/* A bounded operating surface: navigation, model bay, and instruments. */
body.ops-cockpit-active { height:100dvh; overflow:hidden; }
body.ops-cockpit-active main { position:fixed; inset:86px 0 0; display:flex; flex-direction:column; height:auto; min-height:0; overflow:hidden; padding:12px 18px 16px; }
body.ops-cockpit-active #scopebar { display:none; }
body.ops-cockpit-active main>.topbar { display:none; }
body.ops-cockpit-active .ops-context { cursor:pointer; }
body.ops-cockpit-active .ops-context:focus-visible { outline:1px solid #37baff; outline-offset:5px; border-radius:5px; }
body.ops-cockpit-active main>.ops-view:not(.hidden) { position:relative; display:flex; flex-direction:column; flex:1; width:100%; max-width:none!important; height:100%; min-height:0; gap:12px; overflow:hidden; }
body.ops-cockpit-active .ops-view>.pagehead { display:flex!important; flex:none; align-items:center; justify-content:space-between; min-height:48px; gap:16px; margin:0; padding:0 3px; }
body.ops-cockpit-active .ops-view>.pagehead .ph-txt { position:relative; min-width:0; }
body.ops-cockpit-active .ops-view>.pagehead>.ops-explanation { flex:none; max-width:none; margin-left:auto; }
body.ops-cockpit-active .ops-view>.pagehead h2 { display:inline-block; margin:2px 10px 2px 0; font-size:21px; letter-spacing:-.5px; }
body.ops-cockpit-active .ops-eyebrow { font-size:8px; line-height:1.4; letter-spacing:.12em; }
body.ops-cockpit-active .ops-view .pagehead .ph-txt>.cockpit-help { display:inline-block; vertical-align:middle; }
body.ops-cockpit-active .ops-view .pagehead .pa-head { display:flex; flex-wrap:nowrap; flex:0 1 510px; align-items:center; gap:9px; min-height:44px; margin:0; padding:7px 10px; border-radius:12px; background:linear-gradient(145deg,#30393d,#262e32); }
body.ops-cockpit-active .ops-view .pa-head .pf-pick { display:flex; flex:1; align-items:center; gap:8px; min-width:0; }
body.ops-cockpit-active .pa-head .field-label { color:#7d9aaa; font-size:9px; }
body.ops-cockpit-active .ops-view .pa-head select { min-width:0; min-height:31px; padding:6px 9px; font-size:11px; }
body.ops-cockpit-active .pa-acts { flex-wrap:nowrap; gap:5px; }
body.ops-cockpit-active .pa-acts button { min-height:29px; padding:5px 9px; font-size:10px; }
body.ops-cockpit-active .ops-portfolio-context { flex:none; }
body.ops-cockpit-active .pa-context-note { margin:2px 0 0!important; line-height:1.2; }
body.ops-cockpit-active .pf-demo-tag,body.ops-cockpit-active .bk-tag { padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#839dab; font:550 8px/1.4 var(--sans); text-transform:uppercase; letter-spacing:.09em; }
body.ops-cockpit-active .pf-demo-tag::before { display:none; }
body.ops-cockpit-active .ops-explanation { display:inline-flex; margin:0; line-height:1; }
.cockpit-icon { display:block; width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; stroke-linecap:round; }
.cockpit-help { display:inline-flex; align-items:center; }
.cockpit-help-store,.cockpit-native-groups { display:none!important; }
.cockpit-help-trigger { display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; padding:4px; margin:0; border:0; border-radius:50%; color:#83a5b8; background:none; cursor:pointer; }
.cockpit-help-trigger:hover,.cockpit-help-trigger[aria-expanded=true] { color:#b6e7ff; background:#53beff0e; box-shadow:inset 0 0 0 1px #6cc7ff2c; }
.cockpit-help-trigger:focus-visible { outline:none; box-shadow:inset 0 0 0 1px #39b8ffb3,0 0 5px #158ed11f; }
.cockpit-popover { position:fixed; z-index:1850; display:flex; flex-direction:column; width:360px; padding:0; overflow:hidden; border:1px solid #101b23; border-radius:13px; background:linear-gradient(145deg,#303d46,#222d34); box-shadow:inset 0 1px #d9eff51c,0 8px 14px #0007,0 25px 55px #0007; color:#b6ccd9; animation:cockpit-information-in .12s ease-out; }
.cockpit-popover[hidden] { display:none; }
.cockpit-popover-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:15px; padding:12px 13px 11px 16px; border-bottom:1px solid #14242f; background:linear-gradient(145deg,#414e57,#2f3e48); box-shadow:inset 0 1px #e5f7ff1c,0 2px 4px #0004; }
.cockpit-popover-head h3 { margin:0; color:#d7e8f2; font:550 12px/1.5 var(--sans); }
.cockpit-popover-close { display:grid; place-items:center; flex:none; width:25px; height:25px; padding:4px; border:1px solid #a7c5d51c; border-radius:7px; color:#8faec1; background:#182a3566; cursor:pointer; }
.cockpit-popover-body { min-height:0; overflow:auto; padding:16px; scrollbar-width:thin; scrollbar-color:#7796a355 transparent; font:12px/1.75 var(--sans); }
.cockpit-popover-body :is(p,.k-sub,.card-note,.dim) { margin:0; color:#adc3d1; font:12px/1.75 var(--sans); }
.cockpit-popover-body p+p { margin-top:12px; }
.cockpit-popover-body .pa-crumb { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; }
.cockpit-popover-body ol { list-style:none; padding:0; margin:0; }
.cockpit-popover-body button { color:#c1ddec; background:linear-gradient(#405868,#2d4353); border:1px solid #7fabb735; border-radius:7px; padding:5px 9px; cursor:pointer; }
.cockpit-record-field { display:grid; gap:4px; padding:10px 0; border-bottom:1px solid #abc5d41c; }
.cockpit-record-field:first-child { padding-top:0; }
.cockpit-record-field>span { color:#7e9caf; font:10px/1.5 var(--sans); }
.cockpit-record-field>strong { color:#d4e7f2; font:550 14px/1.5 var(--sans); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.cockpit-record-field>.cockpit-record-action { justify-self:start; margin-top:3px; font:11px/1.5 var(--sans); }
/* Analysis is a set of instruments, with six views in a permanent control rail. */
body.ops-cockpit-active #pa-body { flex:1; min-height:0; overflow:hidden; }
.cockpit-analysis-layout { display:grid; grid-template-columns:142px minmax(0,1fr); gap:14px; height:100%; min-height:0; }
body.ops-cockpit-active .ops-view .pa-sections { position:static; display:flex; flex-direction:column; align-items:stretch; gap:7px; margin:0; padding:10px 8px; overflow:visible; border-radius:13px; background:linear-gradient(155deg,#30383d,#242d32); }
body.ops-cockpit-active .ops-view .pa-sections button { position:relative; display:flex; align-items:center; flex:none; min-height:40px; padding:9px 11px; color:#859fac; font-size:11px; white-space:normal; text-align:left; border-radius:8px; }
body.ops-cockpit-active .ops-view .pa-sections button[aria-selected=true] { color:var(--pra-selected-fg); border-color:var(--pra-selected-rim); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
body.ops-cockpit-active .ops-view .pa-sections button[aria-selected=true]::after { content:''; position:absolute; right:-9px; top:13px; height:14px; width:2px; background:#2cbaff; box-shadow:0 0 6px #00a6ff66; }
.cockpit-analysis-canvas { min-width:0; min-height:0; height:100%; }
/* The same stationary hit target and lit, lifting face as the network explorer. */
body.ops-cockpit-active .ops-view .pa-sections button.pra-lift-tile { isolation:isolate; padding:0; border:0; background:none; box-shadow:none; overflow:visible; }
body.ops-cockpit-active .ops-view .pa-sections button.pra-lift-tile::after { content:''; position:absolute; inset:0; width:auto; height:auto; z-index:0; border-radius:8px; background:#16b7ff; opacity:0; box-shadow:0 0 7px #16b7ff55; transition:opacity .58s .09s ease; }
.pa-sections .pra-lift-face { position:relative; z-index:1; display:flex; align-items:center; min-height:40px; width:100%; padding:9px 11px; border:1px solid #9fc8db0d; border-radius:8px; background:linear-gradient(155deg,#30383d,#252d32); box-sizing:border-box; transition:transform .58s .09s cubic-bezier(.3,0,.25,1),box-shadow .58s .09s ease; }
body.ops-cockpit-active .ops-view .pa-sections button[aria-selected=true]>.pra-lift-face { color:var(--pra-selected-fg); background:var(--pra-selected-bg); transform:translate(0,0); box-shadow:var(--pra-selected-shadow); }
body.ops-cockpit-active .ops-view .pa-sections button[aria-selected=true]::after { opacity:0; }
.pa-sections .pra-lift-tile:focus-visible { outline:none; }
.pa-sections .pra-lift-tile:focus-visible>.pra-lift-face { box-shadow:inset 0 0 0 1px #7ed7ff7a; }
@media(hover:hover) and (pointer:fine){
  body.ops-cockpit-active .ops-view .pa-sections button.pra-lift-tile:hover::after { opacity:var(--pra-hover-light,.9); transition:opacity .12s; }
  body.ops-cockpit-active .ops-view .pa-sections button.pra-lift-tile:hover>.pra-lift-face { transform:var(--pra-hover-lift); box-shadow:var(--pra-hover-shadow); transition-duration:.15s; transition-delay:0s; }
}
.pa-member-opening { position:fixed; z-index:1200; right:24px; bottom:24px; max-width:calc(100vw - 48px); padding:12px 16px; border:1px solid #a2c8db29; border-radius:12px; background:linear-gradient(150deg,#354550,#25343e); color:#c3ddeb; box-shadow:inset 0 1px #d9edf318,0 8px 20px #0007; font:11px/1.5 var(--sans); }
.pa-member-opening[hidden] { display:none; }
.pa-member-opening[aria-busy=true]::before { content:''; display:inline-block; width:10px; height:10px; margin-right:9px; border:1.5px solid #81c9f037; border-top-color:#62c9ff; border-radius:50%; vertical-align:-1px; animation:pa-member-spin .8s linear infinite; }
@keyframes pa-member-spin { to{transform:rotate(360deg);} }
@media(prefers-reduced-motion:reduce){.pa-member-opening::before { animation:none; }.pa-sections .pra-lift-face { transition:none; }}
.cockpit-analysis-pane { height:100%; min-height:0; overflow:hidden; }
.cockpit-analysis-pane[hidden] { display:none!important; }
.cockpit-overview { display:grid; grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr); gap:14px; }
.cockpit-overview-primary { display:flex; flex-direction:column; height:100%; min-height:0; gap:12px; }
.cockpit-overview-ranking { display:none; min-height:0; }
body.ops-cockpit-active .cockpit-overview-ranking>.pa-card { display:flex; flex:1; flex-direction:column; position:relative; height:100%; min-height:0; margin:0; padding:17px; background:linear-gradient(155deg,#2e3a42,#25323b); }
body.ops-cockpit-active .cockpit-overview-ranking h3 { margin:0 35px 12px 0; font-size:13px; }
body.ops-cockpit-active .cockpit-overview-ranking .ops-explanation { position:absolute; right:11px; top:10px; }
body.ops-cockpit-active .cockpit-overview-ranking .pa-rank { flex:1; min-height:0; overflow:auto; margin:0; scrollbar-width:thin; }
body.ops-cockpit-active .ops-view .pa-rank button.pra-lift-tile { display:block; width:100%; padding:0; border:0; background:none; box-shadow:none; }
.pa-rank .pra-lift-face { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; gap:4px 10px; padding:9px 10px; border:1px solid #bed4e015; border-radius:7px; background:linear-gradient(#33434e,#2a3a45); }
.pa-rank .pra-lift-face>b { grid-column:1; color:#b9d3e3; font:550 11px/1.4 var(--sans); }
.pa-rank .pra-lift-face>span { grid-column:1; color:#7595aa; font:9px/1.4 var(--sans); }
.pa-rank .pra-lift-face>em { grid-column:2; grid-row:1/3; align-self:center; color:#bcd8e9; font:550 12px var(--sans); }
.pa-rank .pra-lift-face>em span { color:#7595aa; font:9px var(--sans); }
.pa-rank button:is(:hover,:focus-visible)>.pra-lift-face { border-bottom-color:#28baff80; background:linear-gradient(#3c5261,#304653); }
@media(min-height:850px) and (min-width:1051px) {
  body.ops-cockpit-active .cockpit-overview-primary .pa-kpis { flex:0 0 41%; height:auto; }
  .cockpit-overview-ranking { display:flex; flex:1; }
}
body.ops-cockpit-active .ops-view .pa-kpis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:10px; height:100%; margin:0; }
body.ops-cockpit-active .ops-view .pa-kpis .kpi { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:0; padding:15px 18px; border-radius:12px; }
body.ops-cockpit-active .ops-view .pa-kpis .kpi:nth-child(3),body.ops-cockpit-active .ops-view .pa-kpis .kpi:nth-child(4) { grid-column:auto; grid-row:1; min-height:0; background:linear-gradient(145deg,#39474f,#27373f); }
body.ops-cockpit-active .ops-view .pa-kpis .kpi .k-lab { max-width:90%; font-size:10px; color:#89a9bc; }
body.ops-cockpit-active .ops-view .pa-kpis .kpi .k-val { margin:11px 0 0; font-size:27px; letter-spacing:-.8px; }
body.ops-cockpit-active .ops-view .pa-kpis .kpi:is(:nth-child(3),:nth-child(4)) .k-val { font-size:36px; }
body.ops-cockpit-active .ops-view .kpi>.ops-explanation { position:absolute; right:7px; bottom:7px; }
.cockpit-overview-breakdown { min-width:0; min-height:0; }
body.ops-cockpit-active .cockpit-overview-breakdown>.pa-card { display:flex; flex-direction:column; height:100%; margin:0; padding:20px; background:linear-gradient(160deg,#303c43,#25323a); }
.cockpit-overview-breakdown .pa-bars { flex:none; align-content:start; gap:22px; margin:24px 0; }
.cockpit-overview-breakdown h3 { font-size:15px!important; }
.cockpit-overview-breakdown .pa-bt { height:10px; border-radius:2px; }
body.ops-cockpit-active .ops-view #pa-sec-members,body.ops-cockpit-active .ops-view #pa-sec-money,body.ops-cockpit-active .ops-view #pa-sec-renewals,body.ops-cockpit-active .ops-view #pa-sec-sens { display:flex; flex-direction:column; gap:10px; margin:0; padding:16px; }
body.ops-cockpit-active .cockpit-analysis-pane>.card-head { flex:none; margin:0; align-items:center; }
body.ops-cockpit-active .cockpit-analysis-pane h3 { font-size:14px; margin:0; }
body.ops-cockpit-active .cockpit-analysis-pane>.ops-explanation { align-self:flex-end; margin-top:-33px; }
body.ops-cockpit-active .cockpit-analysis-pane>.pf-tabs { flex:none; width:max-content; max-width:100%; margin:0; }
body.ops-cockpit-active .ops-view #pa-sec-drivers { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0; }
body.ops-cockpit-active #pa-sec-drivers>.pa-card { display:flex; flex-direction:column; min-width:0; min-height:0; margin:0; padding:18px; overflow:auto; }
body.ops-cockpit-active #pa-sec-drivers .pa-bars { flex:none; align-content:start; gap:22px; margin:24px 0; }
body.ops-cockpit-active #pa-sec-drivers .pa-rank { flex:1; min-height:0; overflow:auto; padding:var(--pra-lift-gutter); scrollbar-width:thin; margin:8px 0 0; }
body.ops-cockpit-active .pa-controls { flex:none; align-items:center; gap:8px 18px; margin:0; }
body.ops-cockpit-active .pa-controls .pa-in { font-size:10px; gap:5px; }
body.ops-cockpit-active .pa-controls input { min-height:29px!important; padding:5px 8px!important; font-size:11px!important; }
body.ops-cockpit-active .pa-cba-kpis { flex:none; gap:8px; margin:0; }
body.ops-cockpit-active .pa-cba-kpis .kpi { position:relative; flex:1; padding:10px 14px; border:1px solid #13232b; border-radius:10px; background:linear-gradient(#25343d,#202c34); }
body.ops-cockpit-active .pa-cba-kpis .k-val { margin:6px 0; font-size:22px; }
body.ops-cockpit-active .pa-cba-kpis .k-lab { font-size:9px; }
body.ops-cockpit-active .pa-foot { flex:none; margin:0; color:#718d9e; font:9px/1.5 var(--sans); }
body.ops-cockpit-active #pa-sec-sens>.pa-row { flex:1; min-height:0; margin:0; }
body.ops-cockpit-active #pa-sec-sens .pa-bars { min-height:0; overflow:auto; scrollbar-width:thin; align-content:start; gap:17px; }
/* Data registers: exact columns, instrument rows, bounded pages and record inspection. */
.cockpit-register { display:flex; flex:1; flex-direction:column; min-width:0; min-height:0; overflow:hidden; border:1px solid #111e26; border-radius:10px; background:#202b32; box-shadow:inset 0 2px 6px #0005; }
.cockpit-register-tools { display:flex; flex:none; justify-content:space-between; align-items:center; gap:12px; height:40px; padding:0 11px; border-bottom:1px solid #aec7d517; background:linear-gradient(#2d3b44,#25343d); }
.cockpit-register-search { display:flex; align-items:center; gap:7px; min-width:0; color:#7494a8; }
.cockpit-register-search input { min-width:0; width:190px; min-height:28px!important; padding:4px 0!important; border:0!important; background:none!important; box-shadow:none!important; font:10px var(--sans)!important; }
.cockpit-register-hint { color:#6f8a9c; font:9px var(--sans); }
body.ops-cockpit-active .ops-view .cockpit-table-frame { flex:1; min-height:0; max-height:none; height:auto; overflow:auto; border:0; border-radius:0; padding:var(--pra-lift-gutter) 7px; background:linear-gradient(110deg,#1a252d,#202d36); }
body.ops-cockpit-active .ops-view table.cockpit-data-table { width:100%; border-collapse:separate; border-spacing:0 4px; font-size:10px; }
body.ops-cockpit-active .cockpit-data-table thead th { position:sticky; top:0; z-index:2; padding:8px 9px; color:#7e9daf; background:#1d2b34; font:500 9px/1.45 var(--sans); vertical-align:bottom; }
body.ops-cockpit-active .cockpit-data-table tbody :is(td,th) { height:34px; padding:6px 9px; border-top:1px solid #b5d8eb10; border-bottom:1px solid #0a1b27; background:linear-gradient(#2e3e49,#273744); color:#b2cbdc; font:10px/1.45 var(--sans); font-variant-numeric:tabular-nums; }
body.ops-cockpit-active .cockpit-data-table tbody th { color:#d0e4f1; }
body.ops-cockpit-active .cockpit-data-table tbody tr>:first-child { border-left:1px solid #294253; border-radius:6px 0 0 6px; }
body.ops-cockpit-active .cockpit-data-table tbody tr>:last-child { border-right:1px solid #294253; border-radius:0 6px 6px 0; }
.cockpit-data-table tbody tr { cursor:pointer; }
body.ops-cockpit-active .cockpit-data-table tbody tr:is(:hover,:focus-visible,.cockpit-record-selected) { outline:none; }
body.ops-cockpit-active .cockpit-data-table tbody button { min-height:23px; padding:3px 6px; font-size:9px; }
body.ops-cockpit-active .cockpit-data-table .dim { color:#7494aa; font-size:9px; }
.cockpit-register-footer,.cockpit-vault-footer { display:flex; flex:none; align-items:center; justify-content:space-between; min-height:33px; gap:10px; padding:3px 10px; color:#7f9bad; font:9px var(--sans); border-top:1px solid #a6c7d016; }
.cockpit-page-controls { display:flex; gap:5px; }
.cockpit-page-controls button { display:grid; place-items:center; width:26px; min-height:24px!important; padding:3px!important; color:#9dbbd0; background:linear-gradient(#354c5c,#263c4d); border:1px solid #a5c4db1c; border-radius:6px; box-shadow:inset 0 1px #def2ff13,0 2px 2px #0004; }
.cockpit-page-controls button:disabled { opacity:.3; cursor:default; }
/* Portfolio rack: six complete cards fit in the desktop frame. */
body.ops-cockpit-active .ops-view .pm-levels { display:flex; flex:none; flex-direction:row; gap:12px; min-height:60px; margin:0; padding:0; border:0!important; border-radius:0; background:none; box-shadow:none; }
body.ops-cockpit-active .ops-view .pm-lv { padding:9px 13px; border-radius:10px; background:linear-gradient(#242e34,#20292f); }
body.ops-cockpit-active .ops-view .pm-lv>b { margin:3px 0; font-size:12px; }
body.ops-cockpit-active .ops-view .pm-lv .dim { font-size:9px; line-height:1.5; }
body.ops-cockpit-active .ops-view .pm-lv .pa-k { font-size:8px; }
body.ops-cockpit-active .cockpit-portfolio-vault { display:flex; flex:1; flex-direction:column; min-height:0; padding:0; border-radius:13px; overflow:hidden; background:radial-gradient(ellipse at 45% 0%,#35404855,transparent 65%),#232c32; }
.cockpit-vault-tools { display:flex; flex:none; align-items:center; gap:9px; height:40px; padding:0 15px; color:#7998ac; border-bottom:1px solid #10202a; }
body.ops-cockpit-active .cockpit-vault-tools input { width:260px; min-height:28px; padding:4px 0; border:0; background:none; box-shadow:none; font-size:11px; }
body.ops-cockpit-active #pm-body { display:block; flex:1; min-height:0; padding:12px; overflow:hidden; }
.cockpit-portfolio-grid { display:grid; grid-template-columns:repeat(var(--vault-columns,3),minmax(0,1fr)); grid-template-rows:repeat(var(--vault-rows,2),minmax(0,1fr)); gap:11px; height:100%; padding:0; margin:0; list-style:none; }
body.ops-cockpit-active .ops-view .pm-card { position:relative; isolation:isolate; container:portfolio-tile / size; min-height:0; margin:0; padding:6px; gap:0; border-radius:13px; background:linear-gradient(150deg,#172128,#202b33); box-shadow:inset 0 3px 7px #070e13bf,inset 0 -1px #b2ccda26; }
body.ops-cockpit-active .ops-view .pm-card:hover { transform:none; }
/* The pocket stays recessed; its card face rests inside the cut at panel level. */
body.ops-cockpit-active .pm-card::before,body.ops-cockpit-active .pm-card::after { content:''; position:absolute; inset:6px; border-radius:8px; pointer-events:none; z-index:0; }
body.ops-cockpit-active .pm-card::before { background:#20baff; opacity:0; box-shadow:0 0 5px #16b7ff26; transition:opacity .58s .09s ease; }
body.ops-cockpit-active .pm-card::after { border:1px solid #b4cedb21; background:linear-gradient(150deg,#34414a,#29353e); box-shadow:inset 0 1px #e4f4ff1a,0 1px 2px #050d13a6,0 3px 4px #050d1366; transition:transform .58s .09s cubic-bezier(.3,0,.25,1); }
body.ops-cockpit-active .pm-card>:not(.pm-confirm) { position:relative; z-index:1; transition:transform .58s .09s cubic-bezier(.3,0,.25,1); }
@media(hover:hover) and (pointer:fine) {
  body.ops-cockpit-active .pm-card:hover::before { opacity:.8; transition:opacity .12s; }
  body.ops-cockpit-active .pm-card:hover::after,body.ops-cockpit-active .pm-card:hover>:not(.pm-confirm) { transform:translateY(-2px); transition-duration:.15s; transition-delay:0s; }
}
.cockpit-portfolio-group { padding:4px 10px 0; color:#809caa; font:9px/1.3 var(--sans); }
body.ops-cockpit-active .pm-card>.pm-confirm:not(.hidden) { position:absolute; inset:0; z-index:5; display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:center; gap:12px; margin:0; padding:22px; border:1px solid #8da8b431; border-radius:11px; background:#2d3941; box-shadow:inset 0 1px #e7f4ff17,0 8px 25px #0008; font:12px/1.65 var(--sans); }
body.ops-cockpit-active .pm-ch { position:relative; display:flex; align-items:center; gap:6px; min-height:32px; padding:5px 11px; background:linear-gradient(#ffffff04,transparent); box-shadow:none; }
body.ops-cockpit-active .ops-view .pm-ch>b { font-size:13px; }
body.ops-cockpit-active .pm-ch>.cockpit-help { margin-left:auto; }
body.ops-cockpit-active .pm-card .pm-ch .cockpit-help-trigger { transition:background .14s,box-shadow .14s,color .14s; }
body.ops-cockpit-active .pm-card .pm-ch .cockpit-help-trigger:is(:hover,[aria-expanded=true],:focus-visible) { outline:none; color:#bdced9; background:linear-gradient(#18242c,#26343e); box-shadow:inset 0 2px 4px #050d16b3,inset 0 -1px #c6dfed24,0 1px #dfedf00a; }
body.ops-cockpit-active .pm-card .pm-ch .cockpit-help-trigger:focus-visible { color:#e0eaf0; box-shadow:inset 0 2px 4px #050d16b3,inset 0 0 0 1px #b3c9d64d,inset 0 -1px #c6dfed24; }
body.ops-cockpit-active .pm-card .pm-ch .cockpit-help-trigger:is(:hover,[aria-expanded=true],:focus-visible)>.cockpit-icon { transform:translateY(1px); }
.cockpit-portfolio-body { display:grid; flex:1; min-height:0; grid-template-rows:minmax(0,1fr) auto auto; padding:0 9px; }
body.ops-cockpit-active .pm-card .cockpit-portfolio-body .pm-membership { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex:none; min-height:0; gap:7px; padding:4px 0 6px; margin:0; }
.pm-coverage-stat { display:flex; align-items:baseline; gap:5px; min-width:0; }
.pm-coverage-stat>b { color:#c9dfeb; font:550 17px/1.1 var(--sans); font-variant-numeric:tabular-nums; }
.pm-coverage-stat>span { color:#8faabb; font:9px/1.3 var(--sans); }
body.ops-cockpit-active .pm-card .cockpit-portfolio-body .pm-facts { margin:0 0 6px!important; }
.pm-coverage { position:relative; min-height:0; margin:3px 0 5px; overflow:hidden; border:1px solid #111e27; border-radius:7px; background:radial-gradient(#91adbb14 .6px,transparent .6px),#263039; background-size:16px 16px; box-shadow:inset 0 2px 5px #07121c80; pointer-events:none; }
.pm-coverage-pane { position:absolute; top:0; bottom:0; overflow:hidden; }
.pm-coverage-pane+.pm-coverage-pane { border-left:1px solid #b1c4cd33; }
.pm-coverage-tiles { position:absolute; inset:0; overflow:hidden; opacity:.8; }
.pm-coverage-tiles>img { position:absolute; max-width:none; max-height:none; width:256px; height:256px; filter:grayscale(1) brightness(.85); user-select:none; }
.pm-coverage-pane>svg { display:block; position:absolute; inset:0; width:100%; height:100%; overflow:hidden; }
.pm-coverage-route { fill:none; stroke:#64c4f3; stroke-width:.8; stroke-linecap:round; stroke-linejoin:round; opacity:.9; }
.pm-coverage-route.is-branch { stroke-width:.55; opacity:.6; }
.pm-coverage-route.is-line { stroke:#94d4f3; stroke-width:1.1; }
.pm-coverage-site { fill:#c3e6f7; stroke:#1b374a; stroke-width:1; }
.pm-coverage-area-label { position:absolute; left:5px; top:5px; padding:2px 4px; color:#aec5d3; background:#182731c9; border-radius:3px; font:8px/1.4 var(--sans); }
.pm-coverage-caption { position:absolute; bottom:0; left:0; right:0; padding:7px 7px 4px; color:#9bb3c1; background:linear-gradient(transparent,#1d2b34dc); font:8px/1.4 var(--sans); }
.pm-coverage-empty { display:grid; height:100%; place-items:center; color:#8099aa; font:10px var(--sans); }
.cockpit-coverage-credit { color:#688493; font:8px/1.4 var(--sans); text-align:center; }
@container portfolio-tile (max-height:235px) {
  .cockpit-portfolio-body { grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); grid-template-rows:auto minmax(0,1fr); column-gap:9px; }
  .pm-coverage { grid-column:1; grid-row:1/3; margin:3px 0 6px; }
  body.ops-cockpit-active .pm-card .cockpit-portfolio-body .pm-membership { grid-column:2; grid-row:1; padding:4px 0 3px; gap:4px; }
  .pm-coverage-stat { flex-direction:column; align-items:flex-start; gap:1px; }
  .pm-coverage-stat>b { font-size:16px; }
  .pm-coverage-stat>span { font-size:8px; line-height:1.2; }
  body.ops-cockpit-active .pm-card .cockpit-portfolio-body .pm-facts { grid-column:2; grid-row:2; align-self:end; padding:4px 6px!important; margin-bottom:6px!important; gap:6px; }
  body.ops-cockpit-active .pm-card .cockpit-portfolio-body .pm-facts b { font-size:16px; }
  body.ops-cockpit-active .pm-card .cockpit-portfolio-body .pm-facts span { font-size:8px; line-height:1.2; }
  .pm-coverage-caption { font-size:7px; padding:6px 5px 3px; }
}
@media(max-width:760px) { .cockpit-coverage-credit { max-width:145px; font-size:7px; } }
body.ops-cockpit-active .ops-view .pm-membership { flex:1; display:flex; align-items:center; min-height:24px; margin:0; padding:6px 12px; color:#89a8bb; font:9px/1.55 var(--sans); }
body.ops-cockpit-active .ops-view .pm-facts { flex:none; padding:6px 10px!important; margin:0 9px 6px!important; gap:10px; background:linear-gradient(#1c2c37,#243541); border-radius:7px; }
body.ops-cockpit-active .ops-view .pm-facts span { font-size:8px; gap:2px; }
body.ops-cockpit-active .ops-view .pm-facts b { font-size:18px; line-height:1.1; }
body.ops-cockpit-active .ops-view .pm-acts { flex:none; margin:0; padding:0 9px 6px; gap:5px; }
body.ops-cockpit-active .pm-acts :is(.go,.ebtn) { height:auto; min-height:25px; padding:4px 8px; border-radius:6px; font-size:9px; }
body.ops-cockpit-active #pm-edit:not(.hidden) { position:absolute; inset:0; z-index:700; display:flex; flex-direction:column; gap:12px; height:auto; min-height:0; margin:0; padding:16px; overflow:hidden; box-shadow:0 0 0 1px #0b1c28,0 10px 35px #0009; }
body.ops-cockpit-active #pm-edit .pm-form { flex:none; gap:10px; }
body.ops-cockpit-active #pm-edit .pm-pick { display:grid; flex:1; min-height:0; grid-template-columns:1fr 1fr; margin:0; }
body.ops-cockpit-active #pm-edit .pm-lists { display:flex; flex-direction:column; min-height:0; }
body.ops-cockpit-active #pm-edit .pm-listbox { min-height:0; flex:1; max-height:none; }
body.ops-cockpit-active #pm-edit .pm-mapwrap,body.ops-cockpit-active #pm-edit .pm-map { min-height:0; height:100%; }
body.ops-cockpit-active #pm-edit .pm-foot { flex:none; margin:0; padding-top:10px; }
/* Catalog: an equipment index, a full-height model bay, and an evidence rail. */
body.ops-cockpit-active #view-austin>.card { flex:1; min-height:0; margin:0; overflow:hidden; }
body.ops-cockpit-active #view-austin .ex-wrap { display:grid; grid-template-columns:224px minmax(0,1fr); align-items:stretch; min-height:0; height:100%; }
body.ops-cockpit-active #view-austin .au-side { display:flex; flex-direction:column; gap:8px; min-height:0; padding:12px 10px 8px; background:linear-gradient(155deg,#2a353c,#202d35); }
body.ops-cockpit-active .ops-catalog-search { flex:none; margin:0; }
body.ops-cockpit-active .ops-catalog-search input { font-size:10px; }
body.ops-cockpit-active #au-tabs { flex:none; }
body.ops-cockpit-active #au-tabs button { padding:5px 3px; font-size:9px; }
body.ops-cockpit-active .ops-search-status { flex:none; margin:0; font-size:9px; }
body.ops-cockpit-active #au-list { flex:1; min-height:0; max-height:none; overflow:auto; padding:var(--pra-lift-gutter); }
body.ops-cockpit-active .ex-item { padding:9px 8px; margin:3px 0; border-radius:8px; }
body.ops-cockpit-active .ex-item b { font-size:11px; }
body.ops-cockpit-active .ex-item>span { font-size:9px; margin-top:3px; }
body.ops-cockpit-active #au-main { display:flex; flex-direction:column; gap:10px; min-height:0; min-width:0; padding:12px; }
body.ops-cockpit-active .au-head { flex:none; margin:0; padding:0 0 10px; gap:5px 12px; }
body.ops-cockpit-active .au-head h3 { font-size:18px; }
body.ops-cockpit-active .au-head>p { font-size:9px; margin:0; }
body.ops-cockpit-active #au-scope { margin:2px 0 0; font:9px/1.4 var(--sans); }
body.ops-cockpit-active .ops-catalog-actions .go,body.ops-cockpit-active .ops-catalog-actions .ebtn { min-height:28px; padding:5px 8px; font-size:9px; }
.cockpit-catalog-workbench { display:grid; flex:1; grid-template-columns:minmax(0,1fr) clamp(240px,21vw,280px); gap:11px; min-height:0; min-width:0; }
.cockpit-model-bay { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; border:1px solid #111f28; border-radius:10px; background:#20282d; box-shadow:inset 0 2px 8px #0007; }
.cockpit-bay-modes { display:flex; flex:none; align-items:center; gap:4px; height:39px; padding:5px 8px; border-bottom:1px solid #0c1e2a; background:linear-gradient(#34434d,#2b3943); }
.cockpit-drawing-tabs { display:flex; align-items:center; gap:4px; min-width:0; }
.cockpit-model-info { flex:none; margin-left:auto; }
body.ops-cockpit-active .cockpit-model-info .cockpit-help-trigger:is(:hover,[aria-expanded=true],:focus-visible) { outline:none; color:#d0dfe7; background:linear-gradient(#18242c,#26343e); box-shadow:inset 0 2px 4px #050d16b3,inset 0 -1px #c6dfed24,0 1px #dfedf00a; }
body.ops-cockpit-active .cockpit-model-info .cockpit-help-trigger:focus-visible { box-shadow:inset 0 2px 4px #050d16b3,inset 0 0 0 1px #b3c9d64d,inset 0 -1px #c6dfed24; }
.cockpit-model-info .cockpit-help-trigger:is(:hover,[aria-expanded=true],:focus-visible)>.cockpit-icon { transform:translateY(1px); }
.cockpit-model-details { display:flex; flex-direction:column; gap:15px; }
.cockpit-model-details .ex-foot { display:flex; flex-wrap:wrap; gap:10px; margin:0; padding-top:12px; border-top:1px solid #9eb7c31c; }
.cockpit-model-details :is(.ex-legend,.fe-legend) { display:flex; flex-wrap:wrap; gap:9px 14px; color:#91afc1; font:10px/1.7 var(--sans); }
.cockpit-model-details .ex-legend { display:grid; flex:1; grid-template-columns:9px 1fr 9px 1fr; align-items:center; gap:9px; }
.cockpit-model-details .ex-legend>i { margin:0; }
.cockpit-mode-button { min-height:26px; padding:4px 9px; border:1px solid transparent; border-radius:6px; color:#7f9eb3; background:none; font:10px var(--sans); cursor:pointer; }
.cockpit-mode-button[aria-selected=true] { color:var(--pra-selected-fg); border-color:var(--pra-selected-rim); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.cockpit-model-stage { position:relative; flex:1; min-height:0; overflow:hidden; background:radial-gradient(ellipse at 45% 25%,#3c3d3529,transparent 65%),radial-gradient(#c3b3931c .65px,transparent .65px),#22211f; background-size:auto,20px 20px,auto; }
body.ops-cockpit-active .cockpit-model-stage>figure { display:flex; flex-direction:column; height:100%; width:100%; min-height:0; margin:0; }
body.ops-cockpit-active .cockpit-model-stage figcaption { display:none; }
body.ops-cockpit-active .cockpit-model-stage .ex-plot { flex:1; height:100%; min-height:0; max-height:none; border:0; border-radius:0; background:transparent!important; }
body.ops-cockpit-active .cockpit-model-stage #au-graph { background:transparent; background-image:none; box-shadow:none; }
body.ops-cockpit-active .cockpit-model-stage #au-orig>.dim { position:absolute; inset:40% 10%; text-align:center; color:#7e9bac; font:11px var(--sans); }
body.ops-cockpit-active .cockpit-model-stage .fe-map { flex:1; height:100%; min-height:0; border:0; border-radius:0; }
.cockpit-evidence-rail { display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden; border:1px solid #10212d; border-radius:10px; background:linear-gradient(155deg,#2d3b45,#22303b); }
.cockpit-evidence-tabs { display:flex; flex:none; justify-content:space-evenly; gap:2px; padding:6px 4px; border-bottom:1px solid #142733; }
.cockpit-evidence-tabs .cockpit-mode-button { padding:5px 6px; font-size:9px; }
.cockpit-evidence-pane { display:flex; flex:1; flex-direction:column; gap:10px; min-height:0; overflow:auto; padding:10px; scrollbar-width:thin; scrollbar-color:#7193a555 transparent; }
body.ops-cockpit-active .cockpit-evidence-pane .metrics { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:0!important; }
body.ops-cockpit-active .cockpit-evidence-pane .metric { min-height:0; padding:11px 10px; border-radius:8px; background:linear-gradient(#192b38,#223340); }
body.ops-cockpit-active .cockpit-evidence-pane .metric:first-child { grid-column:1/-1; padding:17px 12px; }
body.ops-cockpit-active .cockpit-evidence-pane .metric:first-child b { font-size:32px; letter-spacing:-1px; }
body.ops-cockpit-active .cockpit-evidence-pane .metric b { font-size:19px; }
body.ops-cockpit-active .cockpit-evidence-pane .metric span { display:block; margin-top:5px; font:9px/1.5 var(--sans); }
body.ops-cockpit-active .cockpit-evidence-pane .au-per { margin:0; }
.cockpit-evidence-pane .cockpit-register-hint { display:none; }
.cockpit-evidence-pane .cockpit-register-tools { padding:0 7px; }
.cockpit-evidence-pane .cockpit-register-search input { width:145px; font-size:9px!important; }
body.ops-cockpit-active .cockpit-evidence-pane table.cockpit-data-table :is(td,th) { padding:5px; font-size:8px; }
body.ops-cockpit-active .cockpit-evidence-pane>p { margin:0!important; max-width:none!important; color:#8da9bc; font:10px/1.8 var(--sans)!important; }
.cockpit-evidence-pane .ex-legend,.cockpit-evidence-pane .fe-legend { display:flex; flex-wrap:wrap; gap:9px; color:#8da8bb; font:9px/1.6 var(--sans); }
.cockpit-evidence-pane .ex-foot { margin:0; padding-top:9px; }
/* Complete outfeed records, using the native table cells and scientific labels. */
.cockpit-outfeed-register { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; }
.cockpit-outfeed-tools { display:flex; flex:none; align-items:center; gap:9px; padding:0 0 10px; }
.cockpit-outfeed-search { display:flex; flex:1; align-items:center; min-width:0; height:30px; padding:0 7px; gap:6px; border-radius:7px; background:linear-gradient(#17242d,#26353f); box-shadow:inset 0 2px 4px #07101999,inset 0 -1px #b4cadb1c; }
.cockpit-outfeed-search>.cockpit-icon { width:12px; height:12px; color:#7392a5; }
body.ops-cockpit-active .ops-view .cockpit-outfeed-search input[type=search] { width:100%; height:100%; min-width:0; min-height:0; padding:5px 0; border:0; background:none; box-shadow:none; color:#c6dce8; font:10px/1.4 var(--sans); }
body.ops-cockpit-active .ops-view .cockpit-outfeed-search input[type=search]:focus { outline:none; background:none; box-shadow:none; }
.cockpit-outfeed-search:focus-within { box-shadow:inset 0 2px 4px #07101999,inset 0 0 0 1px #7eacbf66,inset 0 -1px #c9e1ed24; }
.cockpit-outfeed-status { flex:none; color:#8ca8b9; font:9px/1.4 var(--sans); white-space:nowrap; font-variant-numeric:tabular-nums; }
body.ops-cockpit-active .cockpit-evidence-pane .cockpit-outfeed-table { display:block; flex:1; min-height:0; width:100%; overflow:auto; padding:0 2px 2px; border:0; border-spacing:0; scrollbar-width:thin; scrollbar-color:#7697a655 transparent; }
.cockpit-outfeed-table>caption { display:block; padding:0 1px 9px; color:#7f9cab; font:9px/1.4 var(--sans); text-align:left; }
.cockpit-outfeed-table>thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.cockpit-outfeed-table>tbody { display:grid; align-content:start; gap:9px; }
body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; padding:10px 11px 9px; border:1px solid #adc9d419; border-radius:9px; background:linear-gradient(145deg,#35434c,#2b3943); box-shadow:inset 0 1px #d6edf515,0 2px 3px #07121a66; }
body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr[hidden] { display:none; }
body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr>:is(th,td) { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:0; border:0; background:none; text-align:left; white-space:normal; }
body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr>th { grid-column:1/-1; padding-bottom:8px; color:#c8dce7; font:550 11px/1.45 var(--sans); overflow-wrap:anywhere; }
body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr>td:nth-child(2) { grid-column:1/-1; flex-direction:row; align-items:baseline; justify-content:space-between; gap:10px; padding:0 0 9px; margin-bottom:8px; border-bottom:1px solid #b4cad819; }
.cockpit-outfeed-value { color:#c4dce9; font:550 14px/1.25 var(--sans); font-variant-numeric:tabular-nums; }
th>.cockpit-outfeed-value { font-size:11px; line-height:1.45; }
td:nth-child(2)>.cockpit-outfeed-value { color:#d0e9f7; font-size:23px; letter-spacing:-.4px; }
.cockpit-outfeed-field { color:#8ba7b8; font:9px/1.5 var(--sans); }
.cockpit-outfeed-empty { display:none; margin:10px 0; color:#93adbd; font:11px/1.6 var(--sans); text-align:center; }
.cockpit-outfeed-register.is-empty .cockpit-outfeed-empty { display:block; }
@media(max-width:800px) {
  .cockpit-outfeed-table>tbody { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
  body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr { grid-template-columns:1.2fr 1fr 1fr; column-gap:9px; }
  body.ops-cockpit-active .cockpit-outfeed-table>tbody>tr>td:nth-child(2) { grid-column:auto; flex-direction:column; align-items:flex-start; gap:0; padding:0; margin:0; border:0; }
  .cockpit-outfeed-table td:nth-child(2)>.cockpit-outfeed-value { font-size:20px; line-height:1; }
  .cockpit-evidence-rail:has(.cockpit-outfeed-register):has([data-evidence=evidence][aria-selected=true]) { height:200px; max-height:200px; }
}
/* A thin backing light, scaled to the compact records; faces settle in sequence. */
body.ops-cockpit-active .cockpit-data-table .pra-lift-row { position:relative; isolation:isolate; }
body.ops-cockpit-active .cockpit-data-table .pra-lift-row>:is(td,th) { position:relative; z-index:1; height:36px; padding:0; border:0; background:none; }
.cockpit-data-table .pra-lift-row::after { content:''; position:absolute; inset:0; z-index:0; border-radius:6px; background:#20baff; opacity:0; pointer-events:none; transition:opacity .5s .08s ease; }
.cockpit-data-table .pra-row-face { position:relative; display:flex; flex-direction:column; justify-content:center; gap:2px; width:100%; height:100%; min-height:36px; padding:6px 9px; border-block:1px solid #c2d9e40d; background:linear-gradient(#2e3e49,#273744); transition:transform .5s .08s cubic-bezier(.3,0,.25,1),background .25s; }
.cockpit-data-table .pra-lift-row>:first-child>.pra-row-face { border-radius:6px 0 0 6px; }
.cockpit-data-table .pra-lift-row>:last-child>.pra-row-face { border-radius:0 6px 6px 0; }
.cockpit-data-table .num>.pra-row-face { align-items:flex-end; }
.cockpit-data-table .pra-row-face .dim { display:inline; }
.cockpit-data-table .pra-lift-row:is(:focus-visible,.cockpit-record-selected) .pra-row-face { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-row-shadow); }
.cockpit-data-table .pra-lift-row:focus-visible:not(:hover) .pra-row-face { box-shadow:inset 0 -1px #28baff80; }
.cockpit-data-table .cockpit-record-selected>:first-child>.pra-row-face { box-shadow:var(--pra-selected-row-shadow),inset 1px 0 var(--pra-selected-rim); }
.cockpit-data-table tr.pa-in-pack .pra-row-face { background:var(--pra-selected-bg); color:var(--pra-selected-fg); box-shadow:var(--pra-selected-row-shadow); }
@media(hover:hover) and (pointer:fine) {
  .cockpit-data-table .pra-lift-row:hover::after { opacity:var(--pra-hover-light,.75); transition:opacity .12s; }
  .cockpit-data-table .pra-lift-row:hover .pra-row-face { transform:var(--pra-row-hover-lift); transition-duration:.14s; transition-delay:0s; }
}
/* The catalog uses the same stationary targets and moving faces as Network. */
/* Examples and Network catalog use the same resource-list interaction. */
body.ops-active :is(#au-list,#ex-list) .ex-item.pra-lift-tile { position:relative; isolation:isolate; padding:0; border:0; background:none; box-shadow:none; overflow:visible; }
:is(#au-list,#ex-list) .pra-lift-tile::after { content:''; position:absolute; inset:1px; z-index:0; border-radius:8px; background:#16b7ff; opacity:0; pointer-events:none; transition:opacity .58s .09s ease; }
body.ops-active :is(#au-list,#ex-list) .ex-item>.pra-lift-face { position:relative; z-index:1; display:flex; flex-direction:column; gap:4px; align-items:stretch; min-height:64px; margin:0; padding:10px 8px; border:1px solid #bed9e00c; border-radius:8px; background:linear-gradient(155deg,#2b353d,#253039); transform:none; transition:transform .58s .09s cubic-bezier(.3,0,.25,1),box-shadow .58s .09s ease; }
:is(#au-list,#ex-list) .pra-lift-face>b { font-size:11px; }
:is(#au-list,#ex-list) .pra-lift-face>span { color:#829cae; font:9px/1.55 var(--sans); }
body.ops-active :is(#au-list,#ex-list) .ex-item[aria-current=true]>.pra-lift-face { background:var(--pra-selected-bg); border-color:var(--pra-selected-rim); transform:translate(0,0);  color:var(--pra-selected-fg); box-shadow:var(--pra-selected-shadow);}
:is(#au-list,#ex-list) .ex-item[aria-current=true]::after { opacity:0; }
body.ops-active :is(#au-list,#ex-list) .ex-item:focus-visible { outline:none; box-shadow:none; }
:is(#au-list,#ex-list) .ex-item:focus-visible>.pra-lift-face { box-shadow:inset 0 -1px #16b7ff; }
#ex-list { padding-inline:3px; }
@media(hover:hover) and (pointer:fine) {
  :is(#au-list,#ex-list) .pra-lift-tile:hover { z-index:2; }
  :is(#au-list,#ex-list) .pra-lift-tile:hover::after { opacity:var(--pra-hover-light,.9); transition:opacity .12s; }
  body.ops-active :is(#au-list,#ex-list) .ex-item:hover>.pra-lift-face { transform:var(--pra-hover-lift); box-shadow:var(--pra-hover-shadow); transition-duration:.15s; transition-delay:0s; }
}
body.ops-cockpit-active [aria-labelledby=pa-where-h] { position:relative; }
body.ops-cockpit-active [aria-labelledby=pa-where-h]>.ops-explanation { position:absolute; right:12px; top:13px; }
.cockpit-coverage { display:flex; flex:none; flex-direction:column; gap:10px; margin-top:auto; padding-top:17px; border-top:1px solid #b0ccda17; }
.cockpit-coverage-label { color:#7995a7; font:9px/1.4 var(--sans); text-transform:uppercase; letter-spacing:.1em; }
.cockpit-coverage-members { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
body.ops-cockpit-active .cockpit-coverage-members>button { display:flex; align-items:baseline; gap:7px; min-height:34px; padding:5px 7px; border:0; border-radius:6px; background:#19273080; box-shadow:inset 0 1px 3px #07131c77; text-align:left; }
.cockpit-coverage-members strong { color:#c4dce9; font:550 20px/1.2 var(--sans); font-variant-numeric:tabular-nums; }
.cockpit-coverage-members span { color:#7f9bad; font:9px/1.4 var(--sans); }
.cockpit-coverage>small { color:#7b98aa; font:9px/1.5 var(--sans); }
.cockpit-pricing-assumptions { display:none; flex-direction:column; gap:10px; margin-bottom:15px; }
.cockpit-pricing-choices { display:flex; gap:7px; }
body.ops-cockpit-active .cockpit-pricing-choices>button { flex:1; display:flex; flex-direction:column; gap:6px; padding:10px; border:1px solid #a3c6d81a; border-radius:7px; background:#22313b; text-align:left; }
.cockpit-pricing-choices span { color:#7f9bad; font:9px var(--sans); }
.cockpit-pricing-choices strong { color:#b3cfdf; font:550 16px var(--sans); }
body.ops-cockpit-active .cockpit-pricing-choices>button[aria-pressed=true] { background:var(--pra-selected-bg); border-color:var(--pra-selected-rim); box-shadow:var(--pra-selected-shadow);  color:var(--pra-selected-fg);}
body.ops-cockpit-active :is(.cockpit-pricing-choices,.cockpit-coverage-members)>button { transition:background-color .14s,border-color .14s,box-shadow .14s; }
body.ops-cockpit-active .cockpit-pricing-choices>button:not([aria-pressed=true]):hover { background:#2c4352; border-color:#46beed70; box-shadow:inset 0 1px #d6efff12,inset 0 -1px #2bbdff88; }
body.ops-cockpit-active .cockpit-pricing-choices>button[aria-pressed=true]:hover { border-color:#72d1ff8c; }
body.ops-cockpit-active .cockpit-coverage-members>button:hover { background:#293e4b; box-shadow:inset 0 1px 3px #07131c77,inset 0 -1px #2bbdff88; }
body.ops-cockpit-active :is(.cockpit-pricing-choices,.cockpit-coverage-members)>button:focus-visible { outline:none; box-shadow:inset 0 0 0 1px #38bbff,inset 0 2px 4px #0006; }
.cockpit-page-controls button:not(:disabled):hover { background:linear-gradient(#426174,#2c4759); border-color:#78cbff55; }
.cockpit-mode-button:not([aria-selected=true]):hover { color:#c4e4f7; background:#71bbec12; }
@media(min-height:850px) and (min-width:1051px) { .cockpit-pricing-assumptions { display:flex; } }
.cockpit-money-layout { display:grid; flex:1; grid-template-columns:minmax(0,1.45fr) minmax(285px,1fr); gap:14px; min-height:0; }
.cockpit-cost-curve { display:flex; flex-direction:column; min-height:0; min-width:0; padding:18px 13px 13px; margin:0; border:1px solid #10202a; border-radius:10px; background:linear-gradient(160deg,#28363f,#202e38); box-shadow:inset 0 2px 5px #07131c4d; }
.cockpit-cost-curve h4 { margin:0 0 6px; color:#b9d2e2; font:550 13px/1.4 var(--sans); }
.cockpit-cost-curve figcaption p { margin:0; color:#7897ac; font:10px/1.7 var(--sans); }
.cockpit-cost-curve>svg { display:block; width:100%; flex:1; min-height:0; overflow:visible; }
.cockpit-curve-guide { stroke:#a1c4d51c; stroke-width:1; }
.cockpit-curve-area { fill:#3facdc0d; }
.cockpit-curve-line { fill:none; stroke:#80c8ed; stroke-width:2; }
.cockpit-curve-stem { stroke:#659fbd44; stroke-width:1; stroke-dasharray:2 5; }
.cockpit-curve-point { fill:#82bbd7; stroke:#223541; stroke-width:2; }
.cockpit-curve-point.is-current { fill:#25bbff; stroke:#a0e4ff; }
.cockpit-curve-amount { fill:#c8e0ed; font:550 12px var(--sans); }
.cockpit-curve-percentile,.cockpit-curve-duration { fill:#829fb3; font:10px var(--sans); }
.cockpit-curve-axis { fill:#617f93; font:9px var(--sans); letter-spacing:.1em; }
.cockpit-curve-basis { flex:none; margin:0; padding-top:10px; border-top:1px solid #a3c2d51a; color:#7998ad; font:9px/1.6 var(--sans); }
@media(max-width:1050px) {
  .cockpit-money-layout { grid-template-columns:1fr; grid-template-rows:minmax(200px,1fr) 200px; overflow:auto; }
  .cockpit-cost-curve { display:grid; grid-template-columns:1fr 2fr; grid-template-rows:1fr auto; gap:5px; padding:12px; }
  .cockpit-cost-curve>svg { grid-column:2; grid-row:1/3; height:165px; }
  .cockpit-cost-curve figcaption { align-self:center; }
}
@media(max-width:760px) {
  .cockpit-coverage { padding-top:9px; gap:7px; }
  .cockpit-coverage-members>button { gap:4px; }
  .cockpit-coverage-members strong { font-size:16px; }
  .cockpit-coverage-members span { font-size:8px; }
  .cockpit-overview-breakdown .pa-bars { gap:10px; margin:13px 0; }
  .cockpit-coverage>small { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .cockpit-data-table .pra-row-face,:is(#au-list,#ex-list) .pra-lift-face { transform:none!important; transition:none!important; }
  .cockpit-data-table .pra-lift-row::after,:is(#au-list,#ex-list) .pra-lift-tile::after { transition:none; }
  :is(#au-list,#ex-list) .ex-item:hover>.pra-lift-face { border-bottom-color:var(--pra-hover-rim,#16b7ff99); }
  body.ops-cockpit-active .pm-card::before,body.ops-cockpit-active .pm-card::after,body.ops-cockpit-active .pm-card>:not(.pm-confirm) { transform:none!important; transition:none!important; }
  body.ops-cockpit-active .pm-card:hover::after { box-shadow:inset 0 1px #e4f4ff1a,inset 0 -1px #20baff,0 1px 2px #050d13a6; }
}
@keyframes cockpit-information-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) { .cockpit-analysis-layout { grid-template-columns:120px minmax(0,1fr); gap:10px; } .cockpit-overview { grid-template-columns:minmax(280px,1fr) 1fr; gap:10px; } body.ops-cockpit-active .ops-view .pa-kpis .kpi { padding:12px; } body.ops-cockpit-active .ops-view .pa-kpis .kpi:is(:nth-child(3),:nth-child(4)) .k-val { font-size:29px; } .cockpit-catalog-workbench { grid-template-columns:minmax(0,1fr) 185px; gap:8px; } body.ops-cockpit-active #view-austin .ex-wrap { grid-template-columns:190px minmax(0,1fr); } }
@media(max-width:800px) { .cockpit-overview { grid-template-columns:1fr 1fr; } .cockpit-analysis-layout { grid-template-columns:105px minmax(0,1fr); gap:8px; } body.ops-cockpit-active .ops-view .pa-sections { padding:8px 5px; } body.ops-cockpit-active .ops-view .pa-sections button { padding:7px; font-size:10px; } body.ops-cockpit-active #pa-sec-drivers { grid-template-columns:1fr; overflow:auto; } body.ops-cockpit-active #pa-sec-drivers>.pa-card { min-height:230px; } .cockpit-catalog-workbench { grid-template-columns:1fr; } .cockpit-evidence-rail { max-height:150px; } body.ops-cockpit-active .cockpit-evidence-pane .metrics { grid-template-columns:repeat(4,minmax(0,1fr)); } body.ops-cockpit-active .cockpit-evidence-pane .metric:first-child { grid-column:auto; padding:10px; } body.ops-cockpit-active .cockpit-evidence-pane .metric:first-child b { font-size:22px; } }
@media(max-width:760px) { body.ops-cockpit-active main { inset:128px 0 0; padding:9px 10px 12px; } body.ops-cockpit-active .ops-view>.pagehead { flex-wrap:wrap; min-height:0; gap:7px; } body.ops-cockpit-active .ops-view>.pagehead h2 { font-size:18px; } body.ops-cockpit-active .ops-view .pagehead .pa-head { flex-basis:100%; padding:6px 8px; } body.ops-cockpit-active .pa-context-note { display:none; } .cockpit-analysis-layout { display:flex; flex-direction:column; gap:8px; } body.ops-cockpit-active .ops-view .pa-sections { display:flex; flex:none; flex-direction:row; gap:3px; overflow-x:auto; padding:4px; } body.ops-cockpit-active .ops-view .pa-sections button { min-height:31px; padding:5px 8px; white-space:nowrap; font-size:9px; } body.ops-cockpit-active .ops-view .pa-sections button[aria-selected=true]::after { display:none; } .cockpit-analysis-canvas { flex:1; height:auto; } .cockpit-overview { grid-template-columns:1fr; grid-template-rows:1.15fr 1fr; } body.ops-cockpit-active .ops-view .pa-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:7px; } body.ops-cockpit-active .ops-view .pa-kpis .kpi { padding:10px 9px; } body.ops-cockpit-active .ops-view .pa-kpis .kpi .k-lab { font-size:8px; } body.ops-cockpit-active .ops-view .pa-kpis .kpi .k-val { font-size:20px!important; margin-top:8px; } body.ops-cockpit-active .ops-view .pa-kpis .kpi:nth-child(3),body.ops-cockpit-active .ops-view .pa-kpis .kpi:nth-child(4) { grid-column:auto; grid-row:auto; } body.ops-cockpit-active .cockpit-overview-breakdown>.pa-card { padding:12px; } .cockpit-overview-breakdown .pa-bars { gap:10px; } .cockpit-overview-breakdown .pa-bl,.cockpit-overview-breakdown .pa-bv { font-size:9px; } .cockpit-overview-breakdown .pa-bt { height:6px; } body.ops-cockpit-active .cockpit-analysis-pane { padding:10px!important; } body.ops-cockpit-active .cockpit-analysis-pane h3 { font-size:12px; } .cockpit-register-hint { display:none; } body.ops-cockpit-active .ops-view .pm-levels { flex-direction:row; gap:7px; min-height:0; } body.ops-cockpit-active .ops-view .pm-lv { padding:8px 10px; } body.ops-cockpit-active .ops-view .pm-lv .dim { font-size:8px; } .cockpit-portfolio-grid { gap:9px; } body.ops-cockpit-active #view-austin .ex-wrap { display:flex; flex-direction:column; } body.ops-cockpit-active #view-austin .au-side { flex:none; max-height:150px; padding:8px; display:grid; grid-template-columns:1fr 1fr; gap:7px; } body.ops-cockpit-active #au-list { grid-column:1/-1; max-height:72px; min-height:0; } body.ops-cockpit-active #au-main { flex:1; padding:9px; gap:7px; } body.ops-cockpit-active .au-head h3 { font-size:15px; } body.ops-cockpit-active .au-head>p { font-size:8px; } .cockpit-catalog-workbench { display:flex; flex-direction:column; gap:8px; } .cockpit-model-bay { flex:1; min-height:100px; } .cockpit-evidence-rail { flex:none; height:138px; } .cockpit-evidence-pane { padding:7px; } body.ops-cockpit-active .ops-view .pm-card .pm-facts { padding:8px 10px!important; } body.ops-cockpit-active #pm-edit .pm-pick { grid-template-columns:1fr; overflow:auto; } body.ops-cockpit-active #pm-edit .pm-mapwrap { min-height:160px; } }
@media(prefers-reduced-motion:reduce) { .cockpit-popover,.cockpit-data-table tbody tr,.pm-card { animation:none!important; transition:none!important; } }
@media(max-width:760px) {
  body.ops-cockpit-active .cockpit-overview { grid-template-rows:minmax(180px,.85fr) minmax(300px,1.4fr); overflow:auto; }
  body.ops-cockpit-active .cockpit-overview-breakdown .pa-bars { gap:6px; }
  body.ops-cockpit-active .cockpit-overview { padding:0!important; }
  body.ops-cockpit-active .cockpit-analysis-pane:not(.cockpit-overview) { overflow:auto; scrollbar-width:thin; }
  body.ops-cockpit-active #pa-sec-renewals .pa-controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  body.ops-cockpit-active #pa-sec-renewals .pa-controls>.pa-in { min-width:0; flex-wrap:wrap; gap:4px; font-size:9px; }
  body.ops-cockpit-active #pa-sec-renewals .pa-controls input { width:72px!important; }
  body.ops-cockpit-active #pa-sec-renewals .pa-controls>span.pa-in { grid-column:1/-1; order:1; }
  body.ops-cockpit-active #pa-sec-renewals .pa-cba-kpis { display:grid; grid-template-columns:1fr 1fr; }
  body.ops-cockpit-active #pa-sec-renewals .pa-cba-kpis .kpi { padding:9px; }
  body.ops-cockpit-active #pa-sec-renewals .pa-cba-kpis .k-val { font-size:20px; }
  body.ops-cockpit-active #pa-sec-renewals .cockpit-register { flex:none; min-height:205px; }
  body.ops-cockpit-active #pa-sec-sens>.pa-row { flex:none; min-height:360px; }
}
@media(min-width:761px) and (max-height:640px) {
  body.ops-cockpit-active #pa-sec-renewals { overflow:auto; scrollbar-width:thin; }
  body.ops-cockpit-active #pa-sec-renewals .cockpit-register { flex:none; min-height:190px; }
}