/* SAFE Command Center: restrained cyber styling, no moving decorations.
   Screen only: printed forms retain their existing document layout. */
@media screen {
 :root{--bg:#060d17;--panel:#0e1e30;--line:#2a4a63;--blue:#74d4ff;--muted:#aec1d4;--ink:#f0f7ff;--cyber-cyan:#63e0f5}
 body{background:#060d17}
 .shell{background:radial-gradient(ellipse at 90% 0%,#103d532e,transparent 50%),#070f1b}
 .shell>.main{background-image:linear-gradient(#67cfff05 1px,transparent 1px),linear-gradient(90deg,#67cfff05 1px,transparent 1px);background-size:44px 44px}
 .shell>.side{background:linear-gradient(165deg,#12293d 0%,#091523 40%,#070f1a 100%);border-right:1px solid #3e7a96;box-shadow:8px 0 30px #0004}
 .app-command-brand{border-bottom-color:#3b667f;background:linear-gradient(135deg,#6bdcff08,transparent 65%)}
 .app-command-brand .app-command-wordmark{color:#8cdcff;text-shadow:0 0 22px #53bdff35}
 .app-command-brand .app-command-subtitle{color:#b0cee0;letter-spacing:.16em}
 .appbar{background:#0a1829f5;border-bottom:1px solid #39617b;box-shadow:0 7px 24px #0003}
 .appbar-context{color:#bbd9e9}
 .side nav .nav-dropdown{border-color:#365b73;border-radius:5px 13px 5px 5px;background:#0a1726;box-shadow:0 5px 16px #0002}
 .side nav .nav-dropdown>summary{background:linear-gradient(110deg,#173f56,#142b41 75%);color:#e7f6ff;box-shadow:inset 3px 0 #73d9ff,inset 0 1px #80e5ff20;min-height:56px;padding:14px 13px;letter-spacing:.015em;border-bottom:1px solid transparent}
 .side nav .nav-dropdown>summary:hover{background:linear-gradient(110deg,#21536b,#18394e);box-shadow:inset 3px 0 #a6eeff,0 0 18px #55d8ff12}
 .side nav .nav-dropdown[open]>summary{background:linear-gradient(110deg,#20516a,#153147);border-bottom-color:#47829c;box-shadow:inset 3px 0 #a5ecff,inset 0 -1px #6cddff22}
 .side nav .nav-dropdown>summary>.app-icon{color:#8ce4f7}
 .side nav .nav-dropdown-links{background:#091625}
 .side nav .nav-dropdown-links>button{color:#bdcfdf;border-left-color:#2d4b60;letter-spacing:0;font-weight:500}
 .side nav .nav-dropdown-links button.active{background:linear-gradient(90deg,#184561,#102e44);color:#f4fbff;border-left-color:#85e6ff;box-shadow:inset 0 0 0 1px #71dfff21}
 .side nav .nav-dropdown-links button:hover{background:#16364d;color:#fff}
 .side nav .nav-submenu{border-color:#365a71;background:#102639}
 .side nav .nav-submenu>summary{background:linear-gradient(100deg,#1b3c52,#142c40);color:#d9f0ff}
 .shell summary{list-style:none;cursor:pointer}
 .shell summary::-webkit-details-marker{display:none}
 .safe-accordion{border-color:#36576f;border-radius:5px 12px 5px 5px}
 .safe-accordion>summary{background:linear-gradient(110deg,#193f55,#132a40);color:#e7f6ff;box-shadow:inset 3px 0 #73d9ff,inset 0 1px #80e5ff20;border-radius:4px 11px 4px 4px}
 .safe-accordion>summary:hover{background:linear-gradient(110deg,#22536b,#18394e)}
 .safe-accordion[open]>summary{background:linear-gradient(110deg,#20516a,#153147);color:#e7f6ff;border-bottom-color:#47829c;border-radius:4px 11px 0 0}
 .safe-accordion-body{background:#0c1b2c;border-radius:0 0 4px 4px}
 .card,.cockpit-panel{background:linear-gradient(135deg,#122a3d,#0d1c2f 65%);border-color:#2d4e65;border-radius:5px 14px 5px 5px;box-shadow:inset 0 1px #7fd4ff0d,0 8px 24px #0002}
 .cockpit-hero{border-bottom-color:#39647c}
 .cockpit-hero h1{color:#eef9ff}
 .cockpit-hero .eyebrow,.top .eyebrow{color:#88dcf5}
 .cockpit-metric{background:linear-gradient(135deg,#15354a,#0d1e31);border-color:#335b74;border-radius:5px 14px 5px 5px;box-shadow:inset 0 2px #72daff44,0 7px 20px #0002}
 .cockpit-metric>b{color:#b2edff}
 .cockpit-area{background:linear-gradient(125deg,#17384b,#102438);border-color:#365d75;border-radius:5px 12px 5px 5px}
 .cockpit-area:hover{background:linear-gradient(125deg,#204b61,#17354b);border-color:#76c9e6;box-shadow:0 0 20px #57cfff12}
 .cockpit-panel>header{background:#10293c;border-bottom-color:#31556d}
 .profile-hero{background:linear-gradient(115deg,#184256,#10243a 80%);border-color:#44768e}
 button.primary,.primary{background:linear-gradient(110deg,#8bdfff,#63c9f4);color:#041827;border-color:#a1e7ff;box-shadow:0 3px 14px #5ccfff18;text-shadow:none}
 button.primary:hover,.primary:hover{background:linear-gradient(110deg,#b4efff,#83ddff);color:#041827}
 input,select,textarea{background:#091625;border-color:#3c607b;color:#eff8ff;box-shadow:inset 0 1px 4px #0002}
 input:focus,select:focus,textarea:focus{border-color:#8bdfff;outline-color:#8bdfff}
 button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #a2ecff;outline-offset:3px}
 .table-scroll{border-color:#31556e}
 .ops-table th{background:#153247;color:#c8e4f4}
 .login{background:radial-gradient(ellipse at 10% 25%,#16425a44,transparent 65%)}
 .login>.card{border-color:#44748e;box-shadow:inset 0 2px #7bdaff55,0 14px 60px #0004}
 .identity{border-top-color:#31556d}
 /* Semantic warning, danger and success colors intentionally remain intact. */
}
@media screen and (max-width:650px){
 .shell>.main{background-size:32px 32px}
 .side nav .nav-dropdown>summary{font-size:14px;min-height:54px}
 .card,.cockpit-panel{box-shadow:inset 0 1px #7fd4ff0d,0 4px 12px #0002}
}
@media (prefers-contrast:more){
 .side nav .nav-dropdown,.card,.safe-accordion{border-color:#82b9d2}
}
