*{box-sizing:border-box}html{background:#02070c;color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#02070c;color:#edf7fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}
:root{--bg:#02070c;--navy:#06111a;--panel:rgba(6,18,29,.74);--panel-strong:rgba(7,22,35,.91);--panel-soft:rgba(9,26,40,.60);--line:rgba(107,182,226,.16);--line-strong:rgba(107,182,226,.29);--text:#edf7fd;--muted:#91a7b5;--muted2:#657d8b;--blue:#43aef8;--cyan:#65e1ff;--teal:#4fd4cb;--green:#59d7a8;--amber:#f0b55a;--red:#ff6077;--violet:#9d7cff;--accent:var(--blue);--accent2:var(--cyan);--accent-rgb:67,174,248;--sidebar:288px;--radius:20px;--shadow:0 28px 90px rgba(0,0,0,.36)}
.site-shell[data-mode="citizen"]{--accent:var(--amber);--accent2:#ffd38a;--accent-rgb:240,181,90}.site-shell[data-mode="officer"]{--accent:var(--cyan);--accent2:var(--blue);--accent-rgb:101,225,255}
.site-atmosphere{position:fixed;inset:-45px;z-index:-5;background:linear-gradient(180deg,rgba(2,7,12,.43),rgba(2,7,12,.94)),url('/assets/atmosphere.jpg') center 15%/cover no-repeat;filter:blur(6px) saturate(.92);transform:scale(1.05);pointer-events:none}.site-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 8%,rgba(var(--accent-rgb),.18),transparent 30%),radial-gradient(circle at 82% 16%,rgba(157,124,255,.12),transparent 25%),radial-gradient(circle at 75% 78%,rgba(240,181,90,.075),transparent 23%),radial-gradient(circle at 31% 85%,rgba(79,212,203,.055),transparent 20%)}.site-grid{position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:linear-gradient(rgba(100,178,230,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(100,178,230,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.52) 64%,transparent 100%)}.site-noise{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}
.site-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;z-index:50;display:flex;flex-direction:column;padding:18px 15px 14px;background:linear-gradient(180deg,rgba(4,13,22,.95),rgba(3,10,17,.87));border-right:1px solid var(--line);backdrop-filter:blur(22px);box-shadow:20px 0 70px rgba(0,0,0,.18)}.brand-row{display:flex;align-items:center;gap:12px;padding:6px 7px 16px;border-bottom:1px solid var(--line)}.brand-seal{width:49px;height:49px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--accent-rgb),.25),rgba(10,25,39,.87));border:1px solid rgba(var(--accent-rgb),.40);box-shadow:inset 0 0 24px rgba(var(--accent-rgb),.08),0 0 30px rgba(var(--accent-rgb),.08);font-size:12px;font-weight:950;letter-spacing:.02em}.brand-row strong{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.brand-row span{display:block;margin-top:3px;font-size:9px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.drawer-close{display:none;margin-left:auto;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:15px 2px 10px}.mode-switch button{display:flex;flex-direction:column;gap:2px;align-items:center;border:1px solid transparent;border-radius:11px;padding:8px 4px;background:rgba(255,255,255,.018);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:.2s}.mode-switch button span{font-size:8px;color:var(--muted2);letter-spacing:.12em}.mode-switch button:hover{color:#fff;border-color:var(--line)}.mode-switch button.active{color:#fff;border-color:rgba(var(--accent-rgb),.34);background:linear-gradient(180deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.06));box-shadow:inset 0 1px 0 rgba(var(--accent-rgb),.18),0 0 22px rgba(var(--accent-rgb),.055)}.mode-switch button.active span{color:var(--accent2)}
.network-line{display:flex;align-items:center;gap:8px;margin:4px 3px 12px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);font-size:8px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(89,215,168,.72)}.status-dot.violet{background:var(--violet);box-shadow:0 0 11px rgba(157,124,255,.68)}
.nav-search{display:flex;align-items:center;gap:8px;margin:0 3px 10px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.16);color:var(--muted2)}.nav-search:focus-within{border-color:rgba(var(--accent-rgb),.34);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.05)}.nav-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.nav-search input::placeholder{color:#607582}.side-nav{flex:1;min-height:0;overflow-y:auto;padding:1px 2px 8px;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.18) transparent}.nav-entry{display:block}.nav-group{padding:13px 9px 6px;font-size:8px;color:var(--muted2);text-transform:uppercase;letter-spacing:.16em}.side-nav a{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:9px;width:100%;padding:9px 9px;border:1px solid transparent;border-radius:11px;color:#9fb4c0;transition:.18s}.side-nav a:hover{color:#fff;background:rgba(255,255,255,.023)}.side-nav a.active{color:#fff;border-color:rgba(var(--accent-rgb),.22);background:linear-gradient(90deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.035))}.side-nav a.active:before{content:"";position:absolute;left:-3px;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--accent);box-shadow:0 0 13px rgba(var(--accent-rgb),.62)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);color:#718a99}.side-nav a.active .nav-icon{color:var(--accent2);border-color:rgba(var(--accent-rgb),.31);background:rgba(var(--accent-rgb),.07)}.nav-label{font-size:10px;font-weight:700;line-height:1.25}.nav-code{font-size:8px;color:var(--muted2);text-align:right}.nav-empty{padding:16px 10px;color:var(--muted);font-size:10px}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:13px 6px 0;margin-top:10px;border-top:1px solid var(--line)}.footer-badge{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.08);font-size:9px;font-weight:900}.sidebar-footer strong{display:block;font-size:10px}.sidebar-footer span{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.main-shell{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px clamp(18px,2.4vw,34px);border-bottom:1px solid var(--line);background:rgba(3,10,17,.72);backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.menu-button{display:none;width:40px;height:40px;flex:0 0 auto;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer}.top-kicker{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:900}.topbar h1{margin:3px 0 0;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:8px}.discord-link,.preview-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:rgba(255,255,255,.02);font-size:9px;color:#bfd0da}.discord-link:hover{border-color:rgba(157,124,255,.35);background:rgba(157,124,255,.05)}.content-frame{width:100%;max-width:1500px;margin:0 auto;padding:clamp(20px,2.4vw,34px) clamp(16px,2.4vw,34px) 56px;flex:1}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:17px clamp(18px,2.4vw,34px);border-top:1px solid var(--line);color:var(--muted2);font-size:8px;letter-spacing:.11em;text-transform:uppercase}.drawer-scrim{display:none}
/* Shared heads */
.chapter-head,.officer-doc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:0 2px}.chapter-head p,.officer-doc-header p{margin:5px 0 0;max-width:790px;color:var(--muted);font-size:11px;line-height:1.6}.chapter-kicker{font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);font-weight:900}.chapter-mark,.knowledge-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 10px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px;background:rgba(var(--accent-rgb),.05);font-size:8px;color:#bfd2dd;letter-spacing:.10em}.knowledge-chip{color:var(--cyan);border-color:rgba(101,225,255,.22);background:rgba(101,225,255,.04)}.amber-text{color:var(--amber)!important}.cyan-text{color:var(--cyan)!important}.violet-text{color:var(--violet)!important}
/* Legacy content normalization: deliberately removes pixel-positioned legacy behavior. */
.legacy-doc{--doc-accent:var(--blue);--doc-rgb:67,174,248;display:block;width:100%;min-width:0;color:var(--text);font-size:12px;line-height:1.72}.legacy-doc.legacy-cyan{--doc-accent:var(--cyan);--doc-rgb:101,225,255}.legacy-doc.legacy-teal{--doc-accent:var(--teal);--doc-rgb:79,212,203}.legacy-doc.legacy-amber{--doc-accent:var(--amber);--doc-rgb:240,181,90}.legacy-doc.legacy-red{--doc-accent:var(--red);--doc-rgb:255,96,119}.legacy-doc.legacy-violet{--doc-accent:var(--violet);--doc-rgb:157,124,255}.legacy-doc.legacy-green{--doc-accent:var(--green);--doc-rgb:89,215,168}.legacy-doc *{box-sizing:border-box;min-width:0}.legacy-doc [class]{max-width:100%}.legacy-doc :is(.doc-card,.doc-callout,.doc-row,.card,.panel,.box,.item,.tile,.detail,.rank,.principle,.task,.value,.unit,.division,.info,.statement,.quote,.mission,.final,.level){position:relative!important;inset:auto!important;transform:none!important;float:none!important}.legacy-doc :is(h1,h2,h3,h4,p,ul,ol){max-width:none!important}.legacy-doc h1{margin:0 0 14px;font-size:clamp(32px,4.6vw,62px);line-height:.98;letter-spacing:-.047em}.legacy-doc h2{margin:0;font-size:clamp(22px,2.5vw,35px);line-height:1.08;letter-spacing:-.03em}.legacy-doc h3{margin:0;font-size:15px;line-height:1.22}.legacy-doc h4{margin:0;font-size:12px}.legacy-doc p{margin:.65em 0;color:#a9bdc8}.legacy-doc strong,.legacy-doc b{color:#eef8ff}.legacy-doc a{color:var(--doc-accent);text-decoration:none}.legacy-doc a:hover{text-decoration:underline}.legacy-doc img{display:block;max-width:100%;height:auto;border-radius:14px}.legacy-doc ul,.legacy-doc ol{margin:10px 0;padding-left:21px}.legacy-doc li{margin:5px 0;color:#a9bdc8}.legacy-doc li::marker{color:var(--doc-accent)}.legacy-doc hr{border:0;border-top:1px solid var(--line);margin:18px 0}.legacy-doc :is(.doc-hero,.hero,.header){display:block!important;width:100%!important;min-height:0!important;margin:0 0 16px!important;padding:clamp(28px,5vw,66px)!important;border:1px solid rgba(var(--doc-rgb),.22)!important;border-radius:26px!important;overflow:hidden!important;background:radial-gradient(circle at 85% 15%,rgba(var(--doc-rgb),.12),transparent 31%),linear-gradient(135deg,rgba(7,22,35,.89),rgba(3,11,18,.72))!important;box-shadow:0 32px 100px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important}.legacy-doc :is(.doc-hero,.hero,.header):before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(var(--doc-rgb),.05),transparent 45%)}.legacy-doc :is(.doc-hero,.hero,.header)>*{position:relative;z-index:1}.legacy-doc .hero h1,.legacy-doc .header h1{max-width:900px}.legacy-doc .hero p,.legacy-doc .header p{max-width:820px;font-size:13px}.legacy-doc .section,.legacy-doc .doc-section,.legacy-doc .level{scroll-margin-top:92px;margin:14px 0!important;padding:clamp(18px,2.6vw,30px)!important;border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(6,18,29,.70),rgba(4,13,21,.56))!important;box-shadow:0 22px 70px rgba(0,0,0,.18)!important}.legacy-doc :is(.doc-grid,.overview-grid,.tasks,.values,.principles,.principle-grid,.category-grid,.units-grid,.rank-overview-stats,.rank-overview-chain,.quick-grid,.cards,.grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;align-items:stretch!important;gap:12px!important;width:100%!important}.legacy-doc :is(.doc-card,.card,.box,.item,.tile,.detail-card,.overview-card,.unit-card,.division-card,.principle,.task,.value,.rank-card,.stat,.quicklink){display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:16px!important;border:1px solid rgba(var(--doc-rgb),.16)!important;border-radius:14px!important;background:radial-gradient(circle at 92% 8%,rgba(var(--doc-rgb),.045),transparent 35%),linear-gradient(180deg,rgba(8,22,34,.73),rgba(4,13,21,.61))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;overflow:visible!important}.legacy-doc :is(.doc-card,.card,.box,.item,.tile,.detail-card,.overview-card,.unit-card,.division-card,.principle,.task,.value):hover{border-color:rgba(var(--doc-rgb),.28)!important}.legacy-doc .doc-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important;margin:8px 0!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(4,13,21,.55)!important}.legacy-doc :is(.doc-tag,.tag,.badge,.code,.kicker,.eyebrow,.mini,.label,.pill){display:inline-flex!important;width:auto!important;align-items:center!important;padding:5px 8px!important;border:1px solid rgba(var(--doc-rgb),.22)!important;border-radius:999px!important;background:rgba(var(--doc-rgb),.055)!important;color:var(--doc-accent)!important;font-size:8px!important;font-weight:850!important;line-height:1.15!important;letter-spacing:.10em!important;text-transform:uppercase!important}.legacy-doc :is(.doc-callout,.statement,.quote,.note,.callout,.official,.info){display:block!important;width:100%!important;margin:12px 0!important;padding:16px 18px!important;border:1px solid var(--line)!important;border-left:3px solid var(--doc-accent)!important;border-radius:13px!important;background:linear-gradient(90deg,rgba(var(--doc-rgb),.065),rgba(5,16,26,.55))!important}.legacy-doc details{display:block!important;width:100%!important;margin:8px 0!important;border:1px solid var(--line)!important;border-radius:13px!important;background:rgba(5,16,26,.58)!important;overflow:hidden!important}.legacy-doc details>summary{display:flex!important;align-items:center!important;gap:9px!important;padding:14px 16px!important;cursor:pointer!important;color:#e6f2f8!important;font-weight:800!important;list-style:none!important}.legacy-doc details>summary::-webkit-details-marker{display:none}.legacy-doc details>summary:after{content:"+";margin-left:auto;color:var(--doc-accent);font-size:16px}.legacy-doc details[open]>summary:after{content:"−"}.legacy-doc details>*:not(summary){margin-left:16px!important;margin-right:16px!important}.legacy-doc details>*:last-child{margin-bottom:16px!important}.legacy-doc table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;display:table!important;table-layout:auto!important;margin:12px 0!important}.legacy-doc th,.legacy-doc td{padding:10px 11px!important;border:1px solid var(--line)!important;text-align:left!important;vertical-align:top!important}.legacy-doc th{background:rgba(var(--doc-rgb),.07)!important;color:#eaf6fb!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.legacy-doc td{color:#a9bdc8!important}.legacy-doc .tone-red{--doc-accent:var(--red);--doc-rgb:255,96,119}.legacy-doc .tone-amber{--doc-accent:var(--amber);--doc-rgb:240,181,90}.legacy-doc .tone-green{--doc-accent:var(--green);--doc-rgb:89,215,168}.legacy-doc .tone-violet{--doc-accent:var(--violet);--doc-rgb:157,124,255}.legacy-doc .tone-blue{--doc-accent:var(--cyan);--doc-rgb:101,225,255}
/* Controlled multi-color public accents. */
.site-shell[data-mode="public"] .legacy-doc :is(.doc-grid,.tasks,.values,.overview-grid,.units-grid,.principle-grid,.category-grid) > :nth-child(5n+1){border-color:rgba(67,174,248,.26)!important;box-shadow:inset 0 2px 0 rgba(67,174,248,.30)!important}.site-shell[data-mode="public"] .legacy-doc :is(.doc-grid,.tasks,.values,.overview-grid,.units-grid,.principle-grid,.category-grid) > :nth-child(5n+2){border-color:rgba(79,212,203,.24)!important;box-shadow:inset 0 2px 0 rgba(79,212,203,.28)!important}.site-shell[data-mode="public"] .legacy-doc :is(.doc-grid,.tasks,.values,.overview-grid,.units-grid,.principle-grid,.category-grid) > :nth-child(5n+3){border-color:rgba(240,181,90,.23)!important;box-shadow:inset 0 2px 0 rgba(240,181,90,.27)!important}.site-shell[data-mode="public"] .legacy-doc :is(.doc-grid,.tasks,.values,.overview-grid,.units-grid,.principle-grid,.category-grid) > :nth-child(5n+4){border-color:rgba(157,124,255,.23)!important;box-shadow:inset 0 2px 0 rgba(157,124,255,.27)!important}.site-shell[data-mode="public"] .legacy-doc :is(.doc-grid,.tasks,.values,.overview-grid,.units-grid,.principle-grid,.category-grid) > :nth-child(5n){border-color:rgba(89,215,168,.22)!important;box-shadow:inset 0 2px 0 rgba(89,215,168,.25)!important}
/* Public homepage hero gets the cinematic city composition. */
.site-shell[data-route="/"] .legacy-doc .hero:first-of-type{min-height:530px!important;display:flex!important;align-items:flex-end!important;background:linear-gradient(90deg,rgba(2,8,14,.96),rgba(2,8,14,.78) 47%,rgba(2,8,14,.24) 78%),linear-gradient(0deg,rgba(2,8,14,.84),transparent 55%),url('/assets/lspd-city.png') center/cover no-repeat!important}.site-shell[data-route="/"] .legacy-doc .hero:first-of-type>*{max-width:760px}
/* Rules */
.policy-hero,.simple-hero,.service-hero,.officer-hero,.exam-hero,.form-intro{position:relative;overflow:hidden;margin-bottom:15px;padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 86% 15%,rgba(var(--accent-rgb),.11),transparent 31%),linear-gradient(135deg,rgba(7,22,35,.88),rgba(3,11,18,.68));box-shadow:var(--shadow)}.policy-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.policy-hero h2,.service-hero h2,.simple-hero h2,.officer-hero h2,.exam-hero h2,.form-intro h2{margin:8px 0 8px;font-size:clamp(31px,4vw,52px);line-height:1;letter-spacing:-.045em}.policy-hero p,.service-hero p,.simple-hero p,.officer-hero p,.exam-hero p,.form-intro p{max-width:780px;margin:0;color:var(--muted);line-height:1.7;font-size:12px}.policy-stamp{width:92px;height:92px;flex:0 0 auto;display:grid;place-items:center;align-content:center;border:1px solid rgba(101,225,255,.24);border-radius:23px;background:rgba(101,225,255,.04);color:var(--cyan)}.policy-stamp b{font-size:9px;letter-spacing:.12em;margin-top:5px}.policy-stamp small{font-size:8px;color:var(--muted)}.policy-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.policy-tabs button{text-align:left;border:1px solid var(--line);border-radius:13px;padding:12px;background:rgba(5,16,26,.66);cursor:pointer;transition:.18s}.policy-tabs button span{display:block;font-size:10px;font-weight:850}.policy-tabs button small{display:block;margin-top:4px;font-size:8px;color:var(--muted)}.policy-tabs button:hover,.policy-tabs button.active{transform:translateY(-1px)}.policy-tabs .tab-blue.active{border-color:rgba(67,174,248,.42);background:rgba(67,174,248,.08)}.policy-tabs .tab-cyan.active{border-color:rgba(101,225,255,.42);background:rgba(101,225,255,.08)}.policy-tabs .tab-amber.active{border-color:rgba(240,181,90,.42);background:rgba(240,181,90,.08)}.policy-tabs .tab-red.active{border-color:rgba(255,96,119,.42);background:rgba(255,96,119,.08)}
/* Citizen */
.service-hero{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(95deg,rgba(4,14,23,.95),rgba(5,16,26,.70)),radial-gradient(circle at 78% 18%,rgba(240,181,90,.17),transparent 25%)}.service-glow{position:absolute;right:-70px;top:-90px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(240,181,90,.13),transparent 65%);filter:blur(4px)}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.action{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);font-size:10px;font-weight:800}.action.primary.amber{color:#211709;background:linear-gradient(135deg,#f6c56f,#d99a40);border-color:rgba(240,181,90,.72)}.action.secondary:hover{border-color:rgba(var(--accent-rgb),.34)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.service-card{position:relative;min-height:205px;display:flex;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(7,21,33,.75),rgba(4,13,21,.61));transition:.2s}.service-card:hover{transform:translateY(-3px);border-color:rgba(var(--tone-rgb),.34);box-shadow:0 26px 70px rgba(0,0,0,.22),0 0 26px rgba(var(--tone-rgb),.055)}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(var(--tone-rgb),.27);border-radius:11px;background:rgba(var(--tone-rgb),.065);color:var(--tone)}.service-code{font-size:9px;color:var(--muted2)}.service-card h3{margin:18px 0 7px;font-size:15px}.service-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.service-more{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:17px;color:var(--tone);font-size:9px;font-weight:800}.tone-blue{--tone:var(--blue);--tone-rgb:67,174,248}.tone-cyan{--tone:var(--cyan);--tone-rgb:101,225,255}.tone-teal{--tone:var(--teal);--tone-rgb:79,212,203}.tone-amber{--tone:var(--amber);--tone-rgb:240,181,90}.tone-red{--tone:var(--red);--tone-rgb:255,96,119}.tone-violet{--tone:var(--violet);--tone-rgb:157,124,255}.tone-green{--tone:var(--green);--tone-rgb:89,215,168}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(5,16,26,.55);font-size:9px;color:var(--muted)}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{width:6px;height:6px;border-radius:50%}.trust-row i.green{background:var(--green)}.trust-row i.blue{background:var(--blue)}.trust-row i.amber{background:var(--amber)}
.form-intro.tone-blue{border-color:rgba(67,174,248,.21)}.form-intro.tone-amber{border-color:rgba(240,181,90,.23)}.form-intro.tone-red{border-color:rgba(255,96,119,.22)}.form-warning{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:10px 12px;max-width:720px;border:1px solid rgba(240,181,90,.18);border-radius:10px;background:rgba(240,181,90,.045);color:#cfbb99;font-size:9px;line-height:1.55}.form-layout{display:grid;grid-template-columns:minmax(230px,.64fr) minmax(0,1.36fr);gap:12px}.form-guide,.citizen-form{border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,rgba(7,21,33,.74),rgba(4,13,21,.60));padding:clamp(18px,2.2vw,28px)}.form-guide h3{margin:8px 0 20px;font-size:22px;line-height:1.08}.guide-step{display:grid;grid-template-columns:33px minmax(0,1fr);gap:11px;padding:13px 0;border-top:1px solid var(--line)}.guide-step>b{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.24);border-radius:9px;color:var(--accent);font-size:8px}.guide-step p{margin:0}.guide-step strong{display:block;font-size:10px}.guide-step span{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.55}.discord-panel{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px;border:1px solid rgba(157,124,255,.22);border-radius:12px;background:rgba(157,124,255,.04)}.discord-panel div{flex:1}.discord-panel b{display:block;font-size:10px}.discord-panel small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.citizen-form{display:grid;gap:13px}.citizen-form label{display:grid;gap:6px}.citizen-form label>span{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#9bb0bd;font-weight:800}.citizen-form input,.citizen-form select,.citizen-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;outline:0;background:rgba(1,8,14,.50);color:#eef8ff;padding:11px 12px;font-size:10px;resize:vertical}.citizen-form input:focus,.citizen-form select:focus,.citizen-form textarea:focus{border-color:rgba(var(--accent-rgb),.40);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.055)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px}.form-bottom p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:8px}.form-bottom button{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:rgba(255,255,255,.025);color:#617681;font-size:9px;cursor:not-allowed}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:rgba(6,18,29,.68);overflow:hidden}.faq-list summary{display:flex;align-items:center;gap:11px;padding:15px 17px;list-style:none;cursor:pointer;font-size:11px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(157,124,255,.25);border-radius:8px;color:var(--violet);font-size:8px}.faq-list summary svg{margin-left:auto;color:var(--muted2);transition:.2s}.faq-list details[open] summary svg{transform:rotate(90deg)}.faq-list details>p{margin:0;padding:0 57px 16px;color:var(--muted);font-size:10px;line-height:1.7}
/* Officer */
.officer-hero{min-height:300px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:radial-gradient(circle at 82% 17%,rgba(101,225,255,.12),transparent 26%),radial-gradient(circle at 70% 82%,rgba(157,124,255,.075),transparent 24%),linear-gradient(135deg,rgba(7,22,35,.91),rgba(3,11,18,.68))}.officer-hero-mark{width:132px;height:132px;flex:0 0 auto;display:grid;place-items:center;align-content:center;border:1px solid rgba(101,225,255,.20);border-radius:28px;background:rgba(101,225,255,.035);box-shadow:inset 0 0 35px rgba(101,225,255,.04)}.officer-hero-mark span{font-size:26px;font-weight:950;letter-spacing:.03em}.officer-hero-mark small{margin-top:4px;color:var(--cyan);font-size:7px;letter-spacing:.18em}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.quick-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(6,18,29,.67);transition:.18s}.quick-card>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(var(--tone-rgb),.26);border-radius:10px;background:rgba(var(--tone-rgb),.055);color:var(--tone)}.quick-card b{display:block;font-size:10px}.quick-card small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.quick-card>svg{color:var(--tone)}.quick-card:hover{transform:translateY(-2px);border-color:rgba(var(--tone-rgb),.33)}.dashboard-document .hero{display:none!important}.officer-doc-header{padding:11px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:rgba(5,16,26,.57)}.exam-hero{display:flex;align-items:flex-end;justify-content:space-between;min-height:310px}.exam-orbit{width:130px;height:130px;flex:0 0 auto;border:1px solid rgba(157,124,255,.30);border-radius:50%;display:grid;place-items:center;color:var(--violet);font-size:13px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 0 24px rgba(157,124,255,.025),0 0 0 48px rgba(101,225,255,.015)}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exam-card{position:relative;padding:20px;border:1px solid rgba(var(--tone-rgb),.22);border-radius:17px;background:radial-gradient(circle at 90% 8%,rgba(var(--tone-rgb),.065),transparent 35%),rgba(6,18,29,.67)}.exam-card>span{position:absolute;right:14px;top:12px;color:var(--muted2);font-size:8px}.exam-card>svg{color:var(--tone)}.exam-card h3{margin:17px 0 7px;font-size:15px}.exam-card p{min-height:49px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.exam-card a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--tone);font-size:9px;font-weight:800}.phase-note{display:flex;align-items:flex-start;gap:11px;margin-top:10px;padding:14px;border:1px solid rgba(101,225,255,.18);border-radius:13px;background:rgba(101,225,255,.035);color:var(--cyan)}.phase-note b{font-size:10px}.phase-note p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
/* Responsive */
@media(max-width:1180px){:root{--sidebar:258px}.service-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.legacy-doc :is(.doc-grid,.overview-grid,.tasks,.values,.principles,.principle-grid,.category-grid,.units-grid,.rank-overview-stats,.rank-overview-chain,.quick-grid,.cards,.grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}}
@media(max-width:920px){.site-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,310px);height:100dvh;transform:translateX(-104%);transition:transform .24s ease}.sidebar.open{transform:translateX(0)}.drawer-scrim{display:block;position:fixed;inset:0;z-index:45;border:0;background:rgba(0,0,0,.57);backdrop-filter:blur(3px)}.drawer-close,.menu-button{display:grid;place-items:center}.topbar{min-height:68px}.preview-pill{display:none}.content-frame{padding-top:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.policy-tabs{grid-template-columns:repeat(2,1fr)}.exam-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.legacy-doc table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}
@media(max-width:640px){.topbar{padding:10px 13px}.topbar h1{font-size:14px}.discord-link{padding:8px}.discord-link>span,.discord-link>svg{display:none}.content-frame{padding:14px 11px 42px}.chapter-head,.officer-doc-header{align-items:flex-start;flex-direction:column}.chapter-mark,.knowledge-chip{display:none}.service-grid,.quick-grid{grid-template-columns:1fr}.policy-tabs{grid-template-columns:1fr}.policy-hero,.officer-hero,.exam-hero{display:block}.policy-stamp,.officer-hero-mark,.exam-orbit{display:none}.form-grid{grid-template-columns:1fr}.form-bottom{align-items:flex-start;flex-direction:column}.service-hero,.policy-hero,.simple-hero,.officer-hero,.exam-hero,.form-intro{padding:24px 20px;border-radius:18px}.legacy-doc :is(.doc-hero,.hero,.header){padding:28px 20px!important;border-radius:19px!important}.site-shell[data-route="/"] .legacy-doc .hero:first-of-type{min-height:470px!important;background-position:61% center!important}.legacy-doc .section,.legacy-doc .doc-section,.legacy-doc .level{padding:17px 14px!important;border-radius:15px!important}.legacy-doc :is(.doc-card,.card,.box,.item,.tile,.detail-card,.overview-card,.unit-card,.division-card,.principle,.task,.value,.rank-card,.stat,.quicklink){padding:14px!important}.legacy-doc h1{font-size:clamp(30px,11vw,44px)}.legacy-doc h2{font-size:23px}.site-footer{padding:15px 13px}.faq-list details>p{padding-left:17px;padding-right:17px}.service-card{min-height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ==========================================================================\n V1.1 CONTENT QA / LEGACY LAYOUT RECONSTRUCTION\n These rules intentionally restore semantic layouts from the source pages\n without re-introducing their old fixed-position/pixel-based behavior.\n ========================================================================== */
/* Public: Divisions ------------------------------------------------------- */
.legacy-doc .division{margin:12px 0!important;border-color:rgba(var(--doc-rgb),.22)!important;background:linear-gradient(180deg,rgba(7,20,31,.78),rgba(4,13,21,.60))!important}
.legacy-doc .division>summary{padding:0!important}
.legacy-doc .division>summary:after{display:none!important}
.legacy-doc .division-summary{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;padding:16px 18px!important}
.legacy-doc .open-indicator{width:32px;height:32px;display:grid!important;place-items:center!important;border:1px solid rgba(var(--doc-rgb),.26);border-radius:9px;background:rgba(var(--doc-rgb),.055);color:var(--doc-accent);font-size:16px;font-weight:800}
.legacy-doc .division-summary-content h3{margin:7px 0 5px!important;font-size:16px!important}.legacy-doc .division-summary-content p{margin:0!important;font-size:11px!important;line-height:1.55!important}
.legacy-doc .division-body{padding:2px 2px 4px!important}.legacy-doc .division-intro{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;gap:12px!important;margin:12px 0 18px!important}
.legacy-doc .division-intro>.doc-card{padding:18px!important}.legacy-doc .division-intro h4{margin-bottom:10px!important;font-size:12px!important}.legacy-doc .division-intro p{margin:0!important;line-height:1.72!important}
.legacy-doc .info-list{display:grid!important;gap:0!important;margin-top:8px!important;border-top:1px solid var(--line)}
.legacy-doc .info-line{display:grid!important;grid-template-columns:minmax(108px,.38fr) minmax(0,.62fr)!important;gap:14px!important;align-items:start!important;padding:9px 0!important;border-bottom:1px solid rgba(107,182,226,.09)!important;font-size:10px!important;line-height:1.45!important}
.legacy-doc .info-line b{color:#86a8bd!important;font-weight:800!important}.legacy-doc .info-line span{color:#c3d2da!important}
.legacy-doc .unit-heading{margin:18px 0 10px!important;color:#dceaf1!important;font-size:10px!important;font-weight:900!important;letter-spacing:.10em!important;text-transform:uppercase!important}
.legacy-doc .unit-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}.legacy-doc .unit-top h5{margin:0!important;font-size:13px!important}.legacy-doc .unit-call{flex:0 0 auto;padding:5px 7px;border:1px solid rgba(var(--doc-rgb),.20);border-radius:8px;background:rgba(var(--doc-rgb),.05);color:var(--doc-accent);font-size:8px;font-weight:850;letter-spacing:.08em}
.legacy-doc .unit-description{margin:10px 0!important}.legacy-doc .unit-subtitle{margin-top:13px!important;padding-top:10px!important;border-top:1px solid var(--line);font-size:9px!important;font-weight:900!important;color:#dceaf1!important;text-transform:uppercase!important;letter-spacing:.08em!important}
/* Public: Ranks ----------------------------------------------------------- */
.legacy-doc .header-main{max-width:860px}.legacy-doc .header-small{margin-bottom:8px;color:var(--doc-accent);font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.legacy-doc .rank-overview-panel{margin-top:24px!important;padding:18px!important;border-color:rgba(var(--doc-rgb),.24)!important;background:linear-gradient(180deg,rgba(7,21,32,.82),rgba(4,13,21,.72))!important}
.legacy-doc .rank-overview-panel>small{display:block;color:#809baa;font-size:8px;letter-spacing:.10em}.legacy-doc .rank-overview-panel h3{margin:6px 0 13px!important;font-size:16px!important}
.legacy-doc .rank-overview-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.legacy-doc .rank-stat{display:block!important;padding:12px!important;border:1px solid rgba(var(--doc-rgb),.17)!important;border-radius:11px!important;background:rgba(2,12,20,.52)!important}
.legacy-doc .rank-stat strong{display:block!important;color:var(--doc-accent)!important;font-size:20px!important;line-height:1!important}.legacy-doc .rank-stat span{display:block!important;margin-top:5px!important;color:#86a0af!important;font-size:8px!important;line-height:1.35!important}
.legacy-doc .rank-overview-chain{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;width:auto!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}
.legacy-doc .rank-overview-chain span{display:inline-flex!important;padding:5px 8px!important;border:1px solid rgba(var(--doc-rgb),.22)!important;border-radius:999px!important;background:rgba(var(--doc-rgb),.05)!important;color:#c3d9e5!important;font-size:8px!important;font-weight:800!important}.legacy-doc .rank-overview-chain i{color:var(--doc-accent)!important;font-style:normal!important}
.legacy-doc .hierarchy{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:16px 0!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:rgba(5,16,26,.56)!important}.legacy-doc .hierarchy span:not(.arrow){padding:6px 9px;border:1px solid rgba(var(--doc-rgb),.18);border-radius:9px;background:rgba(var(--doc-rgb),.04);font-size:9px;font-weight:800}.legacy-doc .hierarchy .arrow{color:var(--doc-accent)}
.legacy-doc .level-title{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:11px!important}.legacy-doc .level-title h2{white-space:nowrap!important}.legacy-doc .level-line{height:1px!important;flex:1!important;background:linear-gradient(90deg,rgba(var(--doc-rgb),.38),transparent)!important}
.legacy-doc .rank>summary{display:grid!important;grid-template-columns:54px minmax(0,1fr) 30px!important;gap:12px!important;padding:13px 15px!important}.legacy-doc .rank>summary:after{display:none!important}
.legacy-doc .rank-number{width:44px;height:44px;display:grid!important;place-items:center!important;border:1px solid rgba(var(--doc-rgb),.24);border-radius:10px;background:rgba(var(--doc-rgb),.055);color:var(--doc-accent);font-weight:900}.legacy-doc .rank-heading{align-self:center}.legacy-doc .rank-heading strong,.legacy-doc .rank-heading small{display:block!important}.legacy-doc .rank-heading strong{font-size:12px!important}.legacy-doc .rank-heading small{margin-top:3px;color:#8099a7;font-size:8px!important}.legacy-doc .open-icon{align-self:center;justify-self:end;color:var(--doc-accent);font-size:17px}.legacy-doc .rank-content{padding:5px 16px 16px!important}
/* Public: home / citizen info / Use of Force ----------------------------- */
.legacy-doc .hero-values{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:16px!important}.legacy-doc .hero-values span{padding:6px 9px;border:1px solid rgba(var(--doc-rgb),.18);border-radius:999px;background:rgba(var(--doc-rgb),.045);color:#bdd0db;font-size:8px;font-weight:800}
.legacy-doc .uof-hero-panel{margin-top:22px!important}.legacy-doc .uof-mini-levels{display:grid!important;gap:7px!important;margin-top:12px!important}.legacy-doc .uof-mini-level{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid rgba(var(--doc-rgb),.13);border-radius:10px;background:rgba(2,12,20,.45)}.legacy-doc .uof-mini-num{font-size:9px;font-weight:900;color:var(--doc-accent)}.legacy-doc .uof-mini-level strong,.legacy-doc .uof-mini-level span{display:block}.legacy-doc .uof-mini-level span{margin-top:2px;color:#8198a5;font-size:8px}.legacy-doc .uof-mini-level em{font-style:normal;color:#a9bfcb;font-size:8px}.legacy-doc .uof-panel-foot{margin-top:10px;color:#879da9;font-size:9px;line-height:1.5}
.legacy-doc .force-stack{display:grid!important;gap:10px!important}.legacy-doc .force-level{padding:16px!important;border:1px solid rgba(var(--doc-rgb),.17)!important;border-radius:14px!important;background:rgba(5,16,26,.58)!important}.legacy-doc .level-main{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important}.legacy-doc .level-details{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:9px!important;margin-top:12px!important}.legacy-doc .scenarios{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:10px!important}
.legacy-doc .quick-card .icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(var(--doc-rgb),.22);border-radius:9px;color:var(--doc-accent);font-size:9px;font-weight:900}
.legacy-doc .contact-button{display:inline-flex!important;align-items:center!important;margin-top:10px!important;padding:9px 12px!important;border:1px solid rgba(var(--doc-rgb),.30)!important;border-radius:10px!important;background:rgba(var(--doc-rgb),.08)!important;color:#eaf7fc!important;font-weight:850!important}
/* Officer hub: real button/card navigation ------------------------------- */
.officer-hub-section{margin-top:14px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(6,18,29,.72),rgba(4,13,21,.57));box-shadow:0 22px 70px rgba(0,0,0,.18)}
.officer-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.officer-section-head h3{margin:4px 0 0;font-size:19px}.officer-section-head>p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.6;text-align:right}
.officer-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.officer-module-card{--tone:var(--cyan);--tone-rgb:101,225,255;display:flex;min-height:178px;flex-direction:column;padding:16px;border:1px solid rgba(var(--tone-rgb),.18);border-radius:15px;background:radial-gradient(circle at 90% 8%,rgba(var(--tone-rgb),.075),transparent 34%),linear-gradient(180deg,rgba(7,21,33,.82),rgba(4,13,21,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:transform .18s,border-color .18s,background .18s}.officer-module-card:hover{transform:translateY(-2px);border-color:rgba(var(--tone-rgb),.38);background:radial-gradient(circle at 90% 8%,rgba(var(--tone-rgb),.11),transparent 38%),linear-gradient(180deg,rgba(9,26,40,.88),rgba(5,15,24,.72))}.officer-module-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.officer-module-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(var(--tone-rgb),.25);border-radius:10px;background:rgba(var(--tone-rgb),.055);color:var(--tone)}.officer-module-code{padding:5px 7px;border:1px solid rgba(var(--tone-rgb),.20);border-radius:999px;color:var(--tone);font-size:8px;font-weight:900;letter-spacing:.08em}.officer-module-card h4{margin:14px 0 6px;font-size:13px}.officer-module-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.officer-module-open{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px;color:var(--tone);font-size:9px;font-weight:850}
.officer-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.officer-principle{--tone:var(--cyan);--tone-rgb:101,225,255;padding:15px;border:1px solid rgba(var(--tone-rgb),.16);border-radius:14px;background:rgba(5,16,26,.58)}.officer-principle>span{color:var(--tone);font-size:8px;font-weight:900;letter-spacing:.10em}.officer-principle h4{margin:10px 0 6px;font-size:12px}.officer-principle p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.officer-info-strip{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:14px;border:1px solid rgba(101,225,255,.18);border-radius:13px;background:rgba(101,225,255,.035);color:var(--cyan)}.officer-info-strip b{font-size:10px}.officer-info-strip p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
/* Officer legacy documents: normalize recurring semantic structures ------- */
.legacy-doc :is(.scn-check,.arr-grid,.scn-grid,.prom-grid,.ops-grid,.sup-grid,.ic-grid,.trf-grid,.pur-grid,.unit-grid,.rec-decision-grid,.trf-position-grid,.pur-role-grid,.ic-role-grid,.com-status-grid,.com-special-grid,.dash-info-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:10px!important}
.legacy-doc :is(.scn-steps,.arr-steps,.trf-steps,.pur-steps,.ic-steps,.prom-process,.rec-standards){display:grid!important;gap:8px!important}
.legacy-doc :is(.scn-warning,.arr-warning,.ops-warning,.com-warning,.ic-warning,.trf-warning,.pur-warning,.unit-warning,.unit-fail,.arr-danger,.ic-danger,.pur-danger){display:block!important;margin:12px 0!important;padding:14px 16px!important;border:1px solid rgba(240,181,90,.20)!important;border-left:3px solid var(--amber)!important;border-radius:12px!important;background:linear-gradient(90deg,rgba(240,181,90,.055),rgba(5,16,26,.50))!important;color:#c8b99e!important;line-height:1.6!important}
.legacy-doc :is(.doc-section-head,.scn-section-head,.arr-section-head,.trf-section-head,.pur-section-head,.ops-section-head,.sup-section-head,.ic-section-head,.com-section-head,.prom-section-head,.rec-section-head,.units-section-head){margin-bottom:14px!important}.legacy-doc :is(.doc-section-head,.scn-section-head,.arr-section-head,.trf-section-head,.pur-section-head,.ops-section-head,.sup-section-head,.ic-section-head,.com-section-head,.prom-section-head,.rec-section-head,.units-section-head)>small{display:block;margin-bottom:4px;color:var(--doc-accent);font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.legacy-doc :is(.scn-check-card,.arr-card,.scn-card,.prom-card,.ops-card,.sup-card,.ic-card,.trf-card,.pur-card,.rec-info-card,.training-card){height:100%}
/* Responsive QA ---------------------------------------------------------- */
@media(max-width:1180px){.officer-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.officer-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-doc .rank-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.legacy-doc .division-intro{grid-template-columns:1fr!important}.legacy-doc .info-line{grid-template-columns:minmax(100px,.42fr) minmax(0,.58fr)!important}.officer-section-head{align-items:flex-start;flex-direction:column}.officer-section-head>p{text-align:left}.legacy-doc .uof-mini-level{grid-template-columns:30px minmax(0,1fr)!important}.legacy-doc .uof-mini-level em{grid-column:2}}
@media(max-width:640px){.officer-module-grid,.officer-principle-grid{grid-template-columns:1fr}.officer-module-card{min-height:0}.legacy-doc .rank-overview-stats{grid-template-columns:1fr 1fr!important}.legacy-doc .info-line{grid-template-columns:1fr!important;gap:3px!important}.legacy-doc .rank>summary{grid-template-columns:46px minmax(0,1fr) 22px!important;padding:11px!important}.legacy-doc .rank-number{width:38px;height:38px}.legacy-doc .division-summary{grid-template-columns:32px minmax(0,1fr)!important;padding:13px!important}.legacy-doc .open-indicator{width:28px;height:28px}.legacy-doc .rank-overview-chain{gap:5px!important}}
/* ========================================================================
V1.2 INTERNAL POLISH PASS
Rebuilds the formerly "raw text" internal modules into reusable layouts.
======================================================================== */
/* Shared internal rhythm -------------------------------------------------- */
.site-shell[data-mode="officer"] .legacy-doc .doc-section{overflow:hidden}
.site-shell[data-mode="officer"] .legacy-doc .doc-section-head{display:grid!important;gap:4px!important;margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(var(--doc-rgb),.11)!important}
.site-shell[data-mode="officer"] .legacy-doc .doc-section-head>p{margin:.25em 0 0!important;max-width:92ch!important;color:#91a8b5!important;line-height:1.65!important}
.site-shell[data-mode="officer"] .legacy-doc .doc-section h4{line-height:1.35}
.site-shell[data-mode="officer"] .legacy-doc .doc-section p{line-height:1.72}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-flow,.trf-flow,.pur-flow,.sup-flow,.prom-flow){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-flow-step,.trf-flow-step,.pur-flow-step){margin:0!important;min-height:72px!important;grid-template-columns:minmax(92px,.30fr) minmax(0,1fr)!important;align-items:center!important;background:linear-gradient(135deg,rgba(89,215,168,.06),rgba(4,13,21,.58))!important;border-color:rgba(89,215,168,.15)!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-flow-step,.trf-flow-step,.pur-flow-step)>b{color:var(--green)!important;font-size:10px!important;letter-spacing:.01em}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-flow-step,.trf-flow-step,.pur-flow-step)>span{color:#a9bdc8!important;line-height:1.55!important}
/* Question / answer handovers -------------------------------------------- */
.site-shell[data-mode="officer"] .legacy-doc .scn-handover{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.site-shell[data-mode="officer"] .legacy-doc .scn-handover-item{position:relative!important;display:grid!important;gap:6px!important;min-height:98px!important;padding:15px 16px 15px 46px!important;border:1px solid rgba(79,212,203,.16)!important;border-radius:14px!important;background:radial-gradient(circle at 94% 7%,rgba(79,212,203,.06),transparent 36%),rgba(5,16,26,.62)!important}
.site-shell[data-mode="officer"] .legacy-doc .scn-handover-item:before{content:"?";position:absolute;left:14px;top:15px;width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(79,212,203,.27);border-radius:7px;background:rgba(79,212,203,.06);color:var(--teal);font-weight:950;font-size:9px}
.site-shell[data-mode="officer"] .legacy-doc .scn-handover-item>b{color:#eef8ff!important;font-size:10px!important;line-height:1.4!important}
.site-shell[data-mode="officer"] .legacy-doc .scn-handover-item>span{display:block!important;color:#91a8b5!important;line-height:1.6!important}
/* Checklists: no more plain stacked text --------------------------------- */
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-final,.trf-final,.pur-final){padding:16px!important;border:1px solid rgba(var(--doc-rgb),.15)!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(8,23,35,.60),rgba(4,13,21,.52))!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-final,.trf-final,.pur-final)>h4{margin-bottom:12px!important;color:var(--doc-accent)!important;font-size:10px!important;letter-spacing:.045em!important;text-transform:uppercase!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-checks,.trf-checks,.pur-checks){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-check-item,.trf-check,.pur-check){position:relative!important;display:flex!important;align-items:flex-start!important;min-height:50px!important;padding:11px 12px 11px 39px!important;border:1px solid rgba(89,215,168,.14)!important;border-radius:11px!important;background:rgba(89,215,168,.035)!important;color:#b7cbd5!important;line-height:1.5!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-check-item,.trf-check,.pur-check):before{content:"✓";position:absolute;left:12px;top:11px;width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:rgba(89,215,168,.08);border:1px solid rgba(89,215,168,.22);color:var(--green);font-size:8px;font-weight:950}
/* Related modules become real visual navigation -------------------------- */
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklinks,.trf-quicklinks,.pur-quicklinks,.rec-quicklinks,.sup-links){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link){position:relative!important;display:grid!important;gap:5px!important;min-height:88px!important;padding:14px 42px 14px 15px!important;border:1px solid rgba(var(--doc-rgb),.15)!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(var(--doc-rgb),.045),rgba(4,13,21,.62))!important;transition:border-color .18s ease,transform .18s ease,background .18s ease!important}
.site-shell[data-mode="officer"] .legacy-doc a:is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link):hover{transform:translateY(-2px)!important;border-color:rgba(var(--doc-rgb),.32)!important;background:linear-gradient(135deg,rgba(var(--doc-rgb),.085),rgba(6,18,29,.72))!important;text-decoration:none!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link):after{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(var(--doc-rgb),.21);color:var(--doc-accent);font-size:10px}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link)>b,
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link)>strong{color:#edf7fd!important;font-size:10px!important;line-height:1.4!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link)>span{display:block!important;color:#8fa6b4!important;line-height:1.55!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link)>span::first-letter{color:inherit}
/* Reports / records ------------------------------------------------------- */
.site-shell[data-mode="officer"] .legacy-doc .rec-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-decision{position:relative!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 28px!important;align-items:center!important;gap:11px!important;min-height:82px!important;padding:13px!important;border:1px solid rgba(67,174,248,.15)!important;border-radius:13px!important;background:radial-gradient(circle at 92% 15%,rgba(67,174,248,.055),transparent 34%),rgba(5,16,26,.61)!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-num{width:34px;height:34px;display:grid!important;place-items:center!important;border:1px solid rgba(67,174,248,.24)!important;border-radius:9px!important;background:rgba(67,174,248,.055)!important;color:var(--blue)!important;font-size:9px!important;font-weight:950!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-decision strong{display:block!important;font-size:10px!important;line-height:1.35!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-decision small{display:block!important;margin-top:4px!important;color:#8fa6b4!important;font-size:9px!important;line-height:1.45!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-arrow{width:25px;height:25px;display:grid!important;place-items:center!important;border:1px solid rgba(67,174,248,.17)!important;border-radius:7px!important;color:var(--blue)!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-compare{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-standards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-standard{position:relative!important;padding:14px 15px 14px 43px!important;border:1px solid rgba(67,174,248,.14)!important;border-radius:12px!important;background:rgba(5,16,26,.57)!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-standard:before{content:"✓";position:absolute;left:14px;top:14px;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(89,215,168,.20);border-radius:6px;background:rgba(89,215,168,.05);color:var(--green);font-size:8px;font-weight:950}
.site-shell[data-mode="officer"] .legacy-doc .rec-standard h4{margin-bottom:5px!important}.site-shell[data-mode="officer"] .legacy-doc .rec-standard p{margin:0!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-examples{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:10px!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-example{padding:14px!important;border:1px solid rgba(89,215,168,.14)!important;border-radius:12px!important;background:rgba(89,215,168,.035)!important;line-height:1.6!important}.site-shell[data-mode="officer"] .legacy-doc .rec-example.bad{border-color:rgba(255,96,119,.17)!important;background:rgba(255,96,119,.035)!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-legal{margin-top:10px!important;padding:12px 14px!important;border:1px dashed rgba(67,174,248,.18)!important;border-radius:11px!important;color:#8199a7!important;font-size:9px!important;line-height:1.6!important}
/* Supervisor: chain, handover and final check ---------------------------- */
.site-shell[data-mode="officer"] .legacy-doc .sup-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-flow-card{position:relative!important;display:grid!important;align-content:start!important;gap:7px!important;padding-top:42px!important;min-height:165px!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-flow-card>span{position:absolute;left:15px;top:14px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(89,215,168,.22);border-radius:7px;background:rgba(89,215,168,.055);color:var(--green);font-size:8px;font-weight:950}
.site-shell[data-mode="officer"] .legacy-doc .sup-flow-card>strong{font-size:10px!important}.site-shell[data-mode="officer"] .legacy-doc .sup-flow-card>p{margin:0!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-chain{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;counter-reset:sup-rank!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-chain-arrow{display:none!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-chain-rank{counter-increment:sup-rank!important;position:relative!important;display:flex!important;align-items:center!important;min-height:58px!important;padding:12px 12px 12px 42px!important;border:1px solid rgba(157,124,255,.16)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(157,124,255,.055),rgba(5,16,26,.60))!important;color:#dce9f0!important;font-weight:800!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-chain-rank:before{content:counter(sup-rank,decimal-leading-zero);position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--violet);font-size:8px;font-weight:950;letter-spacing:.06em}
.site-shell[data-mode="officer"] .legacy-doc .sup-check{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-check-item{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:11px!important;align-items:start!important;min-height:98px!important;padding:13px!important;border:1px solid rgba(157,124,255,.15)!important;border-radius:13px!important;background:rgba(5,16,26,.60)!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-check-box{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;padding:0!important;border-color:rgba(157,124,255,.23)!important;background:rgba(157,124,255,.055)!important;color:var(--violet)!important;font-size:9px!important;font-weight:950!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-check-item strong{display:block!important;font-size:10px!important;line-height:1.4!important}.site-shell[data-mode="officer"] .legacy-doc .sup-check-item span{display:block!important;margin-top:5px!important;color:#8fa6b4!important;line-height:1.55!important}
/* Promotions: career path and process ----------------------------------- */
.site-shell[data-mode="officer"] .legacy-doc .prom-rank-road{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;counter-reset:prom-rank!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-arrow{display:none!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-rank{counter-increment:prom-rank!important;position:relative!important;display:flex!important;align-items:center!important;min-height:58px!important;padding:12px 12px 12px 44px!important;border:1px solid rgba(240,181,90,.15)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(240,181,90,.04),rgba(5,16,26,.60))!important;color:#dce9f0!important;font-weight:800!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-rank:before{content:counter(prom-rank,decimal-leading-zero);position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--amber);font-size:8px;font-weight:950;letter-spacing:.06em}
.site-shell[data-mode="officer"] .legacy-doc .prom-rank.lead{border-color:rgba(157,124,255,.18)!important;background:linear-gradient(135deg,rgba(157,124,255,.045),rgba(5,16,26,.60))!important}.site-shell[data-mode="officer"] .legacy-doc .prom-rank.lead:before{color:var(--violet)!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-process{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-step{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 12px!important;align-items:start!important;min-height:108px!important;margin:0!important;padding:14px!important;border-color:rgba(240,181,90,.15)!important;background:rgba(5,16,26,.60)!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-step .num{grid-column:1!important;grid-row:1 / 3!important;width:38px;height:38px;display:grid!important;place-items:center!important;border:1px solid rgba(240,181,90,.24)!important;border-radius:10px!important;background:rgba(240,181,90,.055)!important;color:var(--amber)!important;font-size:9px!important;font-weight:950!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-step>strong{grid-column:2!important;grid-row:1!important;font-size:10px!important;line-height:1.4!important}.site-shell[data-mode="officer"] .legacy-doc .prom-step>p{grid-column:2!important;grid-row:2!important;margin:2px 0 0!important;color:#8fa6b4!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-assessment{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-assess{padding:14px 15px!important;border:1px solid rgba(240,181,90,.13)!important;border-radius:12px!important;background:rgba(5,16,26,.57)!important}.site-shell[data-mode="officer"] .legacy-doc .prom-assess strong{display:block!important;margin-bottom:5px!important;font-size:10px!important}.site-shell[data-mode="officer"] .legacy-doc .prom-assess span{display:block!important;color:#8fa6b4!important;line-height:1.55!important}
/* Specialized Units: compact closed cards, expanded card spans full width */
.site-shell[data-mode="officer"] .legacy-doc .unit-rules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-rule{margin:0!important;min-height:118px!important;padding-left:52px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-rule>.num{position:absolute;left:16px;top:16px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(101,225,255,.22);border-radius:7px;color:var(--cyan);font-size:8px;font-weight:950}
.site-shell[data-mode="officer"] .legacy-doc .unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:10px!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-card{padding:0!important;overflow:hidden!important;align-self:start!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-card[open]{grid-column:1 / -1!important;border-color:rgba(101,225,255,.27)!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-card>summary{display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:12px!important;min-height:78px!important;padding:14px 15px!important;background:linear-gradient(135deg,rgba(101,225,255,.045),rgba(4,13,21,.38))!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-card>summary:after{display:none!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-title{display:flex!important;align-items:center!important;gap:11px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-title>div:last-child{display:grid!important;gap:2px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-title strong{font-size:11px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-title small{color:#8299a7!important;font-size:8px!important;line-height:1.4!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-plus{width:30px;height:30px;display:grid!important;place-items:center!important;border:1px solid rgba(101,225,255,.22)!important;border-radius:8px!important;color:var(--cyan)!important;font-size:0!important}.site-shell[data-mode="officer"] .legacy-doc .unit-plus:before{content:"+";font-size:14px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-card[open] .unit-plus:before{content:"−"}
.site-shell[data-mode="officer"] .legacy-doc .unit-body{padding:0 15px 15px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-body-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.site-shell[data-mode="officer"] .legacy-doc .unit-info{margin:0!important;height:100%!important}
/* Training catalogue: clean accordion state ------------------------------ */
.site-shell[data-mode="officer"] .legacy-doc .training-list{display:grid!important;gap:11px!important}.site-shell[data-mode="officer"] .legacy-doc .training-card{padding:0!important;overflow:hidden!important;border-color:rgba(157,124,255,.18)!important;background:linear-gradient(180deg,rgba(11,22,40,.80),rgba(5,14,24,.68))!important}
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;padding:16px!important;background:radial-gradient(circle at 92% 10%,rgba(157,124,255,.075),transparent 36%)!important}
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary:after{display:none!important}.site-shell[data-mode="officer"] .legacy-doc .training-card[open]>summary{border-bottom:1px solid rgba(157,124,255,.16)!important;background:radial-gradient(circle at 92% 10%,rgba(157,124,255,.12),transparent 38%),rgba(157,124,255,.025)!important}
.site-shell[data-mode="officer"] .legacy-doc .training-code{justify-self:start!important}.site-shell[data-mode="officer"] .legacy-doc .training-title{display:grid!important;gap:4px!important}.site-shell[data-mode="officer"] .legacy-doc .training-title h3{font-size:14px!important}.site-shell[data-mode="officer"] .legacy-doc .training-title>p{margin:0!important;color:#96aeba!important}.site-shell[data-mode="officer"] .legacy-doc .summary-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:4px!important}.site-shell[data-mode="officer"] .legacy-doc .summary-tags>span{padding:4px 7px!important;border:1px solid rgba(157,124,255,.13)!important;border-radius:999px!important;color:#9eb2be!important;font-size:8px!important;background:rgba(157,124,255,.025)!important}
.site-shell[data-mode="officer"] .legacy-doc .summary-action{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:93px!important;justify-content:flex-end!important;color:#b7c8d2!important;font-size:9px!important;font-weight:800!important}.site-shell[data-mode="officer"] .legacy-doc .summary-action b{width:28px;height:28px;display:grid!important;place-items:center!important;border:1px solid rgba(157,124,255,.24)!important;border-radius:8px!important;color:var(--violet)!important;font-size:0!important}.site-shell[data-mode="officer"] .legacy-doc .summary-action b:before{content:"+";font-size:14px!important}.site-shell[data-mode="officer"] .legacy-doc .training-card[open]>summary .summary-action span{display:none!important}.site-shell[data-mode="officer"] .legacy-doc .training-card[open]>summary .summary-action:before{content:"Geöffnet";color:var(--violet)!important}.site-shell[data-mode="officer"] .legacy-doc .training-card[open]>summary .summary-action b:before{content:"−"}
.site-shell[data-mode="officer"] .legacy-doc .training-detail{padding:16px!important}.site-shell[data-mode="officer"] .legacy-doc .meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.site-shell[data-mode="officer"] .legacy-doc .meta-box{display:grid!important;align-content:start!important;gap:5px!important;min-height:86px!important}.site-shell[data-mode="officer"] .legacy-doc .meta-box small{color:#7f96a4!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.site-shell[data-mode="officer"] .legacy-doc .meta-box strong{font-size:9px!important;line-height:1.5!important}.site-shell[data-mode="officer"] .legacy-doc .detail-head{margin:18px 0 10px!important;padding-bottom:9px!important;border-bottom:1px solid rgba(157,124,255,.11)!important}.site-shell[data-mode="officer"] .legacy-doc .modules{display:grid!important;gap:7px!important}.site-shell[data-mode="officer"] .legacy-doc .module{margin:0!important;border-color:rgba(157,124,255,.13)!important}.site-shell[data-mode="officer"] .legacy-doc .module>summary{padding:12px 14px!important}.site-shell[data-mode="officer"] .legacy-doc .module>summary:after{display:none!important}.site-shell[data-mode="officer"] .legacy-doc .module>summary>b{margin-left:auto!important;width:24px;height:24px;display:grid!important;place-items:center!important;border:1px solid rgba(157,124,255,.18)!important;border-radius:7px!important;color:var(--violet)!important;font-size:0!important}.site-shell[data-mode="officer"] .legacy-doc .module>summary>b:before{content:"+";font-size:13px!important}.site-shell[data-mode="officer"] .legacy-doc .module[open]>summary>b:before{content:"−"}.site-shell[data-mode="officer"] .legacy-doc .module-body{padding:1px 1px 4px!important}.site-shell[data-mode="officer"] .legacy-doc .module-body h4{margin-top:16px!important;color:#e4f0f6!important}.site-shell[data-mode="officer"] .legacy-doc .module-body p{max-width:105ch!important}
/* Internal footers -------------------------------------------------------- */
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-footer,.trf-footer,.pur-footer,.rec-footer,.sup-footer,.prom-footer,.units-footer){margin:16px 2px 0!important;padding:12px 14px!important;border-top:1px solid rgba(var(--doc-rgb),.12)!important;color:#607887!important;font-size:7px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
/* Responsive refinements ------------------------------------------------- */
@media(max-width:1180px){
.site-shell[data-mode="officer"] .legacy-doc .sup-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-chain{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-rank-road{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-compare{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-flow,.trf-flow,.pur-flow,.sup-flow,.prom-flow,.scn-handover,.scn-checks,.trf-checks,.pur-checks,.scn-quicklinks,.trf-quicklinks,.pur-quicklinks,.rec-quicklinks,.sup-links,.rec-decision-grid,.rec-standards,.rec-examples,.sup-check,.prom-process,.prom-assessment,.unit-rules,.unit-grid,.unit-body-grid){grid-template-columns:1fr!important}
.site-shell[data-mode="officer"] .legacy-doc .unit-card[open]{grid-column:auto!important}
.site-shell[data-mode="officer"] .legacy-doc .sup-chain,.site-shell[data-mode="officer"] .legacy-doc .prom-rank-road{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary{grid-template-columns:46px minmax(0,1fr)!important}.site-shell[data-mode="officer"] .legacy-doc .summary-action{grid-column:2!important;justify-self:start!important;min-width:0!important}
.site-shell[data-mode="officer"] .legacy-doc .meta-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
.site-shell[data-mode="officer"] .legacy-doc .sup-chain,.site-shell[data-mode="officer"] .legacy-doc .prom-rank-road,.site-shell[data-mode="officer"] .legacy-doc .meta-grid,.site-shell[data-mode="officer"] .legacy-doc .rec-compare{grid-template-columns:1fr!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.scn-flow-step,.trf-flow-step,.pur-flow-step){grid-template-columns:1fr!important;gap:5px!important}
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary{grid-template-columns:1fr!important}.site-shell[data-mode="officer"] .legacy-doc .training-code{justify-self:start!important}.site-shell[data-mode="officer"] .legacy-doc .summary-action{grid-column:1!important}
}
/* ========================================================================
V1.3 VISUAL CLEANUP
Final cleanup for internal knowledge pages: no loose text blocks, reliable
accordion states and consistent checklist / related-module presentation.
======================================================================== */
/* Training landing: numbers should read as real stat cards, not four rows. */
.site-shell[data-mode="officer"] .legacy-doc .hero-stats{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
margin-top:22px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .hero-stats .stat{
display:grid!important;
align-content:center!important;
gap:5px!important;
min-height:92px!important;
padding:16px!important;
border-color:rgba(157,124,255,.18)!important;
background:linear-gradient(145deg,rgba(157,124,255,.055),rgba(5,16,26,.64))!important;
}
.site-shell[data-mode="officer"] .legacy-doc .hero-stats .stat strong{
color:var(--violet)!important;
font-size:25px!important;
line-height:1!important;
letter-spacing:-.04em!important;
}
.site-shell[data-mode="officer"] .legacy-doc .hero-stats .stat span{
color:#9eb2be!important;
font-size:9px!important;
line-height:1.4!important;
}
/* Training card header: action lives at the far right, never in the title. */
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary{
position:relative!important;
grid-template-columns:58px minmax(0,1fr) max-content!important;
width:100%!important;
}
.site-shell[data-mode="officer"] .legacy-doc .summary-action{
justify-self:end!important;
align-self:center!important;
min-width:0!important;
padding-left:8px!important;
white-space:nowrap!important;
}
.site-shell[data-mode="officer"] .legacy-doc .summary-action span[hidden]{display:none!important}
.site-shell[data-mode="officer"] .legacy-doc .summary-action b{
flex:0 0 auto!important;
width:30px!important;
height:30px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(157,124,255,.28)!important;
border-radius:9px!important;
background:rgba(157,124,255,.055)!important;
color:var(--violet)!important;
font-size:15px!important;
line-height:1!important;
}
.site-shell[data-mode="officer"] .legacy-doc .summary-action b:before{display:none!important;content:none!important}
.site-shell[data-mode="officer"] .legacy-doc .training-card[open]>summary .summary-action{
color:var(--violet)!important;
}
.site-shell[data-mode="officer"] .legacy-doc .training-card[open]>summary .summary-action b{
background:rgba(157,124,255,.10)!important;
border-color:rgba(157,124,255,.38)!important;
}
.site-shell[data-mode="officer"] .legacy-doc .module>summary>b{
font-size:13px!important;
line-height:1!important;
}
.site-shell[data-mode="officer"] .legacy-doc .module>summary>b:before{display:none!important;content:none!important}
/* Arrest page: the flow and final checklist were previously raw stacked text. */
.site-shell[data-mode="officer"] .legacy-doc .arr-flow{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-flow-step{
display:grid!important;
grid-template-columns:minmax(105px,.34fr) minmax(0,1fr)!important;
align-items:center!important;
gap:12px!important;
min-height:70px!important;
margin:0!important;
padding:13px 14px!important;
border:1px solid rgba(89,215,168,.15)!important;
border-radius:12px!important;
background:linear-gradient(135deg,rgba(89,215,168,.055),rgba(4,13,21,.60))!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-flow-step>b{
color:var(--green)!important;
font-size:9px!important;
line-height:1.45!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-flow-step>span{
color:#a7bdc8!important;
line-height:1.55!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-final{
padding:16px!important;
border:1px solid rgba(255,96,119,.16)!important;
border-radius:15px!important;
background:linear-gradient(180deg,rgba(255,96,119,.035),rgba(4,13,21,.54))!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-final>h4{
margin:0 0 12px!important;
color:var(--red)!important;
font-size:9px!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-checks{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-check{
position:relative!important;
min-height:50px!important;
padding:11px 12px 11px 40px!important;
border:1px solid rgba(89,215,168,.15)!important;
border-radius:11px!important;
background:rgba(89,215,168,.035)!important;
color:#b7cbd5!important;
line-height:1.5!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-check:before{
content:"✓";
position:absolute;
left:12px;
top:11px;
width:19px;
height:19px;
display:grid;
place-items:center;
border:1px solid rgba(89,215,168,.23);
border-radius:6px;
background:rgba(89,215,168,.07);
color:var(--green);
font-size:8px;
font-weight:950;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-handover{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-handover-item{
display:grid!important;
gap:5px!important;
min-height:84px!important;
padding:14px 15px!important;
border:1px solid rgba(255,96,119,.13)!important;
border-radius:12px!important;
background:rgba(5,16,26,.58)!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-handover-item>b{font-size:10px!important}
.site-shell[data-mode="officer"] .legacy-doc .arr-handover-item>span{color:#8fa6b4!important;line-height:1.55!important}
/* One visual language for every "related modules" block. */
.site-shell[data-mode="officer"] .legacy-doc :is(
.scn-quicklinks,.trf-quicklinks,.pur-quicklinks,.rec-quicklinks,.sup-links,
.arr-quicklinks,.ic-quicklinks,.prom-links
){
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
margin-top:12px!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(
.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link,
.arr-quicklink,.ic-quicklink,.prom-link
){
position:relative!important;
display:grid!important;
gap:5px!important;
min-height:88px!important;
margin:0!important;
padding:14px 46px 14px 15px!important;
border:1px solid rgba(var(--doc-rgb),.16)!important;
border-radius:13px!important;
background:linear-gradient(135deg,rgba(var(--doc-rgb),.05),rgba(4,13,21,.64))!important;
color:inherit!important;
text-decoration:none!important;
transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.site-shell[data-mode="officer"] .legacy-doc a:is(
.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link,
.arr-quicklink,.ic-quicklink,.prom-link
):hover{
transform:translateY(-2px)!important;
border-color:rgba(var(--doc-rgb),.34)!important;
background:linear-gradient(135deg,rgba(var(--doc-rgb),.085),rgba(6,18,29,.74))!important;
text-decoration:none!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(
.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link,
.arr-quicklink,.ic-quicklink,.prom-link
):after{
content:"→";
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
width:24px;
height:24px;
display:grid;
place-items:center;
border:1px solid rgba(var(--doc-rgb),.22);
border-radius:7px;
color:var(--doc-accent);
font-size:10px;
}
.site-shell[data-mode="officer"] .legacy-doc :is(
.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link,
.arr-quicklink,.ic-quicklink,.prom-link
)>:is(b,strong){
display:block!important;
color:#edf7fd!important;
font-size:10px!important;
line-height:1.4!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(
.scn-quicklink,.trf-quicklink,.pur-quicklink,.rec-quicklink,.sup-link,
.arr-quicklink,.ic-quicklink,.prom-link
)>span{
display:block!important;
color:#8fa6b4!important;
line-height:1.55!important;
}
/* Make report standards and decisions breathe more; no label/value collision. */
.site-shell[data-mode="officer"] .legacy-doc .rec-decision{grid-template-columns:38px minmax(0,1fr) 28px!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-decision>div:not(.rec-num):not(.rec-arrow){display:grid!important;gap:4px!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-decision small{margin:0!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-standard{min-height:96px!important}
/* Supervisor / promotions: prevent raw text feel even on large screens. */
.site-shell[data-mode="officer"] .legacy-doc .sup-chain-rank,
.site-shell[data-mode="officer"] .legacy-doc .prom-rank{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-step{min-height:116px!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-step>strong{margin:0!important}
.site-shell[data-mode="officer"] .legacy-doc .prom-step>p{margin:5px 0 0!important}
/* The legacy all-caps footers looked like detached text under the cards. */
.site-shell[data-mode="officer"] .legacy-doc :is(
.scn-footer,.trf-footer,.pur-footer,.rec-footer,.sup-footer,.prom-footer,
.units-footer,.arr-footer,.ic-footer,.ops-footer,.com-footer
){display:none!important}
/* Better separation between content sections, particularly long officer pages. */
.site-shell[data-mode="officer"] .legacy-doc .doc-section + .doc-section{margin-top:16px!important}
.site-shell[data-mode="officer"] .legacy-doc .doc-section>.doc-section-head + *{margin-top:0!important}
@media(max-width:980px){
.site-shell[data-mode="officer"] .legacy-doc .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.site-shell[data-mode="officer"] .legacy-doc .arr-flow,
.site-shell[data-mode="officer"] .legacy-doc .arr-checks,
.site-shell[data-mode="officer"] .legacy-doc .arr-handover,
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-quicklinks,.ic-quicklinks,.prom-links){grid-template-columns:1fr!important}
}
@media(max-width:780px){
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary{
grid-template-columns:46px minmax(0,1fr) 34px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .summary-action{
grid-column:3!important;
justify-self:end!important;
padding-left:0!important;
}
.site-shell[data-mode="officer"] .legacy-doc .summary-action>span{display:none!important}
.site-shell[data-mode="officer"] .legacy-doc .arr-flow-step{grid-template-columns:1fr!important;gap:5px!important}
}
@media(max-width:520px){
.site-shell[data-mode="officer"] .legacy-doc .hero-stats{grid-template-columns:1fr 1fr!important}
.site-shell[data-mode="officer"] .legacy-doc .training-card>summary{grid-template-columns:1fr 34px!important}
.site-shell[data-mode="officer"] .legacy-doc .training-code{grid-column:1!important}
.site-shell[data-mode="officer"] .legacy-doc .training-title{grid-column:1!important}
.site-shell[data-mode="officer"] .legacy-doc .summary-action{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important}
}
/* V1.3 page-specific structures ------------------------------------------ */
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-status-grid,.scn-zone-grid){
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-status,.scn-zone){
display:grid!important;
gap:6px!important;
padding:15px!important;
border:1px solid rgba(var(--doc-rgb),.15)!important;
border-radius:13px!important;
background:linear-gradient(145deg,rgba(var(--doc-rgb),.045),rgba(5,16,26,.60))!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-status,.scn-zone)>strong{font-size:10px!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-status,.scn-zone)>p{margin:0!important;line-height:1.6!important}
.site-shell[data-mode="officer"] .legacy-doc .arr-status.arrest{border-color:rgba(255,96,119,.20)!important;background:linear-gradient(145deg,rgba(255,96,119,.055),rgba(5,16,26,.60))!important}
.site-shell[data-mode="officer"] .legacy-doc .arr-miranda{
overflow:hidden!important;
margin:12px 0!important;
border:1px solid rgba(255,96,119,.20)!important;
border-radius:15px!important;
background:linear-gradient(145deg,rgba(255,96,119,.055),rgba(5,16,26,.62))!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-miranda-top{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:12px 15px!important;
border-bottom:1px solid rgba(255,96,119,.14)!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-miranda-top>span{
padding:4px 7px!important;
border:1px solid rgba(255,96,119,.26)!important;
border-radius:999px!important;
color:var(--red)!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.08em!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-miranda-text{
padding:17px!important;
color:#d3e1e8!important;
font-size:11px!important;
line-height:1.75!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-property{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-property-card{min-height:140px!important}
.site-shell[data-mode="officer"] .legacy-doc .arr-time{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-time-card{
display:grid!important;
align-content:start!important;
gap:6px!important;
min-height:130px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-time-card .time{
display:inline-flex!important;
width:max-content!important;
padding:5px 8px!important;
border:1px solid rgba(255,96,119,.20)!important;
border-radius:999px!important;
color:var(--red)!important;
font-size:8px!important;
font-weight:950!important;
letter-spacing:.08em!important;
}
.site-shell[data-mode="officer"] .legacy-doc .arr-time-card>p{margin:0!important}
/* Custom accordions for operational guides. */
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-detail,.scn-detail,.ic-detail,.trf-detail,.pur-detail){
margin:8px 0!important;
border-color:rgba(var(--doc-rgb),.15)!important;
background:linear-gradient(180deg,rgba(7,20,31,.68),rgba(4,13,21,.58))!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-detail,.scn-detail,.ic-detail,.trf-detail,.pur-detail)>summary{
display:grid!important;
grid-template-columns:minmax(0,1fr) 32px!important;
gap:12px!important;
align-items:center!important;
padding:14px 15px!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-detail,.scn-detail,.ic-detail,.trf-detail,.pur-detail)>summary:after{display:none!important;content:none!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-summary-left,.scn-summary-left,.ic-summary-left,.trf-summary-left,.pur-summary-left){
display:grid!important;
gap:3px!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-summary-left,.scn-summary-left,.ic-summary-left,.trf-summary-left,.pur-summary-left)>strong{font-size:10px!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-summary-left,.scn-summary-left,.ic-summary-left,.trf-summary-left,.pur-summary-left)>small{color:#8199a7!important;font-size:8px!important;line-height:1.5!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-plus,.scn-plus,.ic-plus,.trf-plus,.pur-plus){
width:29px!important;
height:29px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(var(--doc-rgb),.23)!important;
border-radius:8px!important;
background:rgba(var(--doc-rgb),.045)!important;
color:var(--doc-accent)!important;
font-size:14px!important;
line-height:1!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-detail-body,.scn-detail-body,.ic-detail-body,.trf-detail-body,.pur-detail-body){
padding:2px 2px 5px!important;
}
/* Traffic and pursuit special decision/risk panels. */
.site-shell[data-mode="officer"] .legacy-doc :is(.trf-decision,.pur-risk){
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.trf-decision-card,.pur-risk-card){
display:grid!important;
gap:6px!important;
min-height:110px!important;
padding:14px!important;
border:1px solid rgba(var(--doc-rgb),.15)!important;
border-radius:12px!important;
background:rgba(5,16,26,.58)!important;
}
.site-shell[data-mode="officer"] .legacy-doc :is(.trf-decision-card,.pur-risk-card)>p{margin:0!important}
/* Records pages: turn templates and evidence rules into intentional panels. */
.site-shell[data-mode="officer"] .legacy-doc .rec-template-wrap{
overflow:hidden!important;
margin:12px 0!important;
border:1px solid rgba(67,174,248,.17)!important;
border-radius:14px!important;
background:rgba(4,13,21,.67)!important;
}
.site-shell[data-mode="officer"] .legacy-doc .rec-template-head{
padding:11px 14px!important;
border-bottom:1px solid rgba(67,174,248,.13)!important;
background:rgba(67,174,248,.04)!important;
}
.site-shell[data-mode="officer"] .legacy-doc .rec-template{
display:block!important;
max-width:100%!important;
overflow:auto!important;
margin:0!important;
padding:15px!important;
color:#a9bec9!important;
background:transparent!important;
font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace!important;
white-space:pre-wrap!important;
}
.site-shell[data-mode="officer"] .legacy-doc .rec-evidence-rules{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
}
.site-shell[data-mode="officer"] .legacy-doc .rec-evidence-rule{margin:0!important;height:100%!important}
.site-shell[data-mode="officer"] .legacy-doc .rec-compare-card>span{
display:inline-flex!important;
width:max-content!important;
margin-bottom:7px!important;
padding:4px 7px!important;
border:1px solid rgba(67,174,248,.18)!important;
border-radius:999px!important;
color:var(--blue)!important;
font-size:8px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.07em!important;
}
/* Supervisor/promotion FAQ accordions should not feel like raw paragraphs. */
.site-shell[data-mode="officer"] .legacy-doc :is(.sup-details,.prom-details){display:grid!important;gap:8px!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.sup-details,.prom-details)>details{margin:0!important}
.site-shell[data-mode="officer"] .legacy-doc :is(.sup-details-content,.prom-details-content){
padding:2px 2px 5px!important;
color:#9fb4bf!important;
line-height:1.7!important;
}
/* Training path is a visual three-step progression. */
.site-shell[data-mode="officer"] .legacy-doc .path{
display:grid!important;
grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr)!important;
gap:10px!important;
align-items:stretch!important;
}
.site-shell[data-mode="officer"] .legacy-doc .path-card{min-height:155px!important}
.site-shell[data-mode="officer"] .legacy-doc .path>.arrow{
display:grid!important;
place-items:center!important;
color:var(--violet)!important;
font-size:18px!important;
}
@media(max-width:980px){
.site-shell[data-mode="officer"] .legacy-doc .arr-property,
.site-shell[data-mode="officer"] .legacy-doc .arr-time{grid-template-columns:1fr!important}
.site-shell[data-mode="officer"] .legacy-doc .path{grid-template-columns:1fr!important}
.site-shell[data-mode="officer"] .legacy-doc .path>.arrow{transform:rotate(90deg)!important;min-height:22px!important}
}
@media(max-width:780px){
.site-shell[data-mode="officer"] .legacy-doc :is(.arr-status-grid,.scn-zone-grid,.trf-decision,.pur-risk,.rec-evidence-rules){grid-template-columns:1fr!important}
}
/* ========================================================================
V1.4 ADMIN CMS PREVIEW
======================================================================== */
.green-text{color:var(--green)!important}
.site-shell[data-admin="true"]{--accent:var(--violet);--accent2:var(--cyan);--accent-rgb:157,124,255}
.admin-side-switch{margin:14px 2px 10px;padding:13px;border:1px solid rgba(157,124,255,.20);border-radius:13px;background:linear-gradient(145deg,rgba(157,124,255,.10),rgba(5,16,26,.62))}
.admin-side-switch>span{display:block;color:var(--violet);font-size:8px;font-weight:900;letter-spacing:.16em}.admin-side-switch>strong{display:block;margin-top:5px;font-size:11px}.admin-side-switch>button{margin-top:10px;width:100%;padding:8px 9px;border:1px solid rgba(101,225,255,.16);border-radius:9px;background:rgba(101,225,255,.035);color:#a9c4d1;font-size:9px;cursor:pointer}.admin-side-switch>button:hover{border-color:rgba(101,225,255,.32);color:#fff}.admin-preview-button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(157,124,255,.22);border-radius:11px;background:rgba(157,124,255,.05);color:#cdbfff;font-size:9px;cursor:pointer}.admin-preview-button:hover{background:rgba(157,124,255,.10);border-color:rgba(157,124,255,.38)}
.admin-page{display:grid;gap:18px}.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:22px;align-items:center;min-height:250px;padding:clamp(24px,4vw,46px);border:1px solid rgba(157,124,255,.18);border-radius:24px;background:radial-gradient(circle at 85% 14%,rgba(157,124,255,.16),transparent 30%),radial-gradient(circle at 12% 90%,rgba(101,225,255,.07),transparent 28%),linear-gradient(145deg,rgba(8,20,34,.88),rgba(4,12,21,.78));box-shadow:var(--shadow);overflow:hidden}.admin-hero h2{margin:8px 0 10px;max-width:760px;font-size:clamp(27px,4vw,48px);line-height:1.05;letter-spacing:-.035em}.admin-hero p{max-width:780px;margin:0;color:#9db1bd;line-height:1.75}.admin-hero-lock{justify-self:end;width:150px;height:150px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid rgba(157,124,255,.26);border-radius:32px;background:linear-gradient(145deg,rgba(157,124,255,.12),rgba(5,16,28,.72));box-shadow:inset 0 0 44px rgba(157,124,255,.07),0 0 55px rgba(157,124,255,.08);color:var(--violet)}.admin-hero-lock>span{font-size:18px;font-weight:950;letter-spacing:.13em}.admin-hero-lock>small{color:#778c9a;font-size:8px;letter-spacing:.16em}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stat{position:relative;overflow:hidden;min-height:105px;padding:16px;border:1px solid rgba(var(--accent-rgb),.14);border-radius:16px;background:rgba(6,18,29,.68)}.admin-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--card-accent,var(--cyan));box-shadow:0 0 16px var(--card-accent,var(--cyan))}.admin-stat>span{display:block;color:#778e9c;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.admin-stat>strong{display:block;margin-top:12px;font-size:28px;line-height:1}.tone-blue{--card-accent:var(--blue)}.tone-cyan{--card-accent:var(--cyan)}.tone-teal{--card-accent:var(--teal)}.tone-amber{--card-accent:var(--amber)}.tone-red{--card-accent:var(--red)}.tone-violet{--card-accent:var(--violet)}.tone-green{--card-accent:var(--green)}
.admin-section{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(6,18,29,.56)}.admin-section-head,.admin-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.admin-section-head h3,.admin-title-row h2{margin:5px 0 0}.admin-title-row p{max-width:800px;margin:7px 0 0;color:#8fa6b4;line-height:1.65}.admin-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.admin-action{display:grid;align-content:start;gap:7px;min-height:135px;padding:15px;border:1px solid color-mix(in srgb,var(--card-accent) 20%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 7%,transparent),rgba(4,14,23,.65));transition:.18s}.admin-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 36%,transparent)}.admin-action svg{color:var(--card-accent)}.admin-action strong{font-size:11px}.admin-action span{color:#8298a5;font-size:9px;line-height:1.55}.admin-callout{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid rgba(101,225,255,.15);border-radius:14px;background:rgba(101,225,255,.035)}.admin-callout>svg{flex:0 0 auto;color:var(--cyan)}.admin-callout strong{font-size:10px}.admin-callout p{margin:4px 0 0;color:#89a0ad;font-size:9px;line-height:1.65}.admin-callout.warning{border-color:rgba(240,181,90,.18);background:rgba(240,181,90,.04)}.admin-callout.warning>svg{color:var(--amber)}
.admin-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid rgba(101,225,255,.28);border-radius:11px;background:linear-gradient(180deg,rgba(101,225,255,.14),rgba(67,174,248,.06));color:#dff9ff;font-size:9px;font-weight:850;cursor:pointer}.admin-primary:hover{border-color:rgba(101,225,255,.48);box-shadow:0 0 24px rgba(101,225,255,.06)}.admin-filter-row{display:flex;flex-wrap:wrap;gap:7px}.admin-filter-row button{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:#829aa8;font-size:8px;font-weight:800;letter-spacing:.05em;cursor:pointer}.admin-filter-row button.active{border-color:rgba(157,124,255,.30);background:rgba(157,124,255,.08);color:#d7cdff}.admin-table{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(5,16,27,.64)}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:minmax(220px,2fr) 120px 120px 110px minmax(170px,1fr);gap:12px;align-items:center;padding:12px 14px}.admin-table-head{border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);color:#627a88;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.admin-table-row{min-height:70px;border-bottom:1px solid rgba(107,182,226,.085)}.admin-table-row:last-child{border-bottom:0}.admin-page-name strong{display:block;font-size:10px}.admin-page-name small{display:block;margin-top:5px;color:#637b89;font-size:8px}.admin-badge,.admin-status{display:inline-flex;width:max-content;padding:5px 7px;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--card-accent) 6%,transparent);color:var(--card-accent);font-size:7px;font-weight:900;letter-spacing:.08em}.admin-status.published{border-color:rgba(89,215,168,.22);background:rgba(89,215,168,.05);color:var(--green)}.admin-status.draft{border-color:rgba(240,181,90,.22);background:rgba(240,181,90,.05);color:var(--amber)}.admin-source{color:#8399a6;font-size:8px}.admin-row-actions{display:flex;justify-content:flex-end;gap:6px}.admin-row-actions button{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02);font-size:8px;cursor:pointer}.admin-row-actions button:hover:not(:disabled){border-color:rgba(101,225,255,.28)}.admin-row-actions button:disabled{opacity:.45;cursor:not-allowed}.admin-row-actions .danger,.admin-block-head .danger,.admin-item .danger{border-color:rgba(255,96,119,.16);color:#ff8b9d}
.admin-save-actions{display:flex;align-items:center;gap:9px}.admin-saved{color:var(--green);font-size:9px}.admin-editor-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:15px;align-items:start}.admin-page-settings{position:sticky;top:94px;display:grid;gap:12px;padding:16px;border:1px solid rgba(157,124,255,.16);border-radius:17px;background:rgba(5,16,27,.76)}.admin-page-settings h3{margin:0 0 2px}.admin-page-settings label,.admin-block-body label{display:grid;gap:6px;color:#7e95a3;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.admin-page-settings input,.admin-page-settings select,.admin-block-body input,.admin-block-body select,.admin-block-body textarea,.admin-item input,.admin-item textarea{width:100%;border:1px solid rgba(107,182,226,.16);border-radius:9px;background:rgba(0,0,0,.18);padding:9px 10px;color:#e8f4f9;outline:none;font-size:10px;text-transform:none;letter-spacing:normal}.admin-page-settings input:focus,.admin-page-settings select:focus,.admin-block-body input:focus,.admin-block-body textarea:focus{border-color:rgba(157,124,255,.35);box-shadow:0 0 0 3px rgba(157,124,255,.05)}.admin-page-settings small{color:#58707e;font-size:7px;text-transform:none;letter-spacing:0}.admin-check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center}.admin-check input{width:15px;height:15px;padding:0}.admin-preview-link{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid rgba(101,225,255,.17);border-radius:9px;background:rgba(101,225,255,.035);color:#aeefff;font-size:9px}.admin-builder{display:grid;gap:10px}.admin-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(5,16,27,.62)}.admin-builder-toolbar>strong{font-size:10px}.admin-builder-toolbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.admin-builder-toolbar button,.admin-inline-head button{padding:6px 8px;border:1px solid rgba(157,124,255,.16);border-radius:8px;background:rgba(157,124,255,.035);color:#b7a8f6;font-size:7px;cursor:pointer}.admin-block{overflow:hidden;border:1px solid rgba(107,182,226,.14);border-radius:14px;background:rgba(5,16,27,.62)}.admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(107,182,226,.10);background:rgba(255,255,255,.012)}.admin-block-head>div:first-child span{display:block;color:var(--violet);font-size:7px;letter-spacing:.12em}.admin-block-head>div:first-child strong{display:block;margin-top:3px;font-size:9px}.admin-block-head>div:last-child{display:flex;gap:5px}.admin-block-head button,.admin-item button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);font-size:9px;cursor:pointer}.admin-block-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px}.admin-block-body label:has(textarea),.admin-items{grid-column:1/-1}.admin-items{display:grid;gap:8px}.admin-inline-head{display:flex;align-items:center;justify-content:space-between}.admin-item{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.5fr) 80px;gap:7px;align-items:start}.admin-item button{width:auto;height:auto;padding:8px;color:#ff8b9d}.admin-empty-builder{display:grid;place-items:center;text-align:center;gap:6px;min-height:260px;padding:30px;border:1px dashed rgba(107,182,226,.18);border-radius:15px;color:#7d95a2}.admin-empty-builder p{margin:0;font-size:9px}.admin-nav-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-nav-column{overflow:hidden;border:1px solid color-mix(in srgb,var(--card-accent) 19%,transparent);border-radius:15px;background:rgba(5,16,27,.60)}.admin-nav-column>div:first-child{display:flex;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 12%,transparent);color:var(--card-accent);font-size:8px;letter-spacing:.10em}.admin-nav-column>div:first-child strong{color:#8ca2af}.admin-nav-item{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(107,182,226,.07)}.admin-nav-item:last-child{border-bottom:0}.admin-drag{color:#57707e}.admin-nav-item strong{display:block;font-size:9px}.admin-nav-item small{display:block;margin-top:3px;color:#5d7481;font-size:7px}.admin-nav-item>span:last-child{color:#586f7c;font-size:7px}.admin-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-role-card{min-height:160px;padding:15px;border:1px solid color-mix(in srgb,var(--card-accent) 18%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 6%,transparent),rgba(4,14,23,.62))}.admin-role-card svg{color:var(--card-accent)}.admin-role-card>span{display:block;margin-top:12px;color:var(--card-accent);font-size:9px;font-weight:900;letter-spacing:.08em}.admin-role-card p{margin:8px 0 0;color:#8299a6;font-size:9px;line-height:1.65}.admin-placeholder{min-height:360px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;border:1px dashed rgba(107,182,226,.18);border-radius:18px;background:rgba(5,16,27,.42);color:#718996}.admin-placeholder strong{color:#dcebf2}.admin-placeholder p{margin:0;font-size:9px}
/* CMS-rendered custom pages */
.cms-rendered-page{display:grid;gap:14px}.cms-public-hero{padding:clamp(26px,4vw,52px);border:1px solid color-mix(in srgb,var(--card-accent) 20%,transparent);border-radius:23px;background:radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 30%),linear-gradient(145deg,rgba(7,20,32,.82),rgba(4,13,21,.72))}.cms-public-hero h2{margin:8px 0 10px;font-size:clamp(28px,4vw,50px);line-height:1.04}.cms-public-hero p{max-width:820px;margin:0;color:#9ab0bc;line-height:1.75}.cms-heading{margin-top:10px}.cms-heading h3{margin:5px 0 0;font-size:19px}.cms-text-block,.cms-block-section{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(6,18,29,.58)}.cms-text-block h3{margin:0 0 8px}.cms-text-block p{margin:0;color:#91a8b5;line-height:1.8}.cms-notice{display:flex;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--card-accent) 20%,transparent);border-radius:14px;background:color-mix(in srgb,var(--card-accent) 4%,rgba(5,16,27,.72))}.cms-notice svg{flex:0 0 auto;color:var(--card-accent)}.cms-notice strong{font-size:10px}.cms-notice p{margin:4px 0 0;color:#8ca3b0;line-height:1.65}.cms-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.cms-info-card{min-height:150px;padding:15px;border:1px solid color-mix(in srgb,var(--card-accent) 19%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 6%,transparent),rgba(4,14,23,.64))}.cms-info-card>span{color:var(--card-accent);font-size:8px;font-weight:900}.cms-info-card h4{margin:9px 0 6px}.cms-info-card p{margin:0;color:#8198a5;line-height:1.65}.cms-faq{display:grid;gap:7px;margin-top:12px}.cms-faq details{border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.12)}.cms-faq summary{display:flex;justify-content:space-between;gap:10px;padding:12px 13px;cursor:pointer;font-size:10px;font-weight:800}.cms-faq details p{margin:0;padding:0 13px 13px;color:#879eab;line-height:1.7}.cms-missing{min-height:55vh;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#78909d}.cms-missing h2{margin:5px 0 0;color:#e9f4f9}.cms-missing p{margin:0}.cms-missing a{margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px}
@media(max-width:1100px){.admin-stats,.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-editor-layout{grid-template-columns:260px minmax(0,1fr)}.admin-table{overflow-x:auto}.admin-table-head,.admin-table-row{min-width:850px}.admin-nav-columns,.admin-role-grid{grid-template-columns:1fr 1fr}.cms-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.admin-hero{grid-template-columns:1fr}.admin-hero-lock{justify-self:start;width:120px;height:120px}.admin-editor-layout{grid-template-columns:1fr}.admin-page-settings{position:static}.admin-block-body{grid-template-columns:1fr}.admin-block-body label:has(textarea),.admin-items{grid-column:auto}.admin-item{grid-template-columns:1fr}.admin-nav-columns,.admin-role-grid{grid-template-columns:1fr}.admin-title-row,.admin-section-head,.admin-builder-toolbar{align-items:stretch;flex-direction:column}.admin-builder-toolbar>div{justify-content:flex-start}.cms-card-grid{grid-template-columns:1fr}}
@media(max-width:520px){.admin-stats,.admin-action-grid{grid-template-columns:1fr}.admin-hero{padding:22px}.admin-row-actions{justify-content:flex-start}}
/* ===== Production PHP layer ===== */
.flash{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,16,26,.72);font-size:10px}.flash.success{border-color:rgba(89,215,168,.25);color:#a8f2d3}.flash.error{border-color:rgba(255,96,119,.25);color:#ff9cac}.flash.warning{border-color:rgba(240,181,90,.25);color:#ffd48e}
.auth-page{min-height:calc(100vh - 180px);display:grid;place-items:center}.auth-card{width:min(520px,100%);padding:28px;border:1px solid rgba(101,225,255,.18);border-radius:22px;background:linear-gradient(180deg,rgba(7,21,33,.88),rgba(4,13,21,.78));box-shadow:var(--shadow)}.auth-card h2{margin:8px 0 7px;font-size:34px}.auth-card p{margin:0 0 20px;color:var(--muted);font-size:10px;line-height:1.65}.auth-card form{display:grid;gap:12px}.auth-card label{display:grid;gap:6px;font-size:8px;letter-spacing:.1em;color:#9bb0bd;text-transform:uppercase}.auth-card input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(1,8,14,.6);color:var(--text);outline:0}.auth-card input:focus{border-color:rgba(101,225,255,.4);box-shadow:0 0 0 3px rgba(101,225,255,.05)}.auth-card button{margin-top:4px;padding:11px 13px;border:1px solid rgba(101,225,255,.3);border-radius:11px;background:linear-gradient(135deg,rgba(101,225,255,.18),rgba(67,174,248,.08));color:#e9fbff;font-weight:850;cursor:pointer}.auth-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
.user-chip{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);font-size:8px;color:#bfd0da}.user-chip strong{font-size:9px;color:#eef8ff}.logout-link{color:#ff91a1}.admin-inline-form{display:inline}.admin-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-title-row h2{margin:6px 0 5px;font-size:30px}.admin-title-row p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.admin-section-head h3{margin:0}.admin-page{display:grid;gap:14px}.admin-form-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(5,16,27,.65)}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.admin-form-grid .full{grid-column:1/-1}.admin-form-card label{display:grid;gap:6px;color:#7e95a3;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.admin-form-card input,.admin-form-card select,.admin-form-card textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18);color:#e8f4f9;outline:none;text-transform:none;letter-spacing:normal}.admin-form-card textarea{min-height:100px;resize:vertical}.admin-form-card input:focus,.admin-form-card select:focus,.admin-form-card textarea:focus{border-color:rgba(157,124,255,.35);box-shadow:0 0 0 3px rgba(157,124,255,.05)}
.admin-table-php{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(5,16,27,.64);font-size:9px}.admin-table-php th,.admin-table-php td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(107,182,226,.08)}.admin-table-php th{color:#647d8b;font-size:7px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.018)}.admin-table-php tr:last-child td{border-bottom:0}.admin-table-php td strong{display:block;font-size:10px}.admin-table-php td small{display:block;margin-top:3px;color:#657d8b}.admin-table-php .actions{white-space:nowrap;text-align:right}.admin-table-php a,.admin-table-php button{display:inline-flex;margin-left:5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02);color:#cfe4ee;cursor:pointer;font-size:8px}.admin-table-php .danger{color:#ff91a1;border-color:rgba(255,96,119,.18)}
.block-editor{display:grid;gap:10px}.block-card{border:1px solid rgba(157,124,255,.16);border-radius:14px;background:rgba(5,16,27,.62);overflow:hidden}.block-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(157,124,255,.10)}.block-card-head strong{font-size:9px;color:#d9d0ff}.block-card-head button{padding:6px 8px;border:1px solid rgba(255,96,119,.18);border-radius:8px;background:rgba(255,96,119,.03);color:#ff91a1;cursor:pointer}.block-card-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.block-card-body .full{grid-column:1/-1}.block-add-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(5,16,27,.58)}.block-add-row button{padding:7px 9px;border:1px solid rgba(157,124,255,.16);border-radius:8px;background:rgba(157,124,255,.035);color:#c4b8ff;cursor:pointer;font-size:8px}
.cms-rendered-page{display:grid;gap:14px}.cms-public-hero{padding:clamp(28px,4vw,50px);border:1px solid color-mix(in srgb,var(--tone) 25%,transparent);border-radius:24px;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 33%),linear-gradient(135deg,rgba(7,22,35,.88),rgba(3,11,18,.68))}.cms-public-hero h2{margin:8px 0 8px;font-size:clamp(30px,4vw,50px)}.cms-public-hero p,.cms-text-block p,.cms-notice p,.cms-info-card p,.cms-faq p{color:var(--muted);line-height:1.7;font-size:10px}.cms-heading h3,.cms-text-block h3{margin:5px 0 8px}.cms-text-block,.cms-notice,.cms-block-section{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(5,16,27,.64)}.cms-notice{display:flex;gap:11px;border-color:color-mix(in srgb,var(--tone) 24%,transparent)}.cms-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}.cms-info-card{padding:15px;border:1px solid color-mix(in srgb,var(--tone) 20%,transparent);border-radius:13px;background:color-mix(in srgb,var(--tone) 5%,rgba(5,16,27,.72))}.cms-info-card>span{color:var(--tone);font-size:8px}.cms-info-card h4{margin:9px 0 6px}.cms-faq{display:grid;gap:7px}.cms-faq details{border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.12)}.cms-faq summary{display:flex;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;font-size:10px;font-weight:800}.cms-faq p{padding:0 12px 12px;margin:0}.cms-image{padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(5,16,27,.64)}.cms-image img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:11px}.cms-image figcaption{margin-top:8px;color:var(--muted);font-size:8px}
.nav-child a{padding-left:22px}.nav-child .nav-icon{transform:scale(.82)}.nav-child .nav-code{opacity:.6}.admin-nav-link{margin-top:8px;display:flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(157,124,255,.2)!important;background:rgba(157,124,255,.05)!important;color:#d5ccff!important}.form-submit-button{padding:10px 13px!important;border:1px solid rgba(var(--accent-rgb),.3)!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.06))!important;color:#eefaff!important;cursor:pointer!important}.form-success{padding:12px;border:1px solid rgba(89,215,168,.25);border-radius:11px;background:rgba(89,215,168,.045);color:#a8f2d3;font-size:9px}
.setup-card{max-width:760px;margin:40px auto;padding:24px;border:1px solid rgba(101,225,255,.2);border-radius:20px;background:rgba(5,16,27,.88);color:#edf7fd;font-family:Inter,system-ui,sans-serif}.setup-card h1{margin-top:0}.setup-card p{color:#91a7b5;line-height:1.65}.setup-card label{display:grid;gap:6px;margin:12px 0;font-size:12px}.setup-card input{padding:10px 11px;border:1px solid rgba(107,182,226,.2);border-radius:9px;background:#07131f;color:#fff}.setup-card button{padding:10px 14px;border:1px solid rgba(101,225,255,.3);border-radius:9px;background:rgba(101,225,255,.1);color:#fff;cursor:pointer}.setup-ok{padding:12px;border:1px solid rgba(89,215,168,.25);border-radius:10px;background:rgba(89,215,168,.05);color:#a8f2d3}.setup-error{padding:12px;border:1px solid rgba(255,96,119,.25);border-radius:10px;background:rgba(255,96,119,.05);color:#ff9cac}
@media(max-width:900px){.admin-form-grid,.block-card-body{grid-template-columns:1fr}.admin-form-grid .full,.block-card-body .full{grid-column:auto}.cms-card-grid{grid-template-columns:1fr 1fr}.admin-table-wrap{overflow-x:auto}.admin-table-php{min-width:760px}}@media(max-width:600px){.cms-card-grid{grid-template-columns:1fr}.user-chip{display:none}}
/* ==========================================================================\n V1.0.1 – Form / Select readability hotfix\n Native browser drop-downs were too bright and too small on Windows/Chrome.\n ========================================================================== */
select {
color-scheme: dark !important;
background-color: #06131e !important;
color: #eef8ff !important;
}
select option,
select optgroup {
background-color: #071722 !important;
color: #edf7fd !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
select option:checked {
background-color: #245f93 !important;
color: #ffffff !important;
}
select option:disabled {
color: #78909d !important;
}
.admin-form-card label,
.admin-page-settings label,
.admin-block-body label {
font-size: 9.5px !important;
line-height: 1.35 !important;
}
.admin-form-card input,
.admin-form-card select,
.admin-form-card textarea,
.admin-page-settings input,
.admin-page-settings select,
.admin-block-body input,
.admin-block-body select,
.admin-block-body textarea,
.admin-item input,
.admin-item textarea,
.admin-table-php select,
.citizen-form input,
.citizen-form select,
.citizen-form textarea,
.setup-card input,
.setup-card select,
.setup-card textarea {
min-height: 42px;
padding: 10px 12px !important;
border-color: rgba(107,182,226,.24) !important;
background-color: #06131e !important;
color: #eef8ff !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.admin-form-card textarea,
.admin-block-body textarea,
.admin-item textarea,
.citizen-form textarea,
.setup-card textarea {
min-height: 112px;
}
.admin-table-php select {
min-width: 150px;
}
.admin-form-card input::placeholder,
.admin-block-body input::placeholder,
.admin-block-body textarea::placeholder,
.citizen-form input::placeholder,
.citizen-form textarea::placeholder,
.setup-card input::placeholder {
color: #607986 !important;
opacity: 1;
}
.admin-form-card select:focus,
.admin-page-settings select:focus,
.admin-block-body select:focus,
.admin-table-php select:focus,
.citizen-form select:focus,
.setup-card select:focus {
border-color: rgba(101,225,255,.5) !important;
box-shadow: 0 0 0 3px rgba(101,225,255,.07) !important;
outline: none;
}
@media (max-width: 760px) {
.admin-form-card input,
.admin-form-card select,
.admin-form-card textarea,
.admin-page-settings input,
.admin-page-settings select,
.admin-block-body input,
.admin-block-body select,
.admin-block-body textarea,
.citizen-form input,
.citizen-form select,
.citizen-form textarea {
font-size: 14px !important;
}
}
/* ========================================================================
V2 ADMIN CMS – VISUAL BUILDER / ACCESS CONTROL / ACCOUNT
======================================================================== */
.account-link{text-decoration:none}.account-link span{display:grid;gap:1px}.account-link small{color:#718996;font-size:7px;font-weight:650}.account-link:hover{border-color:rgba(101,225,255,.28);background:rgba(101,225,255,.04)}
.account-page{min-height:calc(100vh - 180px);display:grid;place-items:center}.account-card{width:min(780px,100%);padding:24px;border:1px solid rgba(101,225,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(7,21,33,.88),rgba(4,13,21,.76));box-shadow:var(--shadow)}.account-card-head{display:flex;align-items:center;gap:15px}.account-card-head h2{margin:6px 0 5px;font-size:30px}.account-card-head p{margin:0;color:#8ea5b2;line-height:1.65}.account-avatar{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(101,225,255,.22);border-radius:15px;background:rgba(101,225,255,.055);color:var(--cyan)}.account-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 16px}.account-identity>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12)}.account-identity span{display:block;color:#687f8d;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.account-identity strong{display:block;margin-top:5px;font-size:10px}.account-password-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.account-password-form label{display:grid;gap:6px;color:#8096a3;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.account-password-form label:first-of-type{grid-column:1/-1}.account-password-form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#06131e;color:#eef8ff;font-size:13px;outline:none}.account-password-form input:focus{border-color:rgba(101,225,255,.45);box-shadow:0 0 0 3px rgba(101,225,255,.06)}.password-hint{grid-column:1/-1;padding:10px 12px;border:1px solid rgba(240,181,90,.14);border-radius:10px;background:rgba(240,181,90,.035);color:#a9997c;font-size:9px;line-height:1.55}.account-password-form .admin-primary{width:max-content}
.section-pill{display:inline-flex;padding:5px 8px;border:1px solid color-mix(in srgb,var(--card-accent) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--card-accent) 6%,transparent);color:var(--card-accent);font-size:7px;font-weight:900;letter-spacing:.08em}.protected-label{color:#607887;font-size:8px}.admin-danger-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border:1px solid rgba(255,96,119,.25);border-radius:10px;background:rgba(255,96,119,.045);color:#ff91a1;font-size:9px;font-weight:800;cursor:pointer}.admin-danger-button:hover{border-color:rgba(255,96,119,.45);background:rgba(255,96,119,.08)}
.user-create-card{display:grid;gap:16px}.user-create-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(107,182,226,.10)}.user-create-head strong{display:block;font-size:12px}.user-create-head span{display:block;margin-top:4px;color:#788f9c;font-size:9px}.user-base-fields{margin:0}.role-section{display:grid;gap:10px;padding-top:3px}.role-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.role-section-head>span{color:#8ba1ae;font-size:8px;font-weight:900;letter-spacing:.13em}.role-section-head small{color:#617986;font-size:8px}.role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.role-choice{--role-accent:var(--card-accent);position:relative;min-height:98px;padding:13px 13px 13px 46px;border:1px solid color-mix(in srgb,var(--role-accent) 18%,transparent);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--role-accent) 5%,transparent),rgba(4,14,23,.62));cursor:pointer;transition:.16s}.role-choice:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--role-accent) 34%,transparent)}.role-choice input{position:absolute;opacity:0;pointer-events:none}.role-checkmark{position:absolute;left:13px;top:14px;width:23px;height:23px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--role-accent) 24%,transparent);border-radius:7px;background:rgba(0,0,0,.2);color:transparent;transition:.16s}.role-copy strong{display:block;color:#e8f3f8;font-size:10px}.role-copy small{display:block;margin-top:6px;color:#718996;font-size:8px;line-height:1.5;text-transform:none;letter-spacing:0}.role-choice:has(input:checked){border-color:color-mix(in srgb,var(--role-accent) 52%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--role-accent) 11%,transparent),rgba(4,14,23,.70));box-shadow:inset 0 0 28px color-mix(in srgb,var(--role-accent) 4%,transparent)}.role-choice:has(input:checked) .role-checkmark{border-color:color-mix(in srgb,var(--role-accent) 65%,transparent);background:color-mix(in srgb,var(--role-accent) 18%,transparent);color:var(--role-accent)}.role-list-text{color:#9ab0bc;line-height:1.5}
.visual-editor-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.settings-head{padding-bottom:11px;border-bottom:1px solid rgba(157,124,255,.10)}.settings-head span{display:block;color:var(--violet);font-size:7px;font-weight:900;letter-spacing:.14em}.settings-head strong{display:block;margin-top:4px;font-size:12px}.admin-save-main{width:100%;min-height:43px}.visual-builder-workspace{min-width:0;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);gap:14px;align-items:start}.builder-panel,.live-preview-panel{min-width:0;border:1px solid rgba(107,182,226,.13);border-radius:18px;background:rgba(5,16,27,.58)}.builder-panel{padding:15px}.builder-panel-head,.live-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.builder-panel-head h3{margin:5px 0 0;font-size:18px}.builder-help{color:#637b88;font-size:8px}.block-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.block-library-card{--card-accent:var(--cyan);display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:10px;align-items:center;min-height:66px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--card-accent) 18%,transparent);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 5%,transparent),rgba(2,10,17,.38));color:#dcebf2;text-align:left;cursor:pointer;transition:.15s}.block-library-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--card-accent) 36%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 9%,transparent),rgba(2,10,17,.42))}.block-library-card>svg{color:var(--card-accent)}.block-library-card strong{display:block;font-size:9px}.block-library-card small{display:block;margin-top:3px;color:#6f8795;font-size:7px}.block-library-card>b{color:var(--card-accent);font-size:17px;font-weight:500}.visual-block-editor{display:grid;gap:10px}.visual-block-card{--block-accent:var(--card-accent);overflow:hidden;border:1px solid color-mix(in srgb,var(--block-accent) 17%,transparent);border-radius:14px;background:rgba(3,13,22,.70)}.visual-block-head{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid rgba(107,182,226,.08);background:linear-gradient(90deg,color-mix(in srgb,var(--block-accent) 4%,transparent),transparent)}.block-grip{color:#45606f;font-size:14px;letter-spacing:-4px}.block-title span{display:block;color:var(--block-accent);font-size:6.5px;font-weight:950;letter-spacing:.12em}.block-title strong{display:block;margin-top:3px;font-size:9px}.block-tools{display:flex;gap:4px}.block-tools button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);color:#9cb1bd;font-size:10px;cursor:pointer}.block-tools button:hover{border-color:rgba(101,225,255,.28);color:#fff}.block-tools .danger{color:#ff8a9a;border-color:rgba(255,96,119,.16)}.visual-block-body{display:grid;gap:10px;padding:12px}.visual-block-body label,.image-fields label{display:grid;gap:6px;color:#8399a6;font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.visual-block-body label small{font-weight:500;color:#57707e;text-transform:none;letter-spacing:0}.visual-block-body input,.visual-block-body select,.visual-block-body textarea,.image-fields input{width:100%;min-height:42px;padding:10px 11px;border:1px solid rgba(107,182,226,.18);border-radius:9px;background:#06131e;color:#eef8ff;font-size:12px;line-height:1.45;outline:none;text-transform:none;letter-spacing:0}.visual-block-body textarea{min-height:105px;resize:vertical}.visual-block-body :is(input,select,textarea):focus{border-color:color-mix(in srgb,var(--block-accent) 45%,rgba(101,225,255,.35));box-shadow:0 0 0 3px color-mix(in srgb,var(--block-accent) 6%,transparent)}.block-fields-row,.image-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.visual-block-body [hidden]{display:none!important}
.live-preview-panel{position:sticky;top:90px;overflow:hidden}.live-preview-head{padding:13px 14px;border-bottom:1px solid rgba(107,182,226,.10)}.live-preview-head strong{display:block;margin-top:4px;font-size:10px}.preview-device-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18)}.preview-device-switch button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#657d8a;font-size:7px;font-weight:800;cursor:pointer}.preview-device-switch button.active{background:rgba(101,225,255,.08);color:#dffaff}.live-preview-stage{min-height:620px;padding:13px;overflow:auto;background:radial-gradient(circle at 85% 10%,rgba(101,225,255,.035),transparent 28%),#020a10}.live-preview-browser{width:100%;margin:auto;overflow:hidden;border:1px solid rgba(107,182,226,.16);border-radius:13px;background:#04101a;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:max-width .2s ease}.live-preview-stage[data-preview-stage="tablet"] .live-preview-browser{max-width:720px}.live-preview-stage[data-preview-stage="mobile"] .live-preview-browser{max-width:390px}.preview-browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid rgba(107,182,226,.09);background:#06131e}.preview-browser-bar>span{width:6px;height:6px;border-radius:50%;background:#35505e}.preview-browser-bar>span:nth-child(1){background:#ff6077}.preview-browser-bar>span:nth-child(2){background:#f0b55a}.preview-browser-bar>span:nth-child(3){background:#59d7a8}.preview-browser-bar strong{margin-left:5px;color:#728a98;font-size:7px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-content{padding:12px}.live-preview-stage[data-preview-stage="mobile"] .cms-card-grid{grid-template-columns:1fr}.live-preview-stage[data-preview-stage="mobile"] .cms-public-hero{padding:20px}.live-preview-stage[data-preview-stage="mobile"] .cms-public-hero h2{font-size:26px}.preview-image-placeholder{min-height:170px;display:grid;place-items:center;border:1px dashed rgba(107,182,226,.18);border-radius:10px;color:#627a88;background:rgba(0,0,0,.14);font-size:9px}
@media(max-width:1450px){.visual-builder-workspace{grid-template-columns:1fr}.live-preview-panel{position:static}.live-preview-stage{min-height:420px}.role-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.visual-editor-shell{grid-template-columns:1fr}.admin-page-settings{position:static}.role-picker{grid-template-columns:1fr 1fr}.account-identity{grid-template-columns:1fr}.account-password-form{grid-template-columns:1fr}.account-password-form label:first-of-type,.password-hint{grid-column:auto}}
@media(max-width:680px){.block-library,.role-picker,.block-fields-row,.image-fields{grid-template-columns:1fr}.builder-panel-head,.live-preview-head,.role-section-head{align-items:stretch;flex-direction:column}.preview-device-switch{width:max-content}.visual-block-head{grid-template-columns:20px minmax(0,1fr)}.block-tools{grid-column:1/-1;justify-content:flex-end}.account-card-head{align-items:flex-start}.account-card{padding:18px}}
.role-choice input{width:1px!important;height:1px!important;min-height:1px!important;padding:0!important}
.admin-check input,.admin-table-php input[type="checkbox"]{width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;accent-color:#65e1ff}