/* Shared casting, recessed wells and native controls across network/resources. */
body.ops-active { --bg:#1e2224; --fg:#d6e0e5; --mut:#a1b1b9; --dim:#81959f; --card:#2b3236; --card-2:#20272b; --inset:#1c2225; --line:#afc2cc25; --line-soft:#afc2cc15; --accent:#44bfff; --accent-soft:#20aaff14; --hover:#ffffff08; --ring:transparent; --chart-1:#7fb9d7; --chart-3:#a3b6c2; --ops-cap:linear-gradient(155deg,#3b4347,#2a3236); --ops-well:linear-gradient(180deg,#171d20,#232b2f); --ops-focus:inset 0 0 0 1px #30b5ffb3,inset 0 2px 5px #0009,0 1px #d9f1ff18; background:#1e2224; color:var(--fg); }
body.ops-active main { margin:0; padding:105px 24px 40px; width:100%; max-width:none; }
body.ops-active main>.ops-view { width:100%; max-width:1536px!important; margin:0 auto; padding:0; }
body.ops-active>.sidebar,body.ops-active>.topbar { display:none; }
body.ops-active.ops-menu-open>.sidebar { position:fixed; inset:92px auto 16px 16px; width:260px; height:auto; max-height:calc(100dvh - 108px); display:flex; z-index:1500; border:1px solid #111719; border-radius:15px; background:var(--ops-cap); box-shadow:inset 0 1px #ffffff15,0 8px 18px #0008,0 24px 50px #0005; }
body.ops-active>.sidebar .brand { display:none; }
body.ops-active>.sidebar nav { overflow:auto; min-height:0; padding:10px; }
body.ops-active>.sidebar nav button { min-height:34px; border-radius:8px; font-size:12px; }
body.ops-active #scopebar { position:static; min-height:0; margin:0 auto 14px; padding:0; max-width:1536px; border:0; background:none; box-shadow:none; }
body.ops-active #scopebar ol { font-size:10px; color:#8fa2ad; gap:8px; }
body.ops-active #stationbar:not(.hidden) { position:static; max-width:1536px; margin:0 auto 14px; padding:10px 14px; border:1px solid #14232b; border-radius:10px; background:var(--ops-well); color:#9cb6c6; box-shadow:inset 0 2px 4px #0005; }
body.ops-active #orgbar:not(.hidden) { display:none; }
body.ops-active.ops-settings-open #orgbar:not(.hidden) { display:flex; position:fixed; inset:92px 16px auto auto; width:min(460px,calc(100% - 32px)); max-height:calc(100dvh - 110px); overflow:auto; z-index:1600; margin:0; padding:18px; border:1px solid #101719; border-radius:14px; background:var(--ops-cap); box-shadow:inset 0 1px #ffffff16,0 8px 28px #0009; }
.ops-console { position:fixed; inset:0 0 auto; height:86px; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:start; gap:18px; padding:0 20px; z-index:1200; color:#d4e1e8; }
.ops-console[hidden] { display:none!important; }
.ops-console-shell { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; filter:drop-shadow(0 5px 5px #0008) drop-shadow(0 14px 20px #0004); }
.ops-console-start,.ops-console-end { position:relative; min-width:0; display:flex; align-items:center; gap:18px; height:64px; }
.ops-console-end { justify-content:flex-end; gap:7px; }
.ops-brand { display:flex; align-items:center; gap:7px; padding:0; height:44px; border:0; background:none; color:#e1e8ec; font:650 22px var(--sans); letter-spacing:-.6px; text-shadow:0 1px #fff4,0 3px 3px #000a; cursor:pointer; }
.ops-brand .ops-icon { width:11px; height:11px; color:#91a2ab; }
.ops-icon { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.ops-context { display:flex; flex-direction:column; gap:3px; min-width:0; }
.ops-context strong { color:#b9cbd5; font:550 12px var(--sans); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ops-context>span { color:#8197a3; font:9px var(--sans); }
.ops-navigation { position:relative; display:flex; flex-direction:row; width:max-content; flex:none; height:48px; align-items:center; gap:3px; margin-top:22px; padding:5px; overflow:visible; border:1px solid #0c1114; border-radius:26px; background:var(--ops-well); box-shadow:inset 0 3px 6px #0009,0 1px #d4e5ed20; }
.ops-nav-button { display:flex; flex:none; width:auto; align-items:center; justify-content:center; height:36px; min-width:85px; gap:7px; padding:0 12px; border:1px solid transparent; border-radius:21px; background:none; color:#99aeb9; font:500 11px var(--sans); cursor:pointer; }
.ops-nav-button:hover { background:#ffffff07; color:#c8e2f0; }
.ops-nav-button[aria-current=page] { color:var(--pra-selected-fg); border-color:var(--pra-selected-rim); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.ops-saved,.ops-settings { display:flex; justify-content:center; align-items:center; gap:7px; height:34px; padding:0 10px; border:1px solid #0e1519; border-radius:18px; color:#adc3d0; background:linear-gradient(#303a40,#242d32); box-shadow:inset 0 1px #d5e6ef12,0 2px 3px #0005; font:11px var(--sans); cursor:pointer; }
.ops-settings { width:34px; padding:0; }
.ops-console button:focus-visible { outline:none; box-shadow:var(--ops-focus); }
.ops-view>.pagehead { margin:0 0 20px; padding:0; align-items:center; border:0; gap:20px; }
.ops-view>.pagehead .ph-txt { min-width:0; }
.ops-view>.pagehead h2 { margin:4px 0 7px; color:#dae5eb; font:550 clamp(21px,2.1vw,29px)/1.15 var(--sans); letter-spacing:-.65px; }
.ops-view>.pagehead .ph-txt>p { max-width:95ch; margin:0; color:#9dafb9; font:12px/1.6 var(--sans); }
.ops-eyebrow { display:block; color:#718b9b; font:550 9px/1.5 var(--sans); letter-spacing:.11em; text-transform:uppercase; }
.ops-view .pagehead .workspace-eyebrow { color:#94aab7; font-size:10px; }
.ops-view .card,.ops-view .pm-card { min-width:0; padding:19px; border:1px solid #101719!important; border-radius:15px; background:linear-gradient(145deg,#31393e,#282f33); box-shadow:inset 0 1px #e2edf019,0 3px 5px #0005,0 10px 22px #0003; }
.ops-view .card-head { gap:18px; }
.ops-view .card h3,.ops-view .pm-h { color:#cedde5; font:550 14px/1.4 var(--sans); letter-spacing:-.15px; }
.ops-view .card-note,.ops-view .hint,.ops-view .dim { color:#9aaeb9; }
.ops-view .card-note { font:11px/1.65 var(--sans); }
.ops-explanation { color:#99b2c1; font:11px/1.6 var(--sans); margin:4px 0 8px; }
.ops-explanation>summary { display:inline-flex; align-items:center; gap:6px; padding:3px 0; cursor:pointer; color:#8ba9bb; font:11px/1.5 var(--sans); list-style:none; }
.ops-explanation>summary::before { content:'+'; font:14px var(--sans); color:#8fb5ca; }
.ops-explanation[open]>summary::before { content:'−'; }
.ops-explanation>summary::-webkit-details-marker { display:none; }
.ops-explanation>p { max-width:105ch; padding:9px 12px; margin:4px 0; background:#17202655; border-left:1px solid #7ca2b23b; border-radius:0 7px 7px 0; }
.ops-view>.pagehead>.ops-explanation { flex:0 1 420px; max-width:48%; margin:0 0 0 auto; text-align:right; }
.ops-view>.pagehead>.ops-explanation>p { text-align:left; }
.ops-view :is(button,a,summary):focus-visible { outline:none; box-shadow:var(--ops-focus); border-radius:6px; }
.ops-view input:not([type=checkbox]):not([type=radio]):not([type=file]),.ops-view select,.ops-view textarea,body.ops-active #orgbar select { min-height:35px; padding:8px 11px; background:var(--ops-well); color:#c7dce8; border:1px solid #0f171c; border-radius:9px; box-shadow:inset 0 2px 4px #0008,0 1px #c6dbe51c; font:12px var(--sans); }
.ops-view :is(input,select,textarea):focus { outline:none; box-shadow:var(--ops-focus); border-color:#13242e; }
.ops-view :is(input[type=checkbox],input[type=radio]) { accent-color:#42baff; width:14px; height:14px; vertical-align:middle; }
.ops-view :is(input[type=checkbox],input[type=radio]):focus-visible { outline:1px solid #37bcff; outline-offset:2px; box-shadow:none; }
.ops-view input[type=file] { max-width:100%; color:#9db5c5; font:11px var(--sans); }
.ops-view input[type=file]::file-selector-button { padding:8px 11px; margin-right:10px; border:1px solid #8eafc22d; border-radius:8px; color:#bfd8e7; background:linear-gradient(#3b505e,#2b3e4b); box-shadow:inset 0 1px #d9ecf51a,0 2px 3px #0005; cursor:pointer; font:11px var(--sans); }
.ops-view fieldset { border-color:#9aafba25; border-radius:10px; }
.ops-view :is(.go,.ebtn,.dl) { min-height:31px; padding:6px 11px; margin:0; border:1px solid #10191e; border-radius:8px; font:550 11px/1.5 var(--sans); box-shadow:inset 0 1px #d9e9ef17,0 2px 3px #0005; }
.ops-view .go { background:linear-gradient(150deg,#56778b,#344f61); color:#ddf2ff; border-color:#9fc9dd2e; }
.ops-view :is(.ebtn,.dl,.go.ghost) { color:#afcadb; background:linear-gradient(#38444b,#2b353c); }
.ops-view :is(.go,.ebtn,.dl):hover { filter:brightness(1.1); }
.ops-view .danger { color:#edafa4; }
.ops-view :is(button,input,select):disabled { opacity:.45; cursor:not-allowed; }
.ops-view :is(.pf-tabs,.vtabs,.lib-add-tabs) { padding:4px; gap:3px; border:1px solid #111a20; background:var(--ops-well); border-radius:11px; box-shadow:inset 0 2px 4px #0007,0 1px #d2e5ef12; }
.ops-view :is(.pf-tabs,.vtabs,.lib-add-tabs)>button { min-height:30px; padding:5px 10px; border:1px solid transparent; border-radius:7px; background:none; color:#90aab9; font:11px var(--sans); }
.ops-view :is(.pf-tabs,.vtabs,.lib-add-tabs)>button[aria-selected=true],.ops-view :is(.pf-tabs,.vtabs,.lib-add-tabs)>button.on { color:var(--pra-selected-fg); background:var(--pra-selected-bg); border-color:var(--pra-selected-rim); box-shadow:var(--pra-selected-shadow); }
.ops-view .tblwrap { max-height:420px; overflow:auto; border:1px solid #111b20; border-radius:10px; background:#20282d; scrollbar-width:thin; scrollbar-color:#6c859366 transparent; }
.ops-view table { width:100%; border-collapse:separate; border-spacing:0; font:11px/1.6 var(--sans); }
.ops-view th { color:#9cb5c4; font-size:10px; font-weight:550; background:#222d34; }
.ops-view thead th { position:sticky; top:0; z-index:2; box-shadow:0 1px #8ba6b526; }
.ops-view :is(td,th) { padding:10px 12px; border-bottom:1px solid #9aafba12; }
.ops-view tbody tr:hover { background:#ffffff04; }
.ops-view tbody tr[tabindex]:focus-visible { outline:1px solid #43b8f8a3; outline-offset:-2px; background:#2186c016; }
.ops-view tbody td.num,.ops-view .num { font-variant-numeric:tabular-nums; }
.ops-view [hidden] { display:none!important; }
/* Analysis: outcomes first, complete evidence in bounded native tables. */
.ops-view#view-portfolio>.pagehead { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,540px); align-items:center; gap:24px; }
.ops-view#view-portfolio .pagehead .ph-txt>p { max-width:55ch; }
.ops-view .ops-portfolio-context { flex-basis:100%; margin:0; color:#8fa8b8; font:10px/1.5 var(--sans); }
.ops-portfolio-context>summary { width:max-content; cursor:pointer; }
.ops-portfolio-context .pa-crumb { margin:8px 0 0; }
.ops-view .pa-crumb { margin:0 0 12px; font-size:10px; }
.ops-view .pa-head { padding:12px 15px; align-items:center; border-radius:13px; gap:9px 12px; }
.ops-view .pa-head .pf-pick { display:grid; grid-template-columns:55px minmax(150px,1fr); align-items:center; gap:0 9px; max-width:750px; flex:1; }
.ops-view .pa-head .pf-pick .field-label { margin:0; font-size:10px; }
.ops-view .pa-head .pf-pick select { max-width:none; width:100%; }
.ops-view .pa-head #pa-about { grid-column:1/-1; margin:7px 0 0; font:10px/1.5 var(--sans); }
.ops-view .pa-context-note { margin:10px 0; font-size:10px; }
.ops-view .pa-sections { position:sticky; top:88px; z-index:20; display:flex; align-items:center; gap:5px; padding:6px; margin:16px 0; border:1px solid #10171b; border-radius:12px; background:linear-gradient(#30393f,#252e34); box-shadow:inset 0 1px #d5e5ec14,0 3px 8px #0005; overflow-x:auto; }
.ops-view .pa-sections button { white-space:nowrap; padding:7px 13px; border:1px solid transparent; border-radius:8px; background:none; color:#8ea8b8; font:11px var(--sans); }
.ops-view .pa-sections button[aria-current=true] { color:var(--pra-selected-fg); border-color:var(--pra-selected-rim); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.ops-view .pa-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.ops-view .pa-kpis .kpi { position:relative; padding:17px 18px 12px; margin:0; min-width:0; min-height:116px; border:1px solid #11191e; border-radius:13px; background:linear-gradient(145deg,#30393e,#252e34); box-shadow:inset 0 1px #d6e8f11c,0 3px 5px #0005; }
.ops-view .pa-kpis .kpi:nth-child(3),.ops-view .pa-kpis .kpi:nth-child(4) { grid-column:span 2; grid-row:1; min-height:145px; background:linear-gradient(145deg,#38444b,#29363d); }
.ops-view .k-lab { color:#99b4c4; font:11px/1.4 var(--sans); }
.ops-view .k-val { margin:9px 0 5px; color:#e4f1f8; font:550 26px/1.05 var(--sans); letter-spacing:-.8px; font-variant-numeric:tabular-nums; }
.ops-view .pa-kpis .kpi:is(:nth-child(3),:nth-child(4)) .k-val { font-size:38px; letter-spacing:-1.2px; }
.ops-view .kpi .ops-explanation { margin:5px 0 0; }
.ops-view .kpi .ops-explanation>summary { font-size:10px; }
.ops-view .k-sub { font-size:11px; color:#8fa7b6; line-height:1.6; }
.ops-view [id^=pa-sec-] { scroll-margin-top:156px; }
.ops-view .pa-card { margin-top:16px; }
.ops-view .pa-row { gap:16px; }
.ops-view .pa-bars { display:grid; gap:16px; padding:10px 0; }
.ops-view .pa-bars li { grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; }
.ops-view .pa-bl { color:#adc5d3; font:11px var(--sans); }
.ops-view .pa-bv { font:12px var(--sans); color:#d4e5ef; }
.ops-view .pa-bt { grid-column:1/-1; grid-row:2; height:8px; background:#121c2280; border-radius:3px; box-shadow:inset 0 1px 3px #0007; }
.ops-view .pa-bt i { background:linear-gradient(90deg,#4b768f,#8fcce9); box-shadow:inset 0 1px #e1f6ff4a; border-radius:3px; }
.ops-view .pa-rank button { padding:12px; margin:5px 0; border:1px solid #10202a; border-radius:9px; background:linear-gradient(#303f48,#26343d); box-shadow:inset 0 1px #d5e8f018,0 2px 3px #0004; }
.ops-view .pa-rank span { margin-top:4px; font:10px/1.5 var(--sans); }
.ops-view .pa-rank b,.ops-view .pa-rank em { font:550 12px var(--sans); }
/* Membership: ownership, member counts and native actions share one card. */
.ops-view .pm-levels { display:flex; align-items:stretch; gap:14px; padding:11px 14px; margin-bottom:18px; }
.ops-view .pm-lv { flex:1; min-width:0; padding:9px 12px; border:1px solid #111c22; border-radius:10px; background:var(--ops-well); box-shadow:inset 0 2px 4px #0005,0 1px #d2e6f016; }
.ops-view .pm-lv>b { display:block; color:#d1e3ee; font:550 16px var(--sans); margin:7px 0; }
.ops-view .pm-lv .dim { display:block; font:11px/1.6 var(--sans); }
.ops-view .pm-lv .go { margin-top:10px; }
.ops-view .pm-arrow { align-self:center; color:#597484; }
.ops-view #pm-body { display:grid; gap:14px; }
.ops-view #pm-body>.pm-h { margin:0; }
.ops-view .pm-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0 0 12px; }
.ops-view .pm-card { display:flex; flex-direction:column; padding:0; overflow:clip; }
.ops-view .pm-ch { padding:14px 16px 11px; border-bottom:1px solid #10202a66; background:linear-gradient(145deg,#3a444a,#303b42); box-shadow:inset 0 1px #e6eef81c,0 2px 4px #0004; }
.ops-view .pm-ch>b { font:550 16px/1.4 var(--sans); color:#d9e7f0; }
.ops-view .pm-card>p { padding:0 16px; margin:10px 0 0; font:11px/1.65 var(--sans); }
.ops-view .pm-membership { color:#a8c0ce; }
.ops-view .pm-facts { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:13px 14px!important; margin:13px 14px!important; background:var(--ops-well); border:1px solid #13232c; border-radius:10px; box-shadow:inset 0 2px 4px #0006,0 1px #cce4ef14; }
.ops-view .pm-facts span { display:flex; flex-direction:column; gap:6px; color:#8fa9b8; font:10px/1.45 var(--sans); }
.ops-view .pm-facts b { color:#d6e9f5; font:550 20px var(--sans); font-variant-numeric:tabular-nums; }
.ops-view .pm-acts { display:flex; flex-wrap:wrap; gap:7px; padding:0 18px 17px; margin-top:auto; }
.ops-view .pm-confirm { margin:0 14px 14px!important; padding:12px!important; background:#482c2a66; border-radius:8px; }
.ops-view .pm-confirm.hidden { display:none; }
.ops-view #pm-edit { margin:0 0 22px; }
.ops-view .pm-pick { gap:18px; margin-top:18px; }
.ops-view .pm-listbox { border:1px solid #121d23; border-radius:10px; background:#20292e; scrollbar-width:thin; }
.ops-view .pm-foot { padding-top:16px; border-top:1px solid #afc2cc20; gap:10px; }
/* Catalog: the native solved diagram is the primary work surface. */
.ops-view#view-austin>.card,.ops-view#view-examples>.card { padding:0; overflow:clip; }
.ops-view .ex-wrap { display:grid; grid-template-columns:290px minmax(0,1fr); min-height:560px; }
.ops-view .au-side { padding:16px 12px 12px; border-right:1px solid #101a20; background:linear-gradient(140deg,#293238,#222b31); }
.ops-view #au-tabs .pf-tabs { display:flex; }
.ops-view #au-tabs button { min-width:0; flex:1; padding:6px 4px; font-size:10px; line-height:1.5; }
.ops-catalog-search { display:flex; align-items:center; gap:8px; margin:0 0 12px; padding:0 11px; border:1px solid #111c22; border-radius:10px; background:var(--ops-well); box-shadow:inset 0 2px 4px #0007,0 1px #d5e7f014; }
.ops-catalog-search .ops-icon { width:14px; height:14px; color:#7f9bad; }
.ops-view .ops-catalog-search input { width:100%; min-width:0; padding:11px 0; background:none!important; border:0!important; box-shadow:none!important; font-size:11px; }
.ops-catalog-search:focus-within { box-shadow:var(--ops-focus); }
.ops-search-status { margin:5px 1px 12px; color:#8fa8b7; font:10px/1.5 var(--sans); }
.ops-view .ex-list { max-height:calc(100dvh - 295px); min-height:220px; overflow:auto; padding:7px 0; margin:0; scrollbar-width:thin; }
.ops-view .ex-group { padding:12px 9px 8px; color:#728e9f; font:550 9px var(--sans); letter-spacing:.09em; }
.ops-view .ex-item { padding:12px 11px; margin:3px 0; width:100%; border:1px solid transparent; border-radius:9px; background:none; color:#b4ccd9; text-align:left; }
.ops-view .ex-item b { color:#bfd2dd; font:550 12px var(--sans); }
.ops-view .ex-item>span { display:block; margin-top:5px; color:#809cadd9; font:10px/1.6 var(--sans); }
.ops-view .ex-item.on,.ops-view .ex-item[aria-current=true] { border-color:var(--pra-selected-rim); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow);  color:var(--pra-selected-fg);}
.ops-view .ex-item:hover { background-color:#b7d1e709; }
.ops-view .ex-main { min-width:0; padding:20px; border:0; background:none; }
.ops-view .au-head { position:relative; padding:0 0 15px; margin:0 0 16px; border-bottom:1px solid #b1c4d01a; display:flex; align-items:start; flex-wrap:wrap; gap:8px 20px; }
.ops-view .au-head h3 { font:550 22px var(--sans); margin:0; letter-spacing:-.5px; }
.ops-view .au-head>p { flex-basis:100%; order:2; margin:0; font:11px/1.6 var(--sans); }
.ops-catalog-actions { display:flex; gap:7px; margin-left:auto; }
.ops-view .ex-cols { display:flex; flex-direction:column; gap:14px; }
.ops-view .ex-cols figure { margin:0; min-width:0; }
.ops-view .ex-cols figcaption { padding:10px 13px; color:#98b2c3; font:11px var(--sans); background:#202b31; border:1px solid #132129; border-bottom:0; border-radius:10px 10px 0 0; }
.ops-view .ex-plot { border:1px solid #132129; border-radius:0 0 10px 10px; }
.ops-view #au-graph { background-color:#22211f; background-image:radial-gradient(#bdad8e13 .6px,transparent .6px); background-size:20px 20px; box-shadow:inset 0 2px 8px #0006; overflow:hidden; }
.ops-view #au-graph>svg { width:100%!important; height:430px!important; }
.ops-view #au-graph .plate-stage>svg { background:transparent!important; }
.ops-source-drawing { border:1px solid #14242e; border-radius:10px; background:#202a31; padding:10px 13px; color:#99b5c5; font:11px var(--sans); }
.ops-source-drawing>summary { cursor:pointer; }
.ops-source-drawing figure { margin-top:10px!important; }
.ops-view .metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.ops-view .metric { min-width:0; margin:0; padding:12px; border:1px solid #14232b; border-radius:10px; background:var(--ops-well); box-shadow:inset 0 2px 4px #0006,0 1px #cce4ef12; }
.ops-view .metric b { color:#d2e5f1; font:550 20px var(--sans); }
.ops-view .metric span { font:10px/1.5 var(--sans); color:#859fae; }
.ops-view .au-per { margin-top:18px; }
.ops-view .ex-foot { padding-top:14px; margin-top:15px; border-top:1px solid #a9c1cf1c; }
.ops-view .plate-tools { background:#28353de8; padding:4px; border:1px solid #101d25; border-radius:9px; box-shadow:inset 0 1px #daeaf119,0 3px 5px #0006; }
.ops-view .plate-tools button { background:none; color:#b5cfde; border:1px solid #8faaba25; border-radius:6px; }
/* Resources and administration retain their complete native forms and states. */
.ops-view :is(.mw-card,.lib-add,.og-card,.ac-card) { margin-bottom:18px; }
.ops-view .lib-add-grid,.ops-view .lib-add-cols { gap:18px; }
.ops-view .lib-add-src { padding:12px; border:1px solid #13232b; border-radius:10px; background:var(--ops-well); }
.ops-view .lib-add-src label { padding:10px 7px; }
.ops-view .workspace-eyebrow { font-size:10px; }
.ops-view#view-examples #ex-intro { color:#d3b798; border-left:2px solid #987a4c; padding-left:11px; }
.ops-view#view-manual { max-width:1060px!important; }
.ops-view#view-manual>section,.ops-view#view-manual>.card { margin:20px 0; }
.ops-view#view-manual :is(p,li) { color:#a5b8c3; font:13px/1.8 var(--sans); }
body.ops-active dialog { border:1px solid #8cabb944; border-radius:15px; color:#cddfe9; background:linear-gradient(145deg,#333f47,#252f36); box-shadow:inset 0 1px #e0eff51c,0 15px 65px #000a; }
body.ops-active dialog::backdrop { background:#0b1117aa; }
body.ops-active dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) { background:var(--ops-well); color:#c7dce8; border:1px solid #101b23; border-radius:8px; box-shadow:inset 0 2px 4px #0007; }
body.ops-active dialog :is(input,select,textarea):focus { outline:none; box-shadow:var(--ops-focus); }
body.ops-active dialog :is(.go,.ebtn) { border-radius:8px; background:linear-gradient(#3c5362,#2c414f); color:#c8e1ef; border:1px solid #afc9db24; box-shadow:inset 0 1px #e1f0f518,0 2px 3px #0005; }
@media(min-width:1600px) { .ops-view .pa-row { grid-template-columns:1.1fr 1fr; } }
@media(max-width:1150px) { .ops-context { display:none; } .ops-view .pm-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .ops-view .ex-wrap { grid-template-columns:250px minmax(0,1fr); } .ops-view .pm-levels { gap:10px; } }
@media(max-width:900px) { .ops-console { gap:10px; padding:0 13px; } .ops-saved span { display:none; } .ops-saved { width:34px; padding:0; } .ops-nav-button { min-width:76px; padding:0 9px; } .ops-view#view-portfolio>.pagehead { grid-template-columns:1fr; gap:14px; } .ops-view .pa-head .pf-pick { grid-template-columns:60px minmax(130px,1fr); } .ops-view .pa-row { grid-template-columns:1fr; } .ops-view .metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .ops-catalog-actions { margin-left:0; } }
@media(max-width:760px) { body.ops-active main { padding:144px 14px 24px; } .ops-console { height:128px; grid-template-columns:1fr 1fr; } .ops-console-start,.ops-console-end { height:57px; } .ops-console-end { grid-column:2; grid-row:1; } .ops-navigation { grid-column:1/-1; grid-row:2; justify-self:center; margin:0; max-width:calc(100vw - 24px); height:46px; } .ops-nav-button { min-width:68px; gap:5px; padding:0 8px; font-size:10px; } .ops-nav-button .ops-icon { width:14px; height:14px; } .ops-view .pa-sections { top:129px; } .ops-view [id^=pa-sec-] { scroll-margin-top:190px; } .ops-view .pa-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .ops-view .pa-kpis .kpi:is(:nth-child(3),:nth-child(4)) { grid-column:span 1; } .ops-view .pa-kpis .kpi { min-height:112px; padding:14px; } .ops-view .pa-kpis .kpi:is(:nth-child(3),:nth-child(4)) .k-val { font-size:29px; } .ops-view .pm-levels { flex-direction:column; } .ops-view .pm-arrow { display:none; } .ops-view .pm-list { grid-template-columns:1fr; } .ops-view .ex-wrap { display:flex; flex-direction:column; } .ops-view .au-side { border-right:0; border-bottom:1px solid #121c23; } .ops-view .ex-list { min-height:0; max-height:240px; } .ops-view .ex-main { padding:15px; } .ops-view #au-graph>svg { height:360px!important; } .ops-view .pm-pick { display:flex; flex-direction:column; } body.ops-active.ops-menu-open>.sidebar,body.ops-active.ops-settings-open #orgbar:not(.hidden) { top:135px; max-height:calc(100dvh - 150px); } }
@media(max-width:480px) { .ops-view .pa-head { gap:14px; padding:13px; } .ops-view .pa-head .pf-pick { display:flex; flex-direction:column; align-items:stretch; flex-basis:100%; gap:5px; } .ops-view .pa-head #pa-about { margin:0; } .ops-view .card { padding:15px; } .ops-view .pagehead { align-items:start; } .ops-view .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ops-view .au-head h3 { font-size:19px; } .ops-view .tblwrap { max-height:340px; } }
@media(max-width:760px) { .ops-console { grid-template-rows:64px 48px; gap:6px 10px; align-content:start; } .ops-navigation { height:48px; } }
@media(max-width:760px) { .ops-view>.pagehead>.ops-explanation { max-width:44%; font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .ops-view *, .ops-console * { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }