/* Vietnamese-facing copy while keeping SPD system labels */
body.ui-vi .mock-motto{font-size:7px!important;letter-spacing:.045em!important}
body.ui-vi .hero-side-rail span{font-size:8px!important;line-height:1.45!important;letter-spacing:.045em!important}
body.ui-vi .portrait-console__caption small{line-height:1.2!important}
body.ui-vi .mock-hero-line em{font-size:7px!important;letter-spacing:.025em!important}
body.ui-vi .hero__copy blockquote{font-size:7.5px!important;line-height:1.5!important}
body.ui-vi .connect-note{font-size:6.8px!important;line-height:1.4!important}
body.ui-vi .communications-terminal__head>span{font-size:7px!important;letter-spacing:.04em!important}
body.ui-vi .send-terminal label,body.ui-vi .send-terminal legend{letter-spacing:.035em!important}
body.ui-vi .send-terminal__submit{min-width:146px!important}
body.ui-vi .approved-feed__head .subpanel-title{letter-spacing:.035em!important}
body.ui-vi .seasonal--compact>span,body.ui-vi .footer-quote{letter-spacing:.04em!important}

/* The nickname input intentionally omitted type="text" in markup. Match it explicitly so
   mobile browsers do not fall back to their bright native input style. */
body.ui-vi .send-terminal>label>input:not([type]){
  width:100%;border:1px solid rgba(116,207,255,.18);background:rgba(1,7,12,.72);color:#e9f6ff;
  padding:8px 9px;outline:none;font-size:10px;border-radius:0;-webkit-appearance:none;appearance:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease
}
body.ui-vi .send-terminal>label>input:not([type]):focus{
  border-color:rgba(90,223,255,.62)!important;background:rgba(2,13,22,.94)!important;
  box-shadow:0 0 0 1px rgba(90,223,255,.08),inset 3px 0 0 rgba(90,223,255,.52),0 0 16px rgba(90,223,255,.045);
  outline:none;transform:translateX(2px)
}

@media(max-width:980px){
  body.ui-vi .mock-motto{font-size:6.5px!important}
  body.ui-vi .mock-hero-line em{white-space:normal!important;text-align:right;line-height:1.45!important}
}

/* Mobile communications terminal rebuild. Vietnamese copy is materially longer than the
   original English labels, so the desktop 3-column header cannot be allowed to squeeze it. */
@media(max-width:700px){
  body.ui-vi .operations-grid{gap:14px!important;margin-top:14px!important}
  body.ui-vi .communications-terminal{min-height:0!important}
  body.ui-vi .communications-terminal::after{top:63px!important}
  body.ui-vi .communications-terminal__head{
    height:auto!important;min-height:64px!important;padding:9px 12px 10px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"title code" "desc desc"!important;gap:5px 10px!important;align-items:center!important
  }
  body.ui-vi .communications-terminal__head>strong{
    grid-area:title!important;min-width:0;font-size:10.5px!important;line-height:1.25!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important
  }
  body.ui-vi .communications-terminal__head>span{
    grid-area:desc!important;min-width:0!important;width:100%!important;text-align:left!important;
    font-size:6.5px!important;line-height:1.45!important;letter-spacing:.035em!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important
  }
  body.ui-vi .communications-terminal__head>em{
    grid-area:code!important;justify-self:end!important;align-self:start!important;
    white-space:nowrap!important;font-size:6.5px!important;line-height:1.25!important;color:#758fa2!important
  }
  body.ui-vi .communications-terminal__grid{grid-template-columns:1fr!important;gap:12px!important;padding:10px!important}
  body.ui-vi .send-terminal{padding:0 12px 13px!important;overflow:hidden!important}
  body.ui-vi .subpanel-title{height:38px!important;font-size:9px!important;line-height:1.25!important}

  body.ui-vi .send-terminal>label{
    display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;
    column-gap:8px!important;row-gap:6px!important;margin-bottom:12px!important;font-size:7.5px!important;line-height:1.3!important
  }
  body.ui-vi .send-terminal>label>span{justify-self:end!important;text-align:right!important;white-space:nowrap!important;font-size:6.5px!important}
  body.ui-vi .send-terminal>label>input:not([type]),
  body.ui-vi .send-terminal>label>input[type="text"],
  body.ui-vi .send-terminal>label>textarea{grid-column:1/-1!important;min-width:0!important;width:100%!important}
  body.ui-vi .send-terminal>label>input:not([type]),
  body.ui-vi .send-terminal>label>input[type="text"]{
    min-height:42px!important;padding:10px 11px!important;font-size:16px!important;line-height:1.25!important;
    background:rgba(1,8,13,.9)!important;border-color:rgba(116,207,255,.24)!important;color:#eef8ff!important;
    border-radius:0!important;-webkit-appearance:none!important;appearance:none!important
  }
  body.ui-vi .send-terminal textarea{
    min-height:118px!important;max-height:220px!important;padding:11px!important;font-size:16px!important;line-height:1.45!important;
    background:rgba(1,8,13,.9)!important;border-color:rgba(116,207,255,.24)!important;border-radius:0!important
  }

  body.ui-vi .send-terminal__bottom{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important;margin-top:4px!important}
  body.ui-vi .send-terminal fieldset{
    width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px 12px!important;border:0!important;border-right:0!important;border-bottom:1px solid rgba(116,207,255,.13)!important;
    margin:0!important;padding:0 0 12px!important;min-width:0!important
  }
  body.ui-vi .send-terminal fieldset legend{display:block!important;width:100%!important;margin:0 0 8px!important;padding:0!important;font-size:6.5px!important;color:#718da0!important}
  body.ui-vi .send-terminal fieldset label,
  body.ui-vi .send-terminal .anonymous-toggle{
    display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;
    white-space:nowrap!important;font-size:7.5px!important;line-height:1.25!important;color:#a9bdca!important
  }
  body.ui-vi .send-terminal .anonymous-toggle{width:100%!important;padding:2px 0!important;margin:0!important;border:0!important;background:none!important}

  body.ui-vi .send-terminal input[type="radio"],
  body.ui-vi .send-terminal input[type="checkbox"]{
    -webkit-appearance:none!important;appearance:none!important;flex:0 0 auto!important;margin:0!important;
    width:18px!important;height:18px!important;border:1px solid rgba(159,205,233,.58)!important;background:#07121b!important;
    box-shadow:inset 0 0 0 3px #07121b!important;outline:none!important
  }
  body.ui-vi .send-terminal input[type="radio"]{border-radius:50%!important}
  body.ui-vi .send-terminal input[type="checkbox"]{border-radius:2px!important}
  body.ui-vi .send-terminal input[type="radio"]:checked{
    background:#58ddff!important;border-color:#77e5ff!important;box-shadow:inset 0 0 0 4px #07121b,0 0 10px rgba(88,221,255,.23)!important
  }
  body.ui-vi .send-terminal input[type="checkbox"]:checked{
    background:linear-gradient(135deg,#58ddff 0 46%,#07121b 47% 54%,#58ddff 55% 100%)!important;
    border-color:#77e5ff!important;box-shadow:inset 0 0 0 3px #07121b,0 0 10px rgba(88,221,255,.18)!important
  }

  body.ui-vi .turnstile-slot{
    width:100%!important;max-width:100%!important;min-height:34px!important;margin:0!important;padding:7px 8px!important;
    overflow:hidden!important;border-style:solid!important;border-color:rgba(116,207,255,.16)!important;background:rgba(3,14,22,.42)!important
  }
  body.ui-vi .turnstile-slot .cf-turnstile{max-width:100%!important;transform:scale(.88)!important;transform-origin:left center!important}
  body.ui-vi .send-terminal__submit{
    width:100%!important;min-width:0!important;min-height:48px!important;padding:11px 13px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;font-size:8.5px!important
  }
  body.ui-vi .send-terminal .terminal-response{min-height:16px!important;margin:8px 0 0!important;font-size:7px!important;line-height:1.45!important}

  body.ui-vi .approved-feed{min-height:0!important}
  body.ui-vi .approved-feed__head{height:42px!important;padding:0 10px 0 12px!important}
  body.ui-vi .approved-feed__head .subpanel-title{height:auto!important;font-size:8.5px!important;line-height:1.25!important;min-width:0!important}
  body.ui-vi .feed-refresh{width:38px!important;height:32px!important;flex:0 0 auto!important}
  body.ui-vi .approved-feed .transmissions__list{max-height:320px!important;padding:10px!important}
  body.ui-vi .approved-feed .empty-state{min-height:128px!important;padding:20px 12px!important;font-size:7.5px!important;line-height:1.6!important}
  body.ui-vi .approved-feed .empty-state small{font-size:6.5px!important}

  body.ui-vi .audio-channel__body{align-items:center!important}
  body.ui-vi .audio-channel__open{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}
}

@media(max-width:430px){
  body.ui-vi .communications-terminal__head{padding-inline:10px!important;grid-template-columns:minmax(0,1fr) auto!important}
  body.ui-vi .communications-terminal__head>strong{font-size:10px!important;max-width:210px!important}
  body.ui-vi .communications-terminal__head>span,body.ui-vi .communications-terminal__head>em{font-size:6px!important}
  body.ui-vi .communications-terminal__grid{padding:8px!important}
  body.ui-vi .send-terminal{padding:0 10px 12px!important}
  body.ui-vi .send-terminal textarea{min-height:132px!important}
  body.ui-vi .send-terminal fieldset{gap:8px!important}
  body.ui-vi .send-terminal fieldset label,body.ui-vi .send-terminal .anonymous-toggle{font-size:7px!important}
  body.ui-vi .turnstile-slot .cf-turnstile{transform:scale(.82)!important}
  body.ui-vi .approved-feed__head .subpanel-title{font-size:8px!important}
}