/*
 * Meta command room: a folded tactical map for Albion PvP reports.
 * Scoped to .meta-command so global navigation and live dashboards are unchanged.
 */
.meta-command {
    --mc-night: #070b12;
    --mc-panel: #101823;
    --mc-panel-raised: #162131;
    --mc-grid: #2a394c;
    --mc-gold: #ffbc05;
    --mc-cyan: #50c8e8;
    --mc-blue: #6a9cff;
    --mc-green: #48c78e;
    --mc-red: #f17070;
    --mc-text: #f6f8fb;
    --mc-muted: #a1aec0;
    --mc-dim: #6e7d91;
    width: 100%;
    color: var(--mc-text);
    font-family: "Noto Sans KR", "Segoe UI", "Malgun Gothic", sans-serif;
}

.meta-command,
.meta-command * { box-sizing: border-box; }

.meta-command-workspace {
    margin: 0 0 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    background:
        linear-gradient(rgba(80, 200, 232, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(80, 200, 232, 0.035) 1px, transparent 1px),
        rgba(7, 11, 18, 0.92);
    background-size: 28px 28px;
    overflow: hidden;
}

.meta-command-workspace-head {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.meta-command-workspace-head > div:first-child {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 10px;
}

.meta-command-eyebrow {
    flex-basis: 100%;
    color: var(--mc-cyan);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.meta-command-workspace-title { color: var(--mc-text); font-size: 15px; font-weight: 950; }
.meta-command-workspace-copy { color: var(--mc-dim); font-size: 11px; font-weight: 750; }

.meta-command-recent {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    color: var(--mc-dim);
    font-size: 10px;
    font-weight: 800;
}

.meta-command-recent a {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 5px;
    background: rgba(16, 24, 35, 0.92);
    color: #cbd5e1;
    text-decoration: none;
}

.meta-command-recent a:hover,
.meta-command-recent a:focus-visible { border-color: var(--mc-gold); color: var(--mc-gold); outline: none; }

.meta-command-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.meta-command-nav-link {
    min-width: 0;
    min-height: 68px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border-left: 1px solid rgba(148, 163, 184, 0.13);
    color: var(--mc-muted);
    text-decoration: none;
    position: relative;
}

.meta-command-nav-link:first-child { border-left: 0; }
.meta-command-nav-link::after { content: ""; position: absolute; inset: auto 12px 0; height: 2px; background: transparent; }
.meta-command-nav-link:hover,
.meta-command-nav-link:focus-visible { background: rgba(80, 200, 232, 0.05); color: var(--mc-text); outline: none; }
.meta-command-nav-link.active { background: rgba(255, 188, 5, 0.07); color: var(--mc-text); }
.meta-command-nav-link.active::after { background: var(--mc-gold); }

.meta-command-nav-code {
    min-width: 34px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(80, 200, 232, 0.28);
    border-radius: 4px;
    color: var(--mc-cyan);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 900;
}

.meta-command-nav-link.active .meta-command-nav-code { border-color: rgba(255, 188, 5, 0.52); color: var(--mc-gold); }
.meta-command-nav-link strong,
.meta-command-nav-link small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.meta-command-nav-link strong { color: inherit; font-size: 12px; font-weight: 900; }
.meta-command-nav-link small { margin-top: 3px; color: var(--mc-dim); font-size: 10px; font-weight: 700; }

/* Signature trust rail: status, scope, sample and timestamp share one evidence line. */
.meta-command .meta-trust-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: -10px 0 22px;
    border: 1px solid rgba(80, 200, 232, 0.2);
    border-radius: 8px;
    background: rgba(8, 15, 25, 0.88);
    overflow: hidden;
}

.meta-command .meta-trust-node {
    min-width: 0;
    padding: 10px 13px;
    border-left: 1px solid rgba(148, 163, 184, 0.12);
    position: relative;
}

.meta-command .meta-trust-node:first-child { border-left: 3px solid var(--mc-green); }
.meta-command .meta-trust-node.state-delayed { border-left-color: var(--mc-gold); }
.meta-command .meta-trust-node.state-empty,
.meta-command .meta-trust-node.state-unavailable { border-left-color: var(--mc-red); }
.meta-command .meta-trust-key { display: block; margin-bottom: 3px; color: var(--mc-dim); font-size: 9px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.meta-command .meta-trust-node strong { display: block; overflow: hidden; color: #dce5f0; font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.meta-command .meta-trust-note { grid-column: 1 / -1; margin: 0; padding: 8px 13px; border-top: 1px solid rgba(148, 163, 184, 0.1); color: var(--mc-dim); font-size: 10px; font-weight: 700; }

/* Shared tactical surfaces override legacy page-local styles without affecting other pages. */
.meta-command .meta-hub-header,
.meta-command .report-header {
    border: 1px solid rgba(148, 163, 184, 0.17) !important;
    border-left: 4px solid var(--mc-gold) !important;
    border-radius: 10px !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(80, 200, 232, 0.1), transparent 26%),
        linear-gradient(110deg, rgba(255, 188, 5, 0.045), transparent 35%),
        var(--mc-panel) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2) !important;
}

.meta-command .report-header { padding: 28px 30px !important; margin-bottom: 24px !important; overflow: hidden; }
.meta-command .report-header::after { display: none !important; }
.meta-command .header-left h1,
.meta-command .hub-title {
    color: var(--mc-text) !important;
    font-size: clamp(1.8rem, 3.4vw, 2.65rem) !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
    text-transform: none !important;
}

.meta-command .header-left h1 span,
.meta-command .hub-kicker { color: var(--mc-gold) !important; }
.meta-command .intro-text,
.meta-command .header-subtitle,
.meta-command .hub-subtitle { color: var(--mc-muted) !important; line-height: 1.7 !important; }

.meta-command .report-state { margin: 0 0 20px !important; border-radius: 7px !important; box-shadow: none !important; }
.meta-command .decision-panel,
.meta-command .hg-decision-panel { gap: 10px !important; margin-bottom: 24px !important; }
.meta-command .decision-card,
.meta-command .hg-decision-card {
    border-color: rgba(148, 163, 184, 0.16) !important;
    border-radius: 8px !important;
    background: rgba(16, 24, 35, 0.9) !important;
    box-shadow: none !important;
}

.meta-command .card,
.meta-command .meta-verdict-panel,
.meta-command .reading-guide,
.meta-command .mode-card,
.meta-command .readout-panel,
.meta-command .hub-summary-panel {
    border-color: rgba(148, 163, 184, 0.16) !important;
    border-radius: 9px !important;
    background: rgba(16, 24, 35, 0.88) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.15) !important;
}

.meta-command .section-title,
.meta-command .reading-guide h2,
.meta-command .meta-verdict-title { color: var(--mc-text) !important; }
.meta-command .section-desc,
.meta-command .reading-guide > p,
.meta-command .reading-card p { color: var(--mc-muted) !important; }
.meta-command .report-table { font-variant-numeric: tabular-nums; }
.meta-command .report-table th { background: #0a111b; color: #8391a5 !important; }
.meta-command .report-table td { border-bottom-color: rgba(148, 163, 184, 0.08) !important; }
.meta-command .decision-stat,
.meta-command .decision-volume-number,
.meta-command .total-matches-text,
.meta-command .hub-metric-value { font-variant-numeric: tabular-nums; text-shadow: none !important; }

.meta-command a:focus-visible,
.meta-command button:focus-visible { outline: 2px solid var(--mc-gold); outline-offset: 2px; }

@media (max-width: 900px) {
    .meta-command-workspace-head { align-items: flex-start; flex-direction: column; gap: 7px; }
    .meta-command-recent { justify-content: flex-start; max-width: 100%; overflow-x: auto; }
    .meta-command-nav { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: thin; }
    .meta-command-nav-link { flex: 0 0 190px; scroll-snap-align: center; }
    .meta-command .meta-trust-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .meta-command .meta-trust-node:nth-child(3) { border-left: 3px solid rgba(80, 200, 232, 0.35); }
}

@media (max-width: 640px) {
    .meta-command-workspace { margin-bottom: 13px; border-radius: 8px; }
    .meta-command-workspace-head { min-height: 0; padding: 10px 11px; }
    .meta-command-workspace-copy { display: block; width: 100%; }
    .meta-command-recent.is-empty { display: none; }
    .meta-command-nav-link { flex-basis: 166px; min-height: 62px; padding: 9px 10px; }
    .meta-command .report-header { padding: 20px 17px !important; }
    .meta-command .meta-trust-rail { margin-top: -6px; }
    .meta-command .meta-trust-node { padding: 9px 10px; }
    .meta-command .meta-trust-note { padding: 8px 10px; }
    .meta-command .card { padding: 17px !important; }
    .meta-command .report-table { min-width: 620px; }
    .meta-command .card:has(.report-table) { overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .meta-command *,
    .meta-command *::before,
    .meta-command *::after { scroll-behavior: auto !important; transition: none !important; }
}