/* Base shell appearance. Dashboard width and scrolling live in reference-layout.css. */
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{display:flex;flex-direction:column;color:#edf4ff;font-family:system-ui,sans-serif;background:#07192f}
.shell{display:flex;align-items:center;gap:16px;padding:20px 18px 16px;min-height:100px;flex:none}
.brand{border:0;background:transparent;cursor:pointer;padding:5px;width:190px;flex-shrink:0}
.brand img{width:100%;max-height:66px;object-fit:contain}
nav{display:flex;gap:0;border:1px solid #ffffff26;background:#071c32de;border-radius:19px;padding:7px;flex:1}
nav button,nav a{border:0;background:none;font:650 12px system-ui;display:inline-flex;align-items:center;justify-content:center;padding:12px 11px;color:#edf4ff;text-decoration:none;border-radius:12px;white-space:nowrap;cursor:pointer}
nav button span,nav a span{color:#f3c14c;font-size:19px;margin-right:9px}
nav button[aria-current=page]{background:#28598c;box-shadow:inset 0 0 0 1px #8fbfff33}
nav [hidden]{display:none!important}
button:hover,a:hover{filter:brightness(1.18)}
button:focus-visible,a:focus-visible{outline:3px solid #ffd05e;outline-offset:3px}
.local{font-size:10px;letter-spacing:1.7px;color:#c1d3e9;white-space:nowrap}
.context{display:none}
.header-actions{display:flex;align-items:center;gap:8px}
.header-actions button,footer button{border:1px solid #7597bc55;border-radius:12px;padding:12px;font:700 12px system-ui;cursor:pointer}
.header-actions button:disabled{opacity:.5;cursor:default}
#snapshot{font-size:11px;color:#bacde5;max-width:135px;padding:10px;border:1px solid #7d9ab740;border-radius:10px}
#refresh-control{background:#f5c844;color:#13283c}
.header-actions [data-action=export]{background:#193954;color:#e9f2ff}
main{position:relative;background:transparent}
iframe{height:100%;width:100%;border:0;display:block}
iframe[hidden]{display:none}
footer{padding:8px 25px;color:#b7c9e0;font-size:10px;display:flex;justify-content:space-between;gap:15px}
footer button{padding:3px 8px;font-size:9px;background:#193954;color:white}
html[data-theme=light] body{color:#173653}
html[data-theme=light] :is(.context span,.context a,footer,.local,#snapshot){color:#284e72}
@media(max-width:1550px){.shell{gap:8px;padding:12px;min-height:88px}.brand{width:140px}nav button,nav a{font-size:10px;padding:10px 7px}nav span{display:none!important}.header-actions button{font-size:10px;padding:10px 8px}#snapshot{font-size:9px;max-width:100px}}
@media(max-width:1100px){.shell{flex-wrap:wrap}.brand{width:130px}nav{flex:1}.header-actions{width:100%;justify-content:flex-end}#snapshot{max-width:none}}
@media(max-width:950px){.shell{gap:10px;padding:10px}.brand{width:120px}.local{display:none}footer span{display:none}}
@media(max-width:750px){.shell{padding-top:7px;padding-bottom:5px}footer{font-size:9px}}
@media(max-width:600px){.brand{width:120px;margin:auto}nav{width:100%;justify-content:center}nav button{padding:9px 7px;font-size:10px}}