/* ABQ Forensic Command Center */
.view#overview{display:none;flex-direction:column}.view#overview.active{display:flex}
.command-hero{order:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);min-height:490px;margin-top:24px;border:1px solid #222a25;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#121714 0%,#1b211d 60%,#141916 100%);color:#fff;box-shadow:0 24px 65px rgba(16,22,18,.13)}
.command-identity{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:56px 5vw;overflow:hidden}.command-identity::after{position:absolute;right:-190px;bottom:-260px;width:510px;height:510px;border:1px solid rgba(255,255,255,.035);border-radius:50%;box-shadow:0 0 0 75px rgba(255,255,255,.012),0 0 0 150px rgba(255,255,255,.008);content:""}.command-identity>*{position:relative;z-index:1}.command-kicker{display:flex;align-items:center;gap:10px;color:#aab4ae;font-size:12px;font-weight:660;letter-spacing:.09em;text-transform:uppercase}.command-kicker>i{width:7px;height:7px;border-radius:50%;background:var(--operational-green);box-shadow:0 0 0 5px rgba(85,185,124,.13),0 0 11px rgba(85,185,124,.22)}.command-kicker>b{margin-left:4px;padding-left:14px;border-left:1px solid #3a423d;color:var(--operational-green-bright);font-size:12px;font-weight:680}.command-kicker>b.warning{color:#d7aa64}.command-identity h2{max-width:760px;margin:31px 0 20px;font-size:clamp(46px,4.4vw,72px);font-weight:520;letter-spacing:-.06em;line-height:.94}.command-identity>p{max-width:690px;margin:0;color:#b2bbb5;font-size:15px;line-height:1.72}.command-identity>button{display:inline-flex;align-items:center;gap:19px;min-height:46px;margin-top:35px;padding:0 8px 0 19px;border:1px solid #4b554f;border-radius:999px;background:rgba(255,255,255,.035);color:#fff;font-size:12px;font-weight:680;cursor:pointer}.command-identity>button>i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f3f5f3;color:#18201b;font-size:15px;font-style:normal;transition:transform 170ms}.command-identity>button:hover:not(:disabled)>i,.command-identity>button:focus-visible:not(:disabled)>i{transform:translateX(2px)}.command-identity>button:disabled{cursor:default;opacity:.42}
.command-signal{display:flex;flex-direction:column;padding:31px 30px;border-left:1px solid #333c36;background:rgba(255,255,255,.025)}.command-signal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid #363e39}.command-signal-head>span{color:#9ba69f;font-size:12px;font-weight:680;letter-spacing:.1em;text-transform:uppercase}.command-signal-head>i{display:flex;align-items:center;gap:8px;color:#b9c1bc;font-size:12px;font-style:normal}.command-signal-head>i b{width:6px;height:6px;border-radius:50%;background:var(--operational-green);box-shadow:0 0 0 4px rgba(85,185,124,.12),0 0 9px rgba(85,185,124,.2)}.command-event{position:relative;display:grid;grid-template-columns:34px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid #333b36}.command-event:last-child{border-bottom:0}.command-event>i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #455048;border-radius:50%;color:#8f9a93;font-size:12px;font-style:normal;font-weight:680}.command-event span,.command-event strong,.command-event small{display:block}.command-event span{color:#87928b;font-size:12px}.command-event strong{margin-top:7px;color:#f0f3f1;font-size:14px;font-weight:600;overflow-wrap:anywhere}.command-event small{margin-top:5px;color:#8d9791;font-size:12px}
#overview>.workflow-panel{order:2;margin-top:18px}#overview>.overview-grid{order:3}#overview>.activity-panel{order:4}#overview>.metric-grid{order:5;margin-top:18px}.command-metrics{}.metric-grid{box-shadow:none!important}.metric-grid article{min-height:118px!important;background:rgba(255,255,255,.66)!important}.metric-grid strong{font-size:26px!important}
#overview .overview-grid>.panel:first-child{min-height:390px}.assurance{position:relative;overflow:hidden}.assurance::after{position:absolute;right:-80px;bottom:-90px;width:190px;height:190px;border:1px solid rgba(255,255,255,.035);border-radius:50%;content:""}
@media(max-width:1150px){.command-hero{grid-template-columns:1fr}.command-signal{border-top:1px solid #333c36;border-left:0}.command-identity{min-height:430px}.command-event{grid-template-columns:34px 1fr}.command-signal{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.command-signal-head{grid-column:1/-1}.command-event:nth-child(2),.command-event:nth-child(4){border-right:1px solid #333b36;padding-right:25px}}
@media(max-width:700px){.command-hero{margin-top:18px}.command-identity{min-height:430px;padding:38px 25px}.command-identity h2{font-size:48px}.command-signal{display:block;padding:25px}.command-event:nth-child(2),.command-event:nth-child(4){border-right:0;padding-right:0}.command-kicker{align-items:flex-start;flex-wrap:wrap}.command-kicker>b{width:100%;margin:3px 0 0;padding:0;border:0}.command-identity>button{width:100%;justify-content:space-between}}

/* Operational hierarchy: one active case, two supporting signals, one control state. */
.command-signal{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head head" "primary primary" "package output" "control control";align-content:start;gap:10px 11px}
.command-signal-head{grid-area:head;margin-bottom:7px}
.command-event{border:0}
.command-event-primary{grid-area:primary;grid-template-columns:42px 1fr;min-height:132px;padding:22px;border:1px solid rgba(85,185,124,.36);border-radius:10px;background:linear-gradient(135deg,rgba(85,185,124,.14),rgba(255,255,255,.025));box-shadow:inset 3px 0 var(--operational-green)}
.command-event-primary>i{width:38px;height:38px;border-color:rgba(105,200,141,.62);background:rgba(85,185,124,.14);color:#c9dfd1}.command-event-primary span{color:#9eaaa3;font-weight:650;letter-spacing:.055em;text-transform:uppercase}.command-event-primary strong{margin-top:13px;font-size:19px;font-weight:590;letter-spacing:-.015em}.command-event-primary small{margin-top:9px;color:#aeb8b2}
.command-event-package,.command-event-output{display:block;min-width:0;min-height:112px;padding:16px;border:1px solid #343e38;border-radius:8px;background:rgba(255,255,255,.018)}.command-event-package{grid-area:package}.command-event-output{grid-area:output;border-color:#425047;background:rgba(94,135,106,.065)}.command-event-package>i,.command-event-output>i{width:26px;height:26px;margin-bottom:12px}.command-event-package span,.command-event-output span{white-space:nowrap}.command-event-package strong,.command-event-output strong{font-size:13px;line-height:1.35}.command-event-package small,.command-event-output small{line-height:1.35}
.command-event-control{grid-area:control;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:75px;padding:14px 16px;border-top:1px solid #38423b;border-bottom:1px solid #38423b}.command-event-control>i{border-color:#5e7666;color:#a8c2af}.command-event-control>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 20px}.command-event-control span{grid-column:1}.command-event-control strong{grid-column:1;margin-top:3px;font-size:15px}.command-event-control small{grid-column:2;grid-row:1/3;margin:0;text-align:right}
@media(max-width:1150px){.command-signal{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head head" "primary primary" "package output" "control control";gap:10px 14px}.command-event:nth-child(2),.command-event:nth-child(4){border-right:0;padding-right:initial}.command-event-primary{padding:22px}.command-event-control{padding:14px 16px}}
@media(max-width:700px){.command-signal{display:grid;grid-template-columns:1fr;grid-template-areas:"head" "primary" "control" "package" "output";gap:10px;padding:25px}.command-event-primary{min-height:124px}.command-event-package,.command-event-output{min-height:auto}.command-event-control>div{grid-template-columns:1fr}.command-event-control small{grid-column:1;grid-row:auto;margin-top:5px;text-align:left}}
.command-event-output{border-bottom:1px solid #425047!important}
@media(max-width:1150px){.command-signal .command-event-primary{padding-right:22px}.command-signal .command-event-control{padding-right:16px}}

/* Final command-center polish: decisive hero action and enterprise control flow. */
.command-identity>button{gap:22px;min-height:52px;margin-top:38px;padding:0 8px 0 23px;border-color:#e5e9e6;background:#f4f6f4;color:#172019;font-size:13px;font-weight:720;letter-spacing:.018em;box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.8);transition:border-color 170ms var(--ease),box-shadow 170ms var(--ease),transform 170ms var(--ease)}
.command-identity>button>i{width:36px;height:36px;background:#202923;color:#fff;font-size:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.command-identity>button:hover:not(:disabled),.command-identity>button:focus-visible:not(:disabled){border-color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.9);outline:0;transform:translateY(-1px)}
.command-identity>button:active:not(:disabled){box-shadow:0 7px 20px rgba(0,0,0,.18);transform:translateY(0)}
#overview>.workflow-panel{position:relative;margin-top:25px;padding:28px 30px 30px;border-color:#cbd4ce;border-top:2px solid #526d5b;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,251,249,.88));box-shadow:0 12px 34px rgba(23,31,26,.055)}
#overview>.workflow-panel::before{position:absolute;top:-19px;left:50%;width:1px;height:17px;background:linear-gradient(#61796a,#cbd4ce);content:""}
#overview>.workflow-panel .section-heading h2{font-size:23px;font-weight:600}
#overview>.workflow-panel .section-heading>div>span{color:#596b60;font-weight:700}
#overview>.workflow-panel .section-heading>p{padding:7px 10px;border:1px solid #dbe1dd;border-radius:999px;background:#f6f8f6;color:#657169}
#overview>.workflow-panel .workflow-track{margin-top:28px;padding-top:22px;border-top:1px solid #e0e5e1}
#overview>.workflow-panel .workflow-step{gap:12px}
#overview>.workflow-panel .workflow-step>i{width:35px;height:35px;border-color:#c6d0c9;background:#fff;box-shadow:0 2px 7px rgba(26,36,29,.045)}
#overview>.workflow-panel .workflow-step[data-state="complete"]>i{border-color:#aac9b3;background:#edf6ef;color:#326849;box-shadow:0 0 0 4px rgba(75,123,89,.055)}
#overview>.workflow-panel .workflow-step span{color:#68756d;font-weight:610}
#overview>.workflow-panel .workflow-step strong{font-size:14px;font-weight:650}
#overview>.workflow-panel .workflow-connector{height:2px;background:linear-gradient(90deg,#aac0b0,#dbe3dd)}
@media(max-width:700px){#overview>.workflow-panel{padding:23px 21px 25px}#overview>.workflow-panel .section-heading>p{padding:0;border:0;background:transparent}#overview>.workflow-panel .workflow-track{padding-top:18px}.command-identity>button{min-height:52px;padding-left:21px}}
