/* Reference, help and decisions use the same cast casing and inset wells. */
:root { --surface-face:linear-gradient(145deg,#333b40,#252e33); --surface-well:linear-gradient(150deg,#1a2328,#232d33); --surface-focus:inset 0 0 0 1px #6bcfff88,inset 0 2px 5px #030a0e99; }
dialog.pra-surface-dialog { box-sizing:border-box; width:min(520px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 28px); margin:auto; padding:0; overflow:auto; color:#c9d9e2; background:var(--surface-face); border:1px solid #10181d; border-radius:15px; box-shadow:inset 0 1px #dae8ee20,0 12px 30px #0009,0 36px 90px #0006; }
dialog.pra-surface-dialog::backdrop { background:#080e13b8; }
.pra-surface-dialog :is(h2,h3) { color:#d5e4ed; letter-spacing:-.02em; }
.pra-surface-dialog :is(p,li) { font:12px/1.8 var(--sans); color:#a4bac7; overflow-wrap:anywhere; }
.pra-surface-dialog [hidden] { display:none!important; }
:is(.pra-surface-dialog,#pm-edit) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select) { box-sizing:border-box; min-height:38px; min-width:0; max-width:100%; border:1px solid #10191e; border-radius:8px; color:#c9dce7; background:var(--surface-well); box-shadow:inset 0 2px 5px #0008,0 1px #d7e8ee0d; font:12px/1.6 var(--sans); padding:8px 11px; }
:is(.pra-surface-dialog,#pm-edit) :is(input,select,textarea):focus { outline:none; box-shadow:var(--surface-focus); }
:is(.pra-surface-dialog,#pm-edit) input:is([type=checkbox],[type=radio]) { appearance:none; -webkit-appearance:none; flex:none; box-sizing:border-box; display:inline-block; width:16px; height:16px; min-height:16px; margin:2px 0 0; padding:0; border:1px solid #6d8c9e70; border-radius:4px; background:#1a262e; box-shadow:inset 0 2px 3px #0007; vertical-align:middle; cursor:pointer; }
:is(.pra-surface-dialog,#pm-edit) input[type=radio] { border-radius:50%; }
:is(.pra-surface-dialog,#pm-edit) input:is([type=checkbox],[type=radio]):checked { border-color:#8bcce68a; background:#335265; }
:is(.pra-surface-dialog,#pm-edit) input[type=checkbox]:checked::after { content:''; display:block; width:7px; height:4px; margin:3px 2px; border-left:1.5px solid #d8efff; border-bottom:1.5px solid #d8efff; transform:rotate(-45deg); }
:is(.pra-surface-dialog,#pm-edit) input[type=radio]:checked::after { content:''; display:block; width:6px; height:6px; margin:4px; border-radius:50%; background:#c7e8fa; }
:is(.pra-surface-dialog,#pm-edit) input:is([type=checkbox],[type=radio]):focus-visible { outline:none; box-shadow:inset 0 0 0 1px #8acfe8,0 0 0 2px #263741; }
.pra-surface-dialog :is(button,a.go) { min-height:33px; max-width:100%; overflow-wrap:anywhere; padding:7px 12px; border:1px solid #a3c0cf20; border-radius:8px; color:#bed1dc; background:linear-gradient(#354148,#29353d); box-shadow:inset 0 1px #deedf215,0 2px 3px #0005; font:550 11px/1.5 var(--sans); cursor:pointer; }
.pra-surface-dialog :is(button,a.go):hover:not(:disabled) { background:linear-gradient(#29353c,#35424a); box-shadow:inset 0 2px 4px #0007,0 1px #dbe8ef0c; color:#deedf5; }
.pra-surface-dialog :is(button,a.go):focus-visible { outline:none; box-shadow:var(--surface-focus); }
.pra-surface-dialog :is(button,input):disabled { opacity:.42; cursor:default; }
.pra-surface-dialog button.go { color:#d6ecfa; background:linear-gradient(#405d70,#30495b); border-color:#a5c8de30; }
.pra-surface-dialog button.go:hover:not(:disabled) { background:linear-gradient(#48697e,#345166); }
.pra-surface-dialog button.surface-destructive { color:#f0d5d2; background:linear-gradient(#674e50,#4c3d42); border-color:#d6ada12e; }
.pra-surface-dialog button.surface-destructive:hover:not(:disabled) { background:linear-gradient(#715657,#56434a); }
.surface-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:19px 22px 17px; border-bottom:1px solid #0f191faa; box-shadow:0 1px #c9e0eb0b; }
.surface-head h2 { margin:6px 0 0; font:550 19px/1.35 var(--sans); }
.surface-eyebrow { color:#8aa6b7; font:9px/1.5 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.surface-body { padding:18px 22px 22px; min-height:0; overflow:auto; }
.surface-body>p { white-space:pre-line; margin:0 0 17px; }
.surface-body>p:last-child { margin-bottom:0; }
.surface-field { display:flex; flex-direction:column; gap:7px; color:#a6bdca; font:11px/1.6 var(--sans); }
.surface-field input { width:100%; }
.surface-foot { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:13px 22px; border-top:1px solid #111a20; background:#222c32; }
.pra-surface-dialog .surface-error { color:#e0b3aa; margin:12px 0 0; padding:10px 12px; border:1px solid #c3948830; border-radius:8px; background:#29282a; }
.assistance-prompt>form { display:flex; flex-direction:column; max-height:calc(100dvh - 30px); }
.assistance-prompt .surface-head,.assistance-prompt .surface-foot { flex:none; }
dialog.pra-surface-dialog.surface-structured { padding:0!important; overflow:hidden; }
dialog.pra-surface-dialog.surface-structured[open] { display:flex; flex-direction:column; }
.surface-structured .surface-head,.surface-structured .surface-foot { flex:none; }
.surface-structured .surface-head h2 { margin:0!important; }
.surface-structured .surface-body { flex:1; min-height:0; }
.surface-structured .surface-foot { flex-wrap:wrap; }
dialog.pra-surface-dialog.loc-dlg { width:min(650px,calc(100vw - 24px)); overflow:hidden; }
.pra-surface-dialog.loc-dlg[open] { display:flex; flex-direction:column; }
.pra-surface-dialog .loc-dlg-head { flex:none; padding:18px 22px 14px; border-color:#121c22; }
.pra-surface-dialog .loc-dlg-head h2 { font:550 19px/1.4 var(--sans); }
.pra-surface-dialog .loc-dlg-body { min-height:0; overflow:auto; padding:17px 22px; }
.pra-surface-dialog .loc-map { height:clamp(150px,39dvh,330px); border:1px solid #111c22; border-radius:9px; box-shadow:inset 0 2px 7px #0008; overflow:hidden; }
.pra-surface-dialog .loc-dlg-foot { flex:none; padding:13px 22px; border-color:#121c22; background:#222c32; }
dialog.pra-surface-dialog.pub-dlg { width:min(760px,calc(100vw - 24px)); overflow:hidden; }
.pra-surface-dialog .pub { max-height:calc(100dvh - 30px); }
.pra-surface-dialog .pub-head { flex:none; padding:18px 22px 15px; border-color:#111a20; }
.pra-surface-dialog .pub-head h2 { font:550 20px/1.4 var(--sans); }
.pra-surface-dialog .pub-head p { max-width:63ch; font-size:11px; }
.pra-surface-dialog .pub-body { flex:1; min-height:0; padding:16px 22px; gap:16px; }
.pra-surface-dialog .pub-list { list-style:none; padding:0; margin:0; }
.pra-surface-dialog .pub-item { padding:13px; background:var(--surface-well); border-color:#101b21; border-radius:9px; box-shadow:inset 0 2px 4px #0006,0 1px #d4e7f00b; }
.pra-surface-dialog .pub-item.on { background:var(--pra-selected-bg); border-color:var(--pra-selected-rim); box-shadow:var(--pra-selected-shadow); }
.pra-surface-dialog .pub-pick { font:550 12px/1.6 var(--sans); color:#cbdfeb; }
.pra-surface-dialog .pub-pick .dim { font-size:10px; }
.pra-surface-dialog .pub-pick>span { display:flex; flex-direction:column; min-width:0; gap:2px; }
.pra-surface-dialog .pub-mode,.pra-surface-dialog .pub-effect,.pra-surface-dialog .pub-diff { font-size:11px; }
.pra-surface-dialog .pub-effect { color:#b7d3e3; font-weight:400; }
.pra-surface-dialog .pub-newname { min-width:0; max-width:100%; }
.pra-surface-dialog .pub-newname input { min-width:0; width:100%; }
.pra-surface-dialog .pub-confirm { padding:12px; color:#c5d7e1; font:11px/1.7 var(--sans); background:#26323a; border:1px solid #6c96b040; border-radius:9px; box-shadow:inset 0 2px 4px #0005; }
.pra-surface-dialog .pub-foot { flex:none; padding:13px 22px; border-color:#111a20; background:#222c32; }
.pra-surface-dialog .pub-msg { font:11px/1.6 var(--sans); }
.pra-surface-dialog .mw-warn { border:1px solid #b4a09225; border-radius:7px; background:#2d2d2c; color:#d1bfb4; padding:9px 11px; font:11px/1.7 var(--sans); }
dialog.pra-surface-dialog.bk-noaccess { padding:23px; }
.pra-surface-dialog.bk-noaccess h2 { font:550 20px/1.4 var(--sans); margin-bottom:13px; }
.pra-surface-dialog.bk-noaccess .bk-noaccess-acts { padding-top:12px; border-top:1px solid #a4bfcb1a; }
dialog.pra-surface-dialog#analytics-privacy-dialog { width:min(520px,calc(100vw - 24px)); padding:23px; }
.pra-surface-dialog#analytics-privacy-dialog h2 { font:550 19px/1.4 var(--sans); }
.pra-surface-dialog#analytics-privacy-dialog label { padding:12px; border:1px solid #111b22; border-radius:9px; background:var(--surface-well); font:550 12px/1.6 var(--sans); color:#bed5e3; }
.pra-surface-dialog#analytics-privacy-dialog p { font:12px/1.8 var(--sans); }
.pra-surface-dialog.resource-info { width:min(560px,calc(100vw - 24px)); }
.pra-surface-dialog.resource-info header { padding:15px 20px; border-color:#111c23; }
.pra-surface-dialog.resource-info h3 { font:550 16px/1.4 var(--sans); }
.pra-surface-dialog .resource-info-body { padding:19px 20px; max-height:65dvh; }
/* Existing inline confirmations retain their original controls and handlers. */
:is(.ops-view,.admin-view) .pm-confirm { color:#c9d9e2; font:12px/1.8 var(--sans); border:1px solid #7998ab35; border-radius:10px; background:var(--surface-face); box-shadow:inset 0 1px #c4dce713,0 5px 12px #0005; }
:is(.ops-view,.admin-view) .pm-confirm .danger { color:#e2c6c1; border-color:#bc9d9238; background:linear-gradient(#56464a,#42383d); }
body.ops-cockpit-active #pm-edit { border:1px solid #101c23; border-radius:13px; background:var(--surface-face); }
body.ops-cockpit-active #pm-edit>.card-head { padding-bottom:14px; border-bottom:1px solid #b0cad51a; }
body.ops-cockpit-active #pm-edit>.card-head h3 { font:550 19px/1.5 var(--sans); color:#d2e4ef; }
body.ops-cockpit-active #pm-edit .pm-foot { border-top:1px solid #aac3d01c; }
body.ops-cockpit-active #pm-edit>.card-head { flex:none; }
body.ops-cockpit-active #pm-edit>.card-head>div { flex:1; min-width:0; }
body.ops-cockpit-active #pm-edit>.card-head h3 { margin:0; }
body.ops-cockpit-active #pm-edit>.card-head>.resource-info-button { flex:none; display:grid; place-items:center; width:28px; height:28px; padding:0; color:#9eb7c6; background:linear-gradient(#354148,#29353d); border:1px solid #a3c0cf20; border-radius:50%; box-shadow:inset 0 1px #deedf215,0 2px 3px #0005; font:550 12px/1 var(--sans); cursor:pointer; }
body.ops-cockpit-active #pm-edit>.card-head>.resource-info-button:hover { color:#d0e3ee; background:#26343b; box-shadow:inset 0 2px 4px #0007,0 1px #dbe8ef0c; }
body.ops-cockpit-active #pm-edit>.assistance-editor-body { display:flex; flex:1; flex-direction:column; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
body.ops-cockpit-active #pm-edit .pm-form { min-width:0; margin:0 0 14px; }
body.ops-cockpit-active #pm-edit .pm-pick { flex:1; min-height:260px; margin:0; }
body.ops-cockpit-active #pm-edit .pm-mapwrap { display:flex; flex-direction:column; min-height:0; height:auto; }
body.ops-cockpit-active #pm-edit .pm-map { flex:1; min-height:160px; height:auto; }
body.ops-cockpit-active #pm-edit .pm-maphint { flex:none; }
body.ops-cockpit-active #pm-edit .pm-start { min-width:0; }
body.ops-cockpit-active #pm-edit :is(button,input,select):focus-visible { outline:none; box-shadow:var(--surface-focus); }
@media(max-width:760px){body.ops-cockpit-active #pm-edit .pm-pick { min-height:440px; grid-template-rows:minmax(210px,1fr) minmax(160px,1fr); overflow:visible; }}
/* Context help is a bounded disclosure; it never changes the page layout. */
#infopop.infopop { padding:0; border:1px solid #101b22; border-radius:12px; color:#b8d0de; background:var(--surface-face); box-shadow:inset 0 1px #d1e5ed17,0 7px 18px #0008,0 22px 42px #0006; }
.assistance-help-head { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 16px; background:#303b42; border-bottom:1px solid #111d24; }
.assistance-help-head h2 { margin:0; font:550 14px/1.5 var(--sans); color:#d0e1ec; }
.assistance-help-head button { display:grid; place-items:center; min-width:26px; height:26px; padding:0; color:#a5bbc8; border:1px solid #a9c9dc20; border-radius:7px; background:#26343d; box-shadow:inset 0 1px #c3dce510; font:18px/1 var(--sans); }
.assistance-help-body { padding:15px 18px; font:12px/1.8 var(--sans); }
.assistance-help-body ul { margin:10px 0 0; padding-left:18px; }
.assistance-help-body li+li { margin-top:8px; }
.assistance-help-foot { position:sticky; bottom:0; padding:9px 16px; background:#26323a; border-top:1px solid #101b22; }
.assistance-help-foot button { min-height:28px; padding:5px 10px; font:11px/1.5 var(--sans); }
#view-map .studio-guide-panel>.studio-guide-manual { min-height:30px; margin-top:12px; padding:6px 11px; border:1px solid #9cb9cb26; border-radius:7px; color:#bdd5e4; background:linear-gradient(#35444d,#293841); box-shadow:inset 0 1px #d1e6f014; font:11px/1.5 var(--sans); }
dialog.transformer-inspection { background:var(--surface-face); border-color:#101b22; box-shadow:inset 0 1px #d7e5ed1a,0 12px 35px #0009,0 35px 90px #0006; }
.transformer-inspection .tx-head { background:linear-gradient(#333e44,#2a353c); border-color:#111c23; }
.transformer-inspection .tx-evidence { background:linear-gradient(#26333c,#202d36); }
body.assistance-active { height:100dvh; overflow:hidden; }
body.assistance-active main { position:fixed; inset:86px 0 0; padding:12px 18px 16px; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
body.assistance-active :is(#scopebar,main>.topbar) { display:none; }
body.assistance-active #view-manual { display:flex; flex:1; flex-direction:column; min-height:0; height:100%; width:100%; max-width:none!important; gap:12px; margin:0; overflow:hidden; }
body.assistance-active #view-manual>.pagehead { display:flex; flex:none; align-items:center; gap:16px; margin:0; padding:0 3px; min-height:44px; }
body.assistance-active #view-manual>.pagehead p { display:none; }
.manual-return { margin-left:auto; }
.manual-workbench { display:grid; grid-template-columns:246px minmax(0,1fr); gap:14px; flex:1; min-height:0; }
.manual-index,.manual-reader { min-width:0; min-height:0; border:1px solid #111a20; border-radius:13px; background:var(--surface-face); box-shadow:inset 0 1px #d7e7ed15,0 4px 9px #0005; }
.manual-index { display:flex; flex-direction:column; padding:14px 10px; }
.manual-index>.resource-search { margin:0 6px; flex:none; }
.manual-search-status { flex:none; min-height:28px; padding:10px 7px 4px; margin:0; font:10px/1.7 var(--sans); color:#839faf; }
.manual-topics { display:flex; flex:1; flex-direction:column; min-height:0; gap:8px; overflow:auto; padding:var(--pra-lift-gutter); scrollbar-width:thin; }
.manual-topic { flex:none; min-width:0; width:100%; padding:0; text-align:left; border:0; border-radius:9px; background:none; }
.manual-topic b { font:550 12px/1.6 var(--sans); }
.manual-topic small { font:10px/1.7 var(--sans); }
.manual-topic[aria-selected=true]>.pra-lift-face { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.manual-topic-picker { display:none; margin:0 5px 4px; }
.manual-topic-picker .studio-console-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:42px; gap:8px; padding:7px 11px; color:#bfd4e2; background:var(--surface-well); border:1px solid #16232c; border-radius:8px; box-shadow:inset 0 2px 4px #0007; }
.manual-topic-picker .studio-console-trigger-copy { display:flex; flex-direction:column; min-width:0; text-align:left; gap:2px; }
.manual-topic-picker .studio-console-trigger-label { color:#829faf; font:8px/1.3 var(--sans); letter-spacing:.05em; }
.manual-topic-picker .studio-console-trigger-value { font:11px/1.5 var(--sans); }
.manual-topic-picker .studio-icon { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; }
.manual-topic-picker .studio-console-trigger:is(:focus-visible,[aria-expanded=true]) { outline:none; box-shadow:var(--surface-focus); }
.manual-reader { display:flex; flex-direction:column; overflow:hidden; }
.manual-reader-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 24px; border-bottom:1px solid #111b22; box-shadow:0 1px #d7e4eb09; }
.manual-reader-head h3 { margin:0; color:#d4e4ee; font:550 17px/1.5 var(--sans); }
.manual-page-number { color:#7d98aa; font:10px/1.5 var(--mono); letter-spacing:.08em; }
.manual-reader-content { flex:1; display:flex; flex-direction:column; min-height:0; padding:10px; }
.manual-article { min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; padding:10px 22px 26px; border:1px solid #121d23; border-radius:9px; background:var(--surface-well); box-shadow:inset 0 2px 6px #0007; scrollbar-width:thin; }
.manual-article[hidden] { display:none; }
.manual-section { max-width:1060px; }
.manual-section+.manual-section { margin-top:28px; padding-top:22px; border-top:1px solid #abc6d01c; }
#view-manual .manual-section h3 { margin:10px 0 14px; font:550 15px/1.5 var(--sans); color:#cbdfe9; }
#view-manual .manual-section :is(p,li) { max-width:84ch; color:#a8bfcc; font:13px/1.9 var(--sans); }
.manual-section li+li { margin-top:8px; }
#view-manual .manual-section table { width:100%; table-layout:auto; border-collapse:separate; border-spacing:0; border:1px solid #111c23; border-radius:9px; overflow:hidden; }
#view-manual .manual-section :is(th,td) { padding:13px 15px; text-align:left; font:12px/1.8 var(--sans); color:#aec6d4; border:0; border-bottom:1px solid #8caebb14; vertical-align:top; background:#27343c; white-space:normal; }
#view-manual .manual-section th { color:#849fae; background:#202c34; font-size:10px; font-weight:550; }
#view-manual .manual-section tr:last-child td { border-bottom:0; }
#view-manual .manual-section td:first-child { min-width:145px; color:#c9deea; }
.manual-section code { overflow-wrap:anywhere; font:11px/1.8 var(--mono); color:#b9d3e1; background:none; padding:0; }
.manual-section .man-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:20px 0; }
.manual-section .man-step { min-width:0; padding:12px; border:1px solid #1a2730; border-radius:8px; background:#2a3943; box-shadow:inset 0 1px #d0e3ed0c; }
.manual-section .man-step b { font:550 12px/1.6 var(--sans); color:#c5dfed; }
.manual-section .man-step span { font:11px/1.7 var(--sans); color:#8eacbe; }
.manual-section .man-arrow { display:none; }
.manual-section .man-role { display:block; padding:12px 15px; border:1px solid #111d25; border-radius:8px; background:#293740; }
.manual-section .man-role i { display:inline-block; margin-right:9px; }
@media(max-width:950px){.manual-workbench { grid-template-columns:216px minmax(0,1fr); }.manual-section .man-flow { grid-template-columns:1fr 1fr; }}
@media(max-width:760px){body.assistance-active main { inset:132px 0 0; padding:9px 10px 12px; }.manual-workbench { display:flex; flex-direction:column; gap:9px; }.manual-index { flex:none; max-height:190px; padding:8px; }.manual-index>.resource-search { margin:0 5px; }.manual-search-status { padding-top:4px; min-height:20px; }.manual-topics { display:grid; flex:none; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:104px; gap:6px; }.manual-topic>.pra-lift-face { padding:8px 10px!important; gap:2px!important; }.manual-topic b { font-size:10px; }.manual-topic small { font-size:9px; }.manual-reader { flex:1; }.manual-reader-head { padding:11px 14px; }.manual-reader-head h3 { font-size:14px; }.manual-reader-content { padding:6px; }.manual-article { padding:8px 12px 20px; }#view-manual .manual-section :is(th,td) { padding:10px 9px; font-size:11px; }#view-manual .manual-section td:first-child { min-width:0; }#view-manual .manual-section :is(p,li) { font-size:12px; }.manual-return { font-size:10px; padding:7px 10px; }.manual-page-number { font-size:8px; }}
@media(max-height:580px){.manual-workbench { display:grid; grid-template-columns:185px minmax(0,1fr); }.manual-index { max-height:none; }.manual-topics { display:flex; flex:1; max-height:none; }.manual-topic small { display:none; }.manual-reader-content { min-height:60px; }.surface-head { padding:13px 16px; }.surface-body { padding:13px 16px; }.surface-foot { padding:10px 16px; }}
@media(prefers-reduced-motion:reduce){.pra-surface-dialog * { transition:none!important; animation:none!important; }}
@media(max-width:760px){.manual-index { max-height:none; }.manual-topics { display:none; }.manual-topic-picker { display:block; }}