/* Shared detail surface: native Command Center dialog and existing Audit modal. */
.cmx-detail{color:#e3edf2;background:#0c151e;border:1px solid #34515f;border-radius:14px;width:min(1120px,calc(100vw - 48px));max-width:1120px;max-height:90vh;max-height:90dvh;padding:0;margin:auto;box-shadow:0 30px 120px #000a;overflow:auto;overscroll-behavior:contain;font:14px/1.6 Inter,Arial,system-ui,sans-serif;color-scheme:dark}
.cmx-detail::backdrop{background:#02080dd9;backdrop-filter:blur(5px)}
.cmx-detail[open]{display:block}.cmx-detail [hidden]{display:none!important}
.cmx-detail .drawerTopline,.cmx-audit #modal .drawerTopline{position:sticky!important;top:0!important;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:#0c151efa!important;padding:22px 26px!important;margin:0!important;border:0!important;border-bottom:1px solid #233440!important}
.cmx-detail .drawerIdentity{min-width:0}.cmx-detail .drawerEyebrow,.cmx-audit #modal .drawerEyebrow{font:600 12px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;color:#6ed3eb!important}
.cmx-detail h2,.cmx-audit #modal h2{font:600 26px/1.35 Inter,Arial,sans-serif!important;color:#e3edf2!important;margin:5px 0!important;overflow-wrap:anywhere;letter-spacing:0!important;text-shadow:none!important}
.cmx-detail .drawerStatus,.cmx-audit #modal .drawerStatus{font:13px/1.7 Inter,Arial,sans-serif!important;color:#a2b2bd!important}
.cmx-detail .drawerClose,.cmx-audit #modalClose.drawerClose{position:static!important;flex-shrink:0;min-width:76px!important;min-height:40px!important;display:flex;align-items:center;justify-content:center;gap:12px;font:14px Inter,Arial,sans-serif!important;border:1px solid #34515f!important;border-radius:7px!important;color:#d4e5ed!important;background:#10212b!important;cursor:pointer;padding:7px 12px!important;box-shadow:none!important}
.cmx-detail .drawerClose b{font-size:24px;font-weight:400;line-height:1}
.cmx-detail .detail-scroll{padding:0 26px 22px}
.cmx-detail .drawerSection,.cmx-audit #modal .drawerSection{margin:22px 0 0!important;padding:0!important;border:0!important}
.cmx-audit #modal .drawerSection{margin:22px 26px!important}
.cmx-detail .drawerSectionHead,.cmx-audit #modal .drawerSectionHead{font:600 14px/1.5 Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#c8d9e3!important;margin:0 0 12px!important;padding:0!important;border:0!important}
.cmx-detail .decisionbox,.cmx-audit #modal .decisionbox{background:#101e29!important;border:1px solid #294454!important;border-radius:9px!important;padding:18px!important;margin:0!important;box-shadow:none!important}
.cmx-detail .dlabel,.cmx-audit #modal .dlabel{font:500 12px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.03em!important;color:#a2b2bd!important}
.cmx-detail .dverdict,.cmx-audit #modal .dverdict{font:600 19px/1.5 Inter,Arial,sans-serif!important;color:#e3edf2!important;letter-spacing:0!important;margin:5px 0!important;overflow-wrap:anywhere;text-shadow:none!important}
.cmx-detail .dreason,.cmx-audit #modal .dreason{font:14px/1.7 Inter,Arial,sans-serif!important;color:#b6c6cf!important;overflow-wrap:anywhere}
.cmx-detail .d-red,.cmx-audit #modal .d-red{background:#231720!important;border-color:#54313f!important}.cmx-detail .d-red .dverdict,.cmx-audit #modal .d-red .dverdict{color:#ff8593!important}
.cmx-detail .opsPipeline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}.cmx-detail .opsStep{font-size:12px;border:1px solid #34515f;background:#0c1922;border-radius:5px;padding:5px 9px;color:#9db3be}.cmx-detail .opsArrow{color:#8195a2}
.cmx-detail .opsStep.good{color:#48dda1;border-color:#2e594d}.cmx-detail .opsStep.warn{color:#f4c768;border-color:#5c4d32}.cmx-detail .opsStep.bad{color:#ff8593;border-color:#5e3643}
.cmx-detail .kv,.cmx-audit #modal .kv{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:0!important;margin:0!important}
.cmx-detail .kv>div,.cmx-audit #modal .kv>div{padding:12px 13px!important;border:1px solid #233440!important;border-radius:8px!important;background:#0a141d!important;min-height:76px!important;box-shadow:none!important}
.cmx-detail .kv span,.cmx-audit #modal .kv span{display:block;font:12px/1.5 Inter,Arial,sans-serif!important;color:#a2b2bd!important;letter-spacing:0!important;overflow-wrap:anywhere}
.cmx-detail .kv b,.cmx-audit #modal .kv b{display:block;font:500 14px/1.7 'JetBrains Mono',Consolas,monospace!important;margin:5px 0 0!important;color:#e3edf2!important;overflow-wrap:anywhere}
.cmx-detail .chip{display:inline-flex!important;padding:3px 8px;border:1px solid #34515f;border-radius:5px;font:12px Inter,Arial,sans-serif!important;line-height:1.5!important}
.cmx-detail .c-green,.cmx-detail .kv .c-green{color:#48dda1!important}.cmx-detail .c-red,.cmx-detail .kv .c-red{color:#ff8593!important}.cmx-detail .c-yellow,.cmx-detail .c-orange,.cmx-detail .kv .c-yellow{color:#f4c768!important}.cmx-detail .c-blue,.cmx-detail .kv .c-blue{color:#6ed3eb!important}.cmx-detail .muted,.cmx-detail .c-gray{color:#a2b2bd!important}
.cmx-detail .timeline,.cmx-audit #modal .timeline{padding:0!important;border:0!important;margin:0!important}
.cmx-detail .tl,.cmx-audit #modal .tl{position:relative;padding:14px 16px!important;margin:0 0 8px!important;border:1px solid #233440!important;border-left:3px solid #48616e!important;border-radius:7px!important;background:#0a141d!important;font:14px/1.7 Inter,Arial,sans-serif!important}
.cmx-detail .tl.t-red,.cmx-audit #modal .tl.t-red{border-left-color:#ff8593!important}.cmx-detail .tl.t-green,.cmx-audit #modal .tl.t-green{border-left-color:#48dda1!important}.cmx-detail .tl.t-blue,.cmx-audit #modal .tl.t-blue{border-left-color:#6ed3eb!important}
.cmx-detail .ts,.cmx-audit #modal .tl .ts{font:12px/1.5 Inter,Arial,sans-serif!important;color:#8195a2!important;display:inline-block;margin-left:6px}
.cmx-detail .detail,.cmx-audit #modal .tl .detail{font:12px/1.7 'JetBrains Mono',Consolas,monospace!important;color:#a2b2bd!important;overflow-wrap:anywhere;margin-top:5px}
.cmx-detail .detail-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:22px;color:#8195a2;font-size:12px}.cmx-detail .detail-error{padding:12px 14px;margin-top:18px;border:1px solid #685335;border-radius:8px;background:#282214;color:#f1d39a;font-size:14px}
.cmx-detail button:focus-visible{outline:2px solid #6ed3eb;outline-offset:3px}
.cmx-audit #modal::before,.cmx-audit #modal::after,.cmx-audit #modal .decisionbox::before,.cmx-audit #modal .decisionbox::after,.cmx-audit #modal .tl::before,.cmx-audit #modal .tl::after{display:none!important}
.cmx-audit #modal.commandDrawer{padding:0!important;border:1px solid #34515f!important;border-radius:14px!important;background:#0c151e!important;box-shadow:0 30px 120px #000a!important}
@media(max-width:720px){.cmx-detail{width:calc(100vw - 20px);max-height:94vh;max-height:94dvh;border-radius:11px}.cmx-detail .drawerTopline,.cmx-audit #modal .drawerTopline{padding:16px!important;gap:12px}.cmx-detail .detail-scroll{padding:0 16px 18px}.cmx-detail .kv,.cmx-audit #modal .kv{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cmx-detail .drawerClose{min-width:64px!important}.cmx-detail h2{font-size:23px!important}.cmx-detail .detail-footer{flex-wrap:wrap}.cmx-detail .dverdict{font-size:17px!important}}
@media(max-width:400px){.cmx-detail .kv,.cmx-audit #modal .kv{grid-template-columns:1fr!important}}