@font-face{font-family:"Space Mono";src:url("../../../css/fonts/SpaceMono-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Space Mono";src:url("../../../css/fonts/SpaceMono-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
.sim-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:7px 16px;background:var(--accent-yellow-trans,rgba(198,156,94,.2));border-bottom:1px solid var(--accent-yellow,#c69c5e);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dark,#374151)}
.sim-bar b{color:var(--accent-yellow,#c69c5e)}
.sim-bar a{margin-left:auto;color:var(--accent-blue,#6388b0);text-decoration:none;font-weight:700}
.sim-bar a:hover{text-decoration:underline}
.demo-cta-panel{border-color:var(--accent-blue,#6388b0)!important}
.demo-cta-panel p{margin:0 0 10px;font-size:11px;line-height:1.6}
#demoCtaTop{display:none}
#demoCtaTop.show{display:block;animation:ctaIn .35s ease-out}
@keyframes ctaIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.zone-hot{box-shadow:inset 0 0 0 1.5px var(--accent-blue,#6388b0)}
.live-horns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:22px}
.live-horns .hz{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--border-light,#c2ccc4);color:var(--text-muted,#6b7280)}
.live-horns .hz.on{border-color:var(--accent-blue,#6388b0);color:var(--accent-blue,#6388b0);background:var(--accent-blue-trans,rgba(99,136,176,.2));animation:hzPulse 1s ease-in-out infinite}
@keyframes hzPulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.live-horns .hz.on{animation:none}}
.cfg-ro input{pointer-events:none;opacity:.85}
@media (max-width:700px){.sim-bar{position:static;padding:6px 12px;font-size:9px}}
/* Vera: wrapper chrome to GITS micro type + brackets */
.sim-bar{font-family:"SF Mono","Space Mono",var(--font-mono),monospace}
.sim-bar a::before{content:"[ "}.sim-bar a::after{content:" ]"}
/* Vera: sim bar on the demo sign-in page sits above the centered login, full width */
body.page-login .sim-bar{position:fixed;top:0;left:0;right:0}
@media (max-width:700px){body.page-login{padding-top:136px}body.page-login .sim-bar{position:fixed}}
/* Vera: desktop app shell fills the window under the sim bar, so the page itself never scrolls */
@media (min-width:769px){
  body[data-page="app"]{display:flex;flex-direction:column}
  body[data-page="app"] .sim-bar{flex:0 0 auto}
  body[data-page="app"] .layout{flex:1 1 auto;height:auto;max-height:none;min-height:0}
}