#appsPage, #appsDetailPage {
    background: #ece9d8 !important;
    color: #0a0a0a !important;
    padding: 0 !important;
    min-height: calc(100vh - 64px) !important;
}

.mk-page {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 56px 40px 96px !important;
}

.mk-status-banner {
    margin: 0 0 36px;
    border: 2px solid #0a0a0a;
    background: #ece9d8;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: stretch;
}
.mk-status-banner-tag {
    background: #0a0a0a;
    color: #ece9d8;
    padding: 14px 18px;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.72rem;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}
.mk-status-banner-tag::before {
    content: '';
    width: 8px; height: 8px;
    background: #1a7878;
    display: inline-block;
}
.mk-status-banner-body {
    padding: 14px 20px;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.74rem;
    color: rgba(10, 10, 10, 0.75);
    line-height: 1.65;
    letter-spacing: 0.02em;
}
.mk-status-banner-body strong { color: #0a0a0a; font-weight: 700; }
.mk-status-banner-body em { color: #1a7878; font-style: normal; font-weight: 600; }

.mk-page-head {
    text-align: left !important;
    margin-bottom: 44px !important;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(10, 10, 10, 0.15);
}
.mk-page-head::before {
    content: 'CAPSULE MARKETPLACE · 0xNOX v2 · ETHEREUM MAINNET';
    display: inline-block;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace;
    font-size: 0.70rem;
    letter-spacing: 0.22em;
    color: rgba(10,10,10,0.55);
    border: 1px solid rgba(10,10,10,0.20);
    padding: 7px 13px;
    margin-bottom: 22px;
}
.mk-page-head h1 {
    font: 800 76px/0.95 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    letter-spacing: -0.04em !important;
    color: #0a0a0a !important;
    margin: 0 0 16px !important;
    max-width: 960px;
}
.mk-page-head p {
    color: rgba(10,10,10,0.70) !important;
    font: 400 17px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    max-width: 700px;
    margin: 0 !important;
}

.mk-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap: 0 !important;
    border: none !important;
    background: transparent !important;
}

.mk-card {
    background: #ece9d8 !important;
    border: 2px solid #0a0a0a !important;
    border-radius: 0 !important;
    padding: 22px 24px !important;
    color: #0a0a0a !important;
    text-decoration: none !important;
    transition: transform 0.14s, box-shadow 0.14s, background 0.14s !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: -1px 0 0 -1px !important;
    position: relative !important;
}

.mk-card:hover {
    background: #ece9d8 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 0 #1a7878 !important;
    border-color: #0a0a0a !important;
    z-index: 2;
}

.mk-card-head {
    display: grid !important;
    grid-template-columns: 48px 1fr auto !important;
    gap: 14px !important;
    align-items: start !important;
}
.mk-card-icon {
    width: 48px; height: 48px;
    border: 1px solid #0a0a0a;
    border-radius: 0 !important;
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}
.mk-card-icon img { width: 100%; height: 100%; object-fit: cover; }
.mk-card-title h3 {
    margin: 0 0 4px !important;
    font: 700 1.05rem/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    color: #0a0a0a !important;
    letter-spacing: -0.01em;
}
.mk-card-tagline {
    color: rgba(10,10,10,0.65) !important;
    font: 400 0.84rem/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.mk-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    padding: 10px 0 !important;
    border-top: 1px solid rgba(10,10,10,0.12);
    border-bottom: 1px solid rgba(10,10,10,0.12);
    font: 400 0.72rem/1 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    color: rgba(10,10,10,0.65) !important;
}
.mk-card-meta strong { color: #1a7878 !important; font-weight: 600; }
.mk-card-caps { display: flex; flex-wrap: wrap; gap: 6px; }

.mk-cap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 9px !important;
    border-radius: 0 !important;
    font: 500 0.68rem/1.2 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.06em !important;
    text-transform: lowercase;
}
.mk-cap-risk {
    font-style: normal !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.80;
}

.mk-status-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 10px !important;
    border-radius: 0 !important;
    font: 500 0.66rem/1 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    align-self: start;
}

.mk-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 28px;
    color: rgba(10,10,10,0.70) !important;
    text-decoration: none;
    font: 500 0.72rem/1 ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    border: 1px solid rgba(10,10,10,0.30);
    padding: 8px 14px;
    transition: all 0.14s;
}
.mk-back:hover { color: #0a0a0a !important; border-color: #0a0a0a; background: #ece9d8; }

.mk-detail-head {
    display: grid;
    grid-template-columns: 88px 1fr auto;
    gap: 22px;
    align-items: start;
    padding: 28px;
    background: #ece9d8;
    border: 2px solid #0a0a0a;
    margin-bottom: 1px;
}
.mk-detail-icon {
    width: 88px; height: 88px;
    border: 1px solid #0a0a0a;
    background: #fff;
    overflow: hidden;
}
.mk-detail-icon img { width: 100%; height: 100%; object-fit: cover; }
.mk-detail-title h1 {
    font: 800 48px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    color: #0a0a0a !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.03em;
}
.mk-detail-tagline {
    color: rgba(10,10,10,0.70) !important;
    font: 400 1rem/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    margin: 0 0 14px !important;
}
.mk-detail-meta {
    display: flex; flex-wrap: wrap; gap: 14px;
    font: 500 0.72rem/1 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(10,10,10,0.65);
}
.mk-detail-meta strong { color: #0a0a0a; font-weight: 700; }
.mk-verified {
    background: #1a7878;
    color: #ece9d8;
    padding: 2px 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 0.62rem;
    letter-spacing: 0.16em;
}

.mk-detail-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 220px;
}
.mk-cta-disabled {
    background: #d8d4be !important;
    color: rgba(10,10,10,0.45) !important;
    border: 1px solid rgba(10,10,10,0.30) !important;
    border-radius: 0 !important;
    padding: 14px 22px !important;
    font: 500 0.84rem/1 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    cursor: not-allowed !important;
}
.mk-cta-note {
    font: 400 0.66rem/1.45 ui-monospace,'SF Mono',Menlo,monospace !important;
    color: rgba(10,10,10,0.60) !important;
    letter-spacing: 0.04em !important;
    text-align: center;
}

.mk-section {
    background: #ece9d8;
    border: 2px solid #0a0a0a;
    border-top: none;
    padding: 28px;
}
.mk-section h2 {
    font: 700 0.78rem/1 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    margin: 0 0 18px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(10,10,10,0.15);
}
.mk-prose {
    color: #0a0a0a !important;
    font: 400 0.96rem/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    margin: 0;
    max-width: 880px;
}

.mk-cap-row { display: flex; flex-wrap: wrap; gap: 8px; }
.mk-cap-legend {
    display: flex; flex-wrap: wrap; gap: 16px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed rgba(10,10,10,0.20);
    font: 400 0.66rem/1 ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(10,10,10,0.60);
}
.mk-cap-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.mk-cap-legend-item i { width: 12px; height: 12px; display: inline-block; border-radius: 0 !important; }

.mk-kv {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0;
    margin: 0;
}
.mk-kv dt, .mk-kv dd {
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(10,10,10,0.12);
    margin: 0 !important;
    font: 400 0.80rem/1.4 ui-monospace,'SF Mono',Menlo,monospace !important;
}
.mk-kv dt {
    color: rgba(10,10,10,0.55) !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-size: 0.70rem !important;
    border-right: 1px solid rgba(10,10,10,0.12);
}
.mk-kv dd { color: #0a0a0a !important; word-break: break-all; }
.mk-kv dd code {
    font-family: ui-monospace,'SF Mono',Menlo,monospace !important;
    background: #fff;
    border: 1px solid rgba(10,10,10,0.15);
    padding: 2px 6px;
    color: #1a7878;
    font-size: 0.78rem;
}
.mk-kv .mk-pending {
    color: rgba(10,10,10,0.45) !important;
    font-style: normal !important;
}
.mk-kv .mk-pending::before {
    content: '◯ ';
    color: #a06d00;
}

.mk-validation {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 8px;
}
.mk-validation li {
    padding: 10px 14px;
    border: 1px solid rgba(10,10,10,0.15);
    background: #fff;
    font: 400 0.78rem/1.3 ui-monospace,'SF Mono',Menlo,monospace !important;
    color: #0a0a0a !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.mk-validation li .sym {
    font-size: 1rem;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}
.mk-validation li.ok .sym { color: #0a6e00; }
.mk-validation li.bad .sym { color: #a01818; }
.mk-validation li.neutral .sym { color: rgba(10,10,10,0.40); }

.mk-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}
.mk-table th, .mk-table td {
    text-align: left;
    padding: 10px 12px !important;
    font: 400 0.78rem/1.3 ui-monospace,'SF Mono',Menlo,monospace !important;
    border-bottom: 1px solid rgba(10,10,10,0.12);
    color: #0a0a0a !important;
}
.mk-table th {
    color: rgba(10,10,10,0.55) !important;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.66rem !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #0a0a0a;
    background: #d8d4be;
}
.mk-table code {
    background: #fff;
    border: 1px solid rgba(10,10,10,0.15);
    padding: 1px 5px;
    color: #1a7878;
    font-size: 0.74rem;
}

.mk-empty, .mk-loading, .mk-error {
    background: #ece9d8;
    border: 1px dashed rgba(10,10,10,0.25);
    padding: 60px 28px;
    text-align: center;
    color: rgba(10,10,10,0.60) !important;
    font: 400 0.88rem/1.5 ui-monospace,'SF Mono',Menlo,monospace !important;
    letter-spacing: 0.04em;
}
.mk-error { border-color: #a01818; color: #a01818 !important; }

@media (max-width: 900px) {
    .mk-page { padding: 36px 20px 64px !important; }
    .mk-page-head h1 { font-size: 48px !important; }
    .mk-grid { grid-template-columns: 1fr !important; }
    .mk-card + .mk-card { margin-left: 0 !important; margin-top: 1px !important; }
    .mk-detail-head { grid-template-columns: 64px 1fr; padding: 20px; }
    .mk-detail-actions { grid-column: 1 / -1; margin-top: 14px; }
    .mk-detail-icon { width: 64px; height: 64px; }
    .mk-detail-title h1 { font-size: 30px !important; }
    .mk-kv { grid-template-columns: 1fr; }
    .mk-kv dt { border-right: none; padding-bottom: 0 !important; }
    .mk-kv dd { padding-top: 4px !important; }
    .mk-status-banner { grid-template-columns: 1fr; }
}

#appsPage .mk-card.mk-card-preview {
    opacity: 0.92;
}
#appsPage .mk-card.mk-card-preview:hover {
    opacity: 1;
    box-shadow: 6px 6px 0 0 #1a4e8a !important;
}
#appsPage .mk-card-preview-foot {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed rgba(26,78,138,0.30);
    font-family: ui-monospace,'SF Mono',Menlo,monospace;
    font-size: 0.66rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #1a4e8a;
}