/* Watchtower palette: orange first, white second, cyan third, a little lavender, pink as a small accent.
   Status colours (warning, critical, ok) are left alone on purpose. Loaded after watchtower.css and site-vibe.css. */
:root{--cyan:#65faff;--terminus-cyan:#65faff;--orange:#ff7a18;--terminus-orange:#ff7a18;--ink:#05050b;--terminus-ink:#05050b;--panel:rgba(5,7,14,.94);--terminus-panel:rgba(5,7,14,.9);--muted:#b9c6d0;--lav:#c6a0ff;--pink:#ff4fa8}
html,body{background:#05050b;color:#e3e9ef}
#matrix{background:#05050b}

/* navigation, as on the home page */
nav.top-nav{border-bottom-color:rgba(101,250,255,.25);background:linear-gradient(180deg,rgba(5,7,14,.97),rgba(5,7,14,.88));box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 -1px rgba(255,122,24,.3)}
nav.top-nav::before{border-right-color:rgba(101,250,255,.28);color:#fff;text-shadow:0 0 14px rgba(255,122,24,.5)}
nav.top-nav a,nav.top-nav>details.nav-command-group>summary{color:#d9e1ea}
nav.top-nav a:hover,nav.top-nav a:focus-visible,nav.top-nav a.active,
nav.top-nav>details.nav-command-group>summary:hover,nav.top-nav>details.nav-command-group>summary:focus-visible,nav.top-nav>details.nav-command-group>summary.active{color:#fff;text-shadow:0 0 12px rgba(255,122,24,.6)}
nav.top-nav a:focus-visible,nav.top-nav>details.nav-command-group>summary:focus-visible{outline-color:var(--orange)}
nav.top-nav .nav-command-menu{border-color:rgba(101,250,255,.4);background:rgba(5,7,14,.98);box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 18px rgba(101,250,255,.14)}
nav.top-nav .nav-command-menu a{border-bottom-color:rgba(101,250,255,.16)}
.audio-control .archive-music-toggle{background:rgba(5,7,14,.92);color:#e3e9ef}

/* panels */
.watchtower-hero,.defense-banner,.system-block{border-color:rgba(101,250,255,.43);background:linear-gradient(125deg,rgba(101,250,255,.05),transparent 48%,rgba(255,122,24,.065)),var(--panel);box-shadow:0 0 28px rgba(255,122,24,.1),inset 0 0 36px rgba(101,250,255,.02)}
.watchtower-hero{border-bottom-color:rgba(255,122,24,.6)}
.watchtower-hero::after{border-color:rgba(255,79,168,.14)}
.defense-banner{border-color:rgba(255,122,24,.58)}
.security-block{border-color:rgba(255,122,24,.42)}
.backup-block{border-color:rgba(101,250,255,.48);background:linear-gradient(115deg,rgba(101,250,255,.07),transparent 52%,rgba(255,122,24,.08)),var(--panel)}

/* WATCHTOWER title: blue-black letters, outline cyan on the left, white in the middle, orange on the right */
.watchtower-hero h1{position:relative;display:inline-block;color:#030a1c;-webkit-text-stroke:2px #65faff;text-shadow:-4px 0 14px rgba(101,250,255,.65),4px 0 14px rgba(255,122,24,.45)}
.watchtower-hero h1::before,.watchtower-hero h1::after{content:"WATCHTOWER";position:absolute;inset:0;color:#030a1c}
.watchtower-hero h1::before{-webkit-text-stroke:2px #fff;clip-path:polygon(33% 0,63% 0,63% 100%,33% 100%);text-shadow:0 0 12px rgba(255,255,255,.45)}
.watchtower-hero h1::after{-webkit-text-stroke:2px var(--orange);clip-path:polygon(63% 0,100% 0,100% 100%,63% 100%)}
.identity{color:var(--orange)}
#valorName{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.35)}
.hero-copy{color:#b9c6d0}

/* VALOR emblem */
.watchtower-mark{border-color:#fff;box-shadow:0 0 18px rgba(101,250,255,.5),inset 0 0 35px rgba(255,255,255,.07)}
.cross-sword{background:linear-gradient(to bottom,#fff 0 8%,#e9f9ff 9% 72%,var(--orange) 73% 100%);box-shadow:0 0 7px rgba(255,255,255,.7),0 0 12px rgba(255,122,24,.6)}
.valor-shield{background:#fff;filter:drop-shadow(0 0 9px rgba(101,250,255,.7))}
.watchtower-emblem small{color:var(--pink)}

/* program switcher */
.command-subnav a{border-color:rgba(101,250,255,.25);background:rgba(5,7,14,.9);color:#a9b9c4}
.command-subnav a:hover,.command-subnav a.active{color:#fff;border-color:var(--orange);box-shadow:inset 0 -2px var(--orange),0 0 12px rgba(255,122,24,.2)}

/* status banner and blocks. data-state colours for warning, critical and ok still win. */
.defense-banner strong{color:#fff;text-shadow:0 0 12px rgba(101,250,255,.6)}
.defense-banner p{color:#b9c6d0}
.block-heading{border-bottom-color:rgba(101,250,255,.2)}
.block-heading h2{color:#fff;text-shadow:0 0 8px rgba(255,122,24,.45)}
.system-block:nth-child(2) .block-heading span{color:var(--cyan)}
.system-block:nth-child(3) .block-heading span{color:var(--pink)}
.system-block:nth-child(4) .block-heading span{color:var(--lav)}
.system-block dl div{border-bottom-color:rgba(101,250,255,.1)}
.system-block dt{color:#9fb2bd}
.system-block dd{color:#fff}
.monitoring-note{color:#c6d2da}
.backup-summary{color:#e3e9ef}
@media(max-width:560px){.watchtower-hero h1::before,.watchtower-hero h1::after{-webkit-text-stroke-width:2px}}