/* U7K TASK FORCE MERLIN // YESTERDAY BLACKSITE VISUAL RESTORE
   Visual source of truth: 29 AUG HQC + original Blacksite soldier backplate.
   Architecture/runtime intentionally unchanged. */
@import url("./blacksite-core.css?v=fd990d3bd441");

:root{
  --bg:#020607;
  --bg2:#030b0d;
  --panel:rgba(1,6,7,.987);
  --panel2:rgba(3,11,13,.972);
  --panel3:rgba(1,7,8,.994);
  --line:rgba(117,205,219,.105);
  --line2:rgba(117,205,219,.22);
  --line3:rgba(117,205,219,.34);
  --cyan:#79d7e8;
  --cyan2:#c8f7ff;
  --signal:#1fc4df;
  --green:#72e085;
  --amber:#e0b862;
  --red:#ef625c;
  --text:#d8e6e7;
  --muted:#74888b;
  --dim:#405458;
  --black:#000;
  --bar:64px;
  --footer:28px;
  --shadow:0 22px 70px rgba(0,0,0,.42);
}

/* The soldier is atmosphere, never content. Panels stay almost opaque. */
html{background:#000}
body{
  background-color:#000;
  background-image:
    linear-gradient(180deg,rgba(0,3,4,.855) 0%,rgba(0,3,4,.90) 46%,rgba(0,1,2,.945) 100%),
    url("./assets/hqc-blacksite-soldier.webp"),
    radial-gradient(900px 380px at 46% -120px,rgba(25,79,88,.08),transparent 67%),
    linear-gradient(180deg,#010303 0,#010404 52%,#000 100%);
  background-position:center,center 8%,46% -120px,center;
  background-size:cover,cover,auto,auto;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,fixed,fixed,fixed;
}
body::before{opacity:.11}
body::after{opacity:.72;background-size:56px 56px;mask-image:linear-gradient(#000,transparent 92%)}

.shell{background:transparent;padding-bottom:var(--footer)}
.topbar{
  height:var(--bar);
  grid-template-columns:220px minmax(0,1fr) 275px;
  border-bottom:1px solid rgba(121,215,232,.10);
  background:rgba(1,7,8,.965);
  backdrop-filter:blur(20px);
  box-shadow:0 10px 38px rgba(0,0,0,.32);
}
.brand{border-right:1px solid rgba(121,215,232,.09);box-shadow:inset 2px 0 var(--signal)}
.brand-copy{grid-template-columns:auto 1fr;column-gap:9px;align-items:end}
.brand-copy>small:first-child{grid-column:1/3;color:var(--signal);font-size:.43rem;letter-spacing:.14em}
.brand-copy b{font-size:1rem;letter-spacing:.12em;color:#e2edef}
.brand-copy>small:last-child{color:#40575c;font-size:.42rem;letter-spacing:.08em}

.nav{min-width:0}
.nav button{
  min-width:0;
  flex:1 1 0;
  padding:0 7px;
  border-right:1px solid rgba(121,215,232,.045);
  background:transparent;
  color:#566d71;
  font-size:.52rem;
  letter-spacing:.085em;
}
.nav button span{display:inline;margin-right:5px;color:#2d4449;font-size:.42rem}
.nav button:hover{color:#9eb5b8;background:rgba(121,215,232,.018)}
.nav button.active{color:#d4f8fd;background:linear-gradient(180deg,rgba(121,215,232,.045),transparent 78%)}
.nav button.active::after{left:18px;right:18px;height:2px;background:var(--cyan);box-shadow:0 0 12px rgba(31,196,223,.42);animation:none}

.statusbar{background:rgba(1,7,8,.55)}
.health{padding:0 12px}.health small{display:none}
.operator{min-width:92px;padding:0 11px}.operator b{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logout{padding:0 12px}

/* Yesterday's telemetry belongs on the foot rail, not as a second header. */
.command-strip{
  position:fixed!important;
  z-index:920;
  left:0;right:0;bottom:0;top:auto!important;
  min-height:var(--footer)!important;
  height:var(--footer)!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(121,215,232,.075)!important;
  background:rgba(1,5,6,.965)!important;
  backdrop-filter:blur(16px);
  box-shadow:0 -12px 34px rgba(0,0,0,.24)!important;
}
.command-strip>span{min-width:0;padding:0 10px!important;border:0!important;border-right:1px solid rgba(121,215,232,.045)!important;display:flex!important;align-items:center!important;gap:7px!important;background:transparent!important}
.command-strip>span:last-child{border-right:0!important}
.command-strip small{color:#324b50!important;font-size:.38rem!important;letter-spacing:.11em!important}
.command-strip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#759095!important;font-size:.43rem!important;letter-spacing:.055em!important}
.command-strip>span:first-child b{color:var(--green)!important}

main{
  min-height:calc(100vh - var(--bar) - var(--footer));
  background:linear-gradient(90deg,rgba(0,4,5,.66),rgba(0,2,3,.34) 18%,rgba(0,2,3,.34) 82%,rgba(0,4,5,.64));
}
.view{padding:12px 14px 24px;background:transparent}
.view-head{min-height:64px;height:auto;padding:4px 2px 10px;border-bottom:1px solid rgba(121,215,232,.055)}
.view-head .eyebrow{color:#5ccfe2;font-size:.48rem;letter-spacing:.14em}
.view-head h1{margin:5px 0 0;font-size:clamp(1.42rem,2.3vw,1.78rem);letter-spacing:-.018em;color:#dde9eb}
.view-head h1 span{color:#7fd9e7}
.view-head p{margin:4px 0 0;max-width:68ch;color:#5f767b;font-size:.66rem;line-height:1.42}
.live-stamp{padding:8px 10px!important;border:1px solid rgba(121,215,232,.08)!important;background:rgba(1,7,8,.78);color:#5f7c81!important;font-size:.43rem!important}

.panel,.metric-grid>article,.campaign-strip>article,.kingdom-card,.task-card,.bubble-card,.journey-card,.operation-card,.director,.obs-grid>article,.settings-command-card,.ledger-row{
  background:rgba(1,6,7,.987)!important;
}
.panel{border-color:rgba(121,215,232,.105)!important;box-shadow:inset 0 1px rgba(255,255,255,.012),0 18px 44px rgba(0,0,0,.11)!important}

/* Exact tactical-corner doctrine from the 29 AUG baseline. */
.panel::before,.panel::after{
  content:""!important;
  position:absolute!important;
  width:10px!important;
  height:10px!important;
  z-index:3!important;
  opacity:.78!important;
  pointer-events:none!important;
  box-shadow:none!important;
  background:none!important;
  animation:none!important;
}
.panel::before{inset:auto auto 8px 8px!important;border:0!important;border-left:1px solid rgba(121,215,232,.22)!important;border-bottom:1px solid rgba(121,215,232,.22)!important}
.panel::after{inset:8px 8px auto auto!important;border:0!important;border-top:1px solid rgba(121,215,232,.22)!important;border-right:1px solid rgba(121,215,232,.22)!important}

.assessment-hero{background:rgba(1,6,7,.985)!important;border-color:rgba(121,215,232,.12)!important}
.assessment-hero>div{background:rgba(1,6,7,.74)!important}
.assessment-hero strong{color:#dcebed}
.assessment-copy{border-left-color:rgba(121,215,232,.09)!important;border-right-color:rgba(121,215,232,.09)!important}
.metric-grid,.campaign-strip{gap:1px!important;background:rgba(121,215,232,.055);border:1px solid rgba(121,215,232,.055)}
.metric-grid>article,.campaign-strip>article{border:0!important;min-height:78px!important}
.metric-grid small,.campaign-strip small{color:#476369!important;font-size:.41rem!important;letter-spacing:.115em!important}
.metric-grid strong,.campaign-strip strong{color:#cfe7ea!important}
.metric-grid span,.campaign-strip span{color:#405a60!important;font-size:.42rem!important}

.board>header,.panel>header{background:linear-gradient(90deg,rgba(10,34,37,.45),rgba(1,6,7,.9) 62%);border-bottom-color:rgba(121,215,232,.08)!important}
.board>header small,.panel>header small{color:#4e737a!important;letter-spacing:.13em!important}
.board>header strong,.panel>header strong{color:#d7e6e8!important}
.read-only{color:#65898e!important}

.kingdom-card[data-active="true"]{border-color:rgba(121,215,232,.34)!important;box-shadow:inset 2px 0 var(--signal),0 0 30px rgba(31,196,223,.035)!important}
.task-card.ok,.intel-row.ok,.director.ok{box-shadow:inset 2px 0 rgba(114,224,133,.50)}
.task-card.warn,.intel-row.warn,.director.warn{box-shadow:inset 2px 0 rgba(224,184,98,.48)}
.task-card.bad,.intel-row.bad,.director.bad{box-shadow:inset 2px 0 rgba(239,98,92,.52)}

.kestrel-stage{border-color:rgba(91,195,213,.20)!important;background:rgba(1,6,7,.986)!important;box-shadow:0 24px 60px rgba(0,0,0,.16)!important}
.radar-pane{background:radial-gradient(circle at 50% 45%,rgba(18,49,53,.13),transparent 48%),rgba(1,6,7,.94)!important}
.air-work-pane{background:rgba(1,6,7,.985)!important;border-left-color:rgba(91,195,213,.12)!important}
.safety-fuse{border-color:rgba(224,184,98,.18)!important;background:linear-gradient(90deg,rgba(61,47,17,.27),rgba(1,6,7,.96) 58%)!important}

.arc-stage{border-color:rgba(121,215,232,.14)!important;background:rgba(1,6,7,.96)!important}
.arc-map-placeholder{background:linear-gradient(rgba(121,215,232,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(121,215,232,.028) 1px,transparent 1px),rgba(1,6,7,.84)!important;background-size:48px 48px!important}
.runtime-chips{background:rgba(1,6,7,.97)!important}

.operation-list,.stack,.task-deck,.director-grid,.ledger-stage{background:transparent}
.ledger-stage{border-color:rgba(110,169,157,.15)!important}
.ledger-row{border-bottom-color:rgba(110,169,157,.08)!important}
.ledger-row:hover,.ledger-row.active{background:linear-gradient(90deg,rgba(95,199,174,.055),rgba(1,6,7,.99) 52%)!important}
.ledger-lane{color:#61cbdc!important}

.subnav{border-bottom-color:rgba(121,215,232,.08)!important;background:rgba(1,6,7,.86)!important}
.subnav button{color:#536d72!important}.subnav button.active{color:#c9f7fd!important;border-bottom-color:#79d7e8!important;background:rgba(31,196,223,.035)!important}

/* Keep SOS unmistakable over the restored darker shell. */
.sos-banner{z-index:1300!important;background:#8e1715!important;border-bottom:1px solid #ff746e!important;color:#fff5f3!important;box-shadow:0 8px 40px rgba(239,98,92,.34)!important;font-weight:900!important;letter-spacing:.075em!important}
body.sos-active .topbar{border-bottom-color:rgba(239,98,92,.55)!important;box-shadow:inset 0 -2px rgba(239,98,92,.45),0 12px 40px rgba(0,0,0,.38)!important}

.transport-fault{z-index:1250!important;background:rgba(58,8,7,.985)!important;border-color:rgba(239,98,92,.42)!important}

/* iPad-first: old HQ used a single-row compact nav, not giant stacked SaaS tabs. */
@media(max-width:1180px) and (min-width:821px){
  .topbar{grid-template-columns:190px minmax(0,1fr) 220px}
  .brand{padding:0 12px}.brand-copy>small:last-child{display:none}
  .nav button{padding:0 5px;font-size:.47rem;letter-spacing:.065em}.nav button span{display:none}
  .health{padding:0 9px}.operator{display:none}.logout{padding:0 10px}
  body{background-position:center,58% 8%,46% -120px,center;background-size:cover,auto 100vh,auto,auto}
}

@media(max-width:820px){
  :root{--bar:62px;--footer:30px}
  body{background-position:center,60% 60px,46% -120px,center;background-size:cover,auto 78vh,auto,auto}
  .shell{padding-top:calc(var(--bar) + 48px)}
  .topbar{height:calc(var(--bar) + 48px);grid-template-columns:1fr auto;grid-template-rows:var(--bar) 48px}
  .brand{grid-column:1;grid-row:1;border-right:0}.statusbar{grid-column:2;grid-row:1}.health{padding:0 11px}.health span{display:none}.operator{display:none}
  .nav{grid-column:1/3;grid-row:2;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(121,215,232,.055);background:rgba(1,7,8,.94)}
  .nav::-webkit-scrollbar{display:none}.nav button{flex:0 0 92px;min-width:92px;font-size:.47rem}.nav button span{display:none}.nav button.active::after{left:16px;right:16px}
  main{min-height:calc(100vh - var(--bar) - 48px - var(--footer))}
  .view{padding:10px 10px 22px}.view-head{align-items:flex-start;padding-top:7px}.view-head p{display:none}.live-stamp{display:none!important}
  .command-strip{grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.command-strip>span:nth-child(4),.command-strip>span:nth-child(5),.command-strip>span:nth-child(6){display:none!important}
  .command-strip>span{padding:0 8px!important}.command-strip small{font-size:.35rem!important}.command-strip b{font-size:.40rem!important}
  .panel,.metric-grid>article,.campaign-strip>article{backdrop-filter:none}
}

@media(max-width:599px){
  .brand{padding:0 10px}.brand-copy b{font-size:.92rem}.brand-copy>small:first-child{font-size:.38rem}
  .statusbar .logout{font-size:.42rem;padding:0 9px}
  .view-head h1{font-size:1.28rem}
  .metric-grid,.campaign-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .assessment-hero{grid-template-columns:1fr!important}.assessment-copy{border-left:0!important;border-right:0!important;border-top:1px solid rgba(121,215,232,.07)!important;border-bottom:1px solid rgba(121,215,232,.07)!important}
  .kestrel-stage{border-left:0!important;border-right:0!important}
}

@media(prefers-reduced-motion:reduce){
  .view.active,.nav button.active::after,.health i.ok{animation:none!important}
  *{scroll-behavior:auto!important}
}


/* Phase 20 // canonical fleet read model */
.fleet-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fleet-status-card{border:1px solid rgba(129,168,169,.18);background:rgba(5,13,14,.78);padding:12px;min-width:0}
.fleet-status-card header,.fleet-status-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fleet-status-card header span{display:grid;gap:3px;min-width:0}
.fleet-status-card header small,.fleet-identity,.fleet-status-card footer{font:700 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.fleet-status-card header strong{overflow-wrap:anywhere}
.fleet-identity{margin-top:10px;color:var(--muted,#7f999a);overflow-wrap:anywhere}
.fleet-runtime{display:grid;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(129,168,169,.12)}
.fleet-runtime b{font-size:12px;overflow-wrap:anywhere}
.fleet-runtime span{font:700 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted,#7f999a)}
.fleet-status-card footer{margin-top:12px;color:var(--muted,#7f999a)}
.fleet-status-card footer a{color:inherit;text-decoration:none;border:1px solid rgba(129,168,169,.22);padding:5px 7px}
.fleet-status-card footer a:hover{color:var(--signal,#8dc7ca);border-color:rgba(141,199,202,.48)}
@media(max-width:980px){.fleet-status-grid{grid-template-columns:1fr}}


/* Phase 20 // GTX evidence status */
.log-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.log-status-summary{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;border:1px solid rgba(129,168,169,.18);background:rgba(5,13,14,.78);padding:12px}
.log-status-summary span{display:grid;gap:4px}
.log-status-summary small,.log-status-card div,.log-status-card footer{font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;color:var(--muted,#7f999a)}
.log-status-card{border:1px solid rgba(129,168,169,.16);background:rgba(5,13,14,.72);padding:11px;min-width:0}
.log-status-card header,.log-status-card footer{display:flex;justify-content:space-between;gap:8px;align-items:center}
.log-status-card div{display:grid;gap:4px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(129,168,169,.1);overflow-wrap:anywhere}
.log-status-card footer{margin-top:10px}
@media(max-width:980px){.log-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.log-status-summary{grid-template-columns:1fr}}
@media(max-width:599px){.log-status-grid{grid-template-columns:1fr}}


/* Core-owned BLACKSITE scenario declaration. Kept compact so the proving-ground
   profile can change without turning the universal HQ shell into another settings page. */
.blacksite-profile-control {
  display: grid;
  gap: 2px;
  min-width: 170px;
  padding: 0 10px;
  border-left: 1px solid rgba(255,255,255,.09);
}
.blacksite-profile-control small,
.blacksite-profile-control em {
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.blacksite-profile-control small { opacity: .55; }
.blacksite-profile-control em { opacity: .72; font-style: normal; }
.blacksite-profile-control select {
  width: 100%;
  min-height: 28px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 2px;
  background: #05090a;
  color: inherit;
  font: inherit;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.blacksite-profile-control select:disabled { opacity: .55; }

@media (max-width: 760px) {
  .blacksite-profile-control {
    width: 100%;
    min-width: 0;
    padding: 8px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.09);
  }
}