
/* Header V2 — organized hierarchy, user-selected emblem, responsive controls */
.command-header{
  min-height:136px!important;
  display:grid!important;
  grid-template-columns:minmax(470px,1.18fr) minmax(300px,.72fr) minmax(500px,1fr)!important;
  grid-template-areas:"brand live actions"!important;
  align-items:center!important;
  gap:28px!important;
  padding:20px 30px!important;
  overflow:hidden;
}
.command-header::after{display:none!important}
.command-brand{grid-area:brand!important;align-self:center!important;display:flex!important;align-items:center!important;gap:20px!important;padding:0!important;min-width:0}
.crest-wrap{width:96px!important;height:96px!important;flex:0 0 96px!important;border-radius:50%;overflow:hidden;display:grid!important;place-items:center!important}
.crest-wrap picture{display:grid;width:100%;height:100%;place-items:center}
.crest-wrap img{width:92px!important;height:92px!important;object-fit:contain!important;border-radius:50%;filter:drop-shadow(0 5px 14px rgba(0,0,0,.28))!important}
.brand-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.brand-copy b{display:flex!important;flex-direction:column!important;gap:1px!important;margin:0!important;color:#edf2f6!important;font-size:clamp(24px,1.75vw,31px)!important;line-height:1.08!important;letter-spacing:.045em!important;font-weight:820!important;white-space:normal!important;text-wrap:balance}
.brand-copy b span{display:block!important;white-space:nowrap}
.brand-copy small{margin-top:10px!important;max-width:590px;color:#aebbc6!important;font-size:12px!important;line-height:1.45!important;letter-spacing:.145em!important;white-space:normal!important}

.header-live-block{grid-area:live!important;align-self:center!important;justify-self:stretch!important;min-width:0!important;padding:0 0 0 24px!important;border-left:1px solid rgba(80,126,151,.32)!important;color:#c5d0d9!important}
.live-line{display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 13px!important;color:#82cedb!important;font-size:16px!important;line-height:1.25!important;letter-spacing:.055em!important}
.live-line strong{font-weight:800!important}
.header-status-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.header-status-meta>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.header-status-meta small{color:#8295a4;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.2}
.header-status-meta b{color:#dce4ea;font-size:14px;font-weight:750;line-height:1.35;white-space:nowrap}

.health-card{display:none!important}
.header-actions{grid-area:actions!important;align-self:center!important;justify-self:end!important;width:100%!important;max-width:650px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
.header-actions .icon-button{width:52px!important;height:52px!important;border-radius:12px!important;background:#0c2030!important;border:1px solid #29475a!important}
.header-actions .icon-button svg{width:21px!important;height:21px!important}
.header-language-selector{width:100%!important;min-height:64px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding:8px 9px 8px 15px!important;border-radius:14px!important;background:rgba(12,32,48,.88)!important;border:1px solid #29475a!important;box-shadow:none!important}
.header-language-label{font-size:10px!important;line-height:1.2!important;letter-spacing:.14em!important;color:#9eb2c0!important}
.header-language-options{display:grid!important;grid-template-columns:.72fr 1fr 1fr 1fr!important;align-items:stretch!important;gap:5px!important;min-width:0!important}
.header-lang{min-width:0!important;min-height:46px!important;padding:0 10px!important;border-radius:9px!important;font-size:14px!important;font-weight:750!important;line-height:1!important}
.header-lang.active{background:rgba(99,198,216,.13)!important;color:#a8e3ed!important;border-color:#579caf!important;box-shadow:none!important}

/* Keep the diplomatic flag atmosphere subtle behind the organized content. */
.command-header::before{opacity:.105!important;background-size:100% 100%,cover!important;background-position:center,center!important}

@media(max-width:1460px){
  .command-header{grid-template-columns:minmax(430px,1fr) minmax(280px,.62fr) minmax(440px,.9fr)!important;gap:20px!important;padding:18px 24px!important}
  .crest-wrap{width:84px!important;height:84px!important;flex-basis:84px!important}.crest-wrap img{width:82px!important;height:82px!important}
  .brand-copy b{font-size:clamp(22px,1.75vw,28px)!important}
  .header-language-selector{grid-template-columns:1fr!important;gap:6px!important;padding:8px!important}
  .header-language-label{padding-left:4px!important}
}
@media(max-width:1160px){
  .command-header{
    grid-template-columns:minmax(0,1fr) minmax(310px,.68fr)!important;
    grid-template-areas:"brand live" "actions actions"!important;
    min-height:auto!important;
    gap:16px 24px!important;
    padding:18px 22px!important;
  }
  .header-actions{justify-self:stretch!important;max-width:none!important;border-top:1px solid rgba(80,126,151,.24);padding-top:14px!important}
  .header-language-selector{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important}
}
@media(max-width:760px){
  .command-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "live" "actions"!important;
    gap:14px!important;
    padding:15px 14px 14px!important;
  }
  .command-brand{gap:13px!important;align-items:center!important}
  .crest-wrap{width:66px!important;height:66px!important;flex:0 0 66px!important}.crest-wrap img{width:64px!important;height:64px!important}
  .brand-copy b{font-size:17px!important;line-height:1.12!important;letter-spacing:.035em!important;gap:0!important}
  .brand-copy b span{white-space:normal!important}
  .brand-copy small{margin-top:7px!important;font-size:10px!important;line-height:1.4!important;letter-spacing:.075em!important}
  .header-live-block{padding:12px 0 0!important;border-left:0!important;border-top:1px solid rgba(80,126,151,.28)!important}
  .live-line{margin-bottom:10px!important;font-size:15px!important}
  .header-status-meta{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .header-status-meta small{font-size:9px!important}.header-status-meta b{font-size:13px!important}
  .header-actions{grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;padding-top:12px!important}
  .header-actions .icon-button{width:48px!important;height:48px!important}
  .header-language-selector{grid-template-columns:1fr!important;gap:7px!important;min-height:0!important;padding:8px!important}
  .header-language-label{font-size:9px!important;padding-left:2px!important}
  .header-language-options{grid-template-columns:.72fr 1fr 1fr 1fr!important;gap:4px!important}
  .header-lang{min-height:42px!important;padding:0 5px!important;font-size:12px!important}
  .command-header::before{opacity:.075!important;background-size:100% 100%,auto 80%!important;background-position:center,68% 15%!important}
}
@media(max-width:410px){
  .command-brand{gap:11px!important}.crest-wrap{width:58px!important;height:58px!important;flex-basis:58px!important}.crest-wrap img{width:56px!important;height:56px!important}
  .brand-copy b{font-size:15.5px!important}.brand-copy small{font-size:9px!important}
  .header-actions{grid-template-columns:1fr!important}
  .header-actions .icon-button{justify-self:end!important}
  .header-language-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .header-lang{font-size:11px!important}
}
