/* ETEA R3C — one screen per task. The complete approved R3B hero stays on welcome.
   Presentation/router only; the Worker and election endpoints remain unchanged. */
:root { --flow-cyan:#48cee9; --flow-mint:#79f9c2; }
body[data-etea-screen]:not([data-etea-screen='welcome']) .hero>.hero-story { display:none!important; }
body[data-etea-screen]:not([data-etea-screen='welcome']) .hero { min-height:0!important; padding:0!important; }
body[data-etea-screen]:not([data-etea-screen='welcome']) .hero>.nav {
  background:linear-gradient(95deg,rgba(1,22,39,.99),rgba(6,44,62,.98))!important;
  box-shadow:0 2px 26px rgba(0,9,25,.3);
}
body[data-etea-screen]:not([data-etea-screen='welcome']) .etea-experience {
  background:radial-gradient(ellipse 55% 60% at 50% 28%,rgba(24,124,133,.17),transparent 82%),
     radial-gradient(ellipse 65% 75% at 50% 100%,rgba(10,72,99,.12),transparent),
     linear-gradient(150deg,#031626,#041f35 60%,#03182a)!important;
}
body[data-etea-screen]:not([data-etea-screen='welcome']):not([data-etea-screen='admin']) main#mainContent {
  width:min(calc(100% - 36px),790px)!important;max-width:790px!important;
  margin:clamp(26px,6vh,70px) auto 34px!important;
}
body[data-etea-screen='admin'] main#mainContent {
  width:min(calc(100% - 36px),1180px)!important;max-width:1180px!important;
}
body[data-etea-screen]:not([data-etea-screen='welcome']) main#mainContent>.card {
  background:linear-gradient(143deg,rgba(13,62,86,.97),rgba(3,28,48,.98))!important;
  border:1px solid rgba(97,213,226,.39)!important;
  box-shadow:0 28px 88px rgba(0,5,22,.42),inset 0 1px 0 rgba(202,255,248,.08)!important;
}
body[data-etea-screen='vote'] #ballotCard,
body[data-etea-screen='review'] #reviewCard,
body[data-etea-screen='complete'] #doneCard,
body[data-etea-screen='checking'] #loadingCard,
body[data-etea-screen='unavailable'] #waitingCard {
  padding:clamp(24px,4vw,45px)!important;
  max-width:none!important;min-height:0!important;
  border-radius:25px!important;
  animation:etea-flow-in .24s ease-out both;
}
body[data-etea-screen='vote'] #ballotCard {
  gap:22px!important;
}
body[data-etea-screen='vote'] #ballotCard>.topline {
  text-align:center!important;
}
body[data-etea-screen='vote'] #ballotCard h2 {font-size:clamp(28px,4vw,41px)!important;}
body[data-etea-screen='vote'] #ballotCard>.topline p {font-size:14px!important;max-width:440px;}
body[data-etea-screen='vote'] #ballotCard>.grid {max-width:620px!important;}
body[data-etea-screen='vote'] #ballotCard>.list {max-width:620px!important;}
body[data-etea-screen='vote'] #ballotCard>.chips {max-width:620px!important;}
body[data-etea-screen='vote'] #ballotCard .btnrow .btn {
  min-height:49px;border-radius:13px;
}
body[data-etea-screen='review'] #reviewCard,body[data-etea-screen='complete'] #doneCard {
  max-width:750px!important;text-align:center!important;
}
body[data-etea-screen='review'] #reviewCard h2 {font-size:clamp(28px,3.5vw,40px)!important;}
body[data-etea-screen='review'] #reviewNames {max-width:500px;margin:22px auto 18px;}
body[data-etea-screen='review'] #reviewNames .notice {text-align:center;}
body[data-etea-screen='review'] #reviewCard .ballot-lock-ack {margin:15px auto 20px;max-width:600px;}
body[data-etea-screen='complete'] #doneCard .success {padding:10px!important;}
#loadingCard,#waitingCard {text-align:center!important;}
#loadingCard h2,#waitingCard h2 {font-size:clamp(26px,3vw,36px);margin:6px auto 12px;}
#waitingCard .btn {margin:20px auto 0;}
.flow-state-icon {width:66px;height:66px;margin:0 auto 16px;display:grid;place-items:center;
 border-radius:20px;background:linear-gradient(145deg,rgba(9,132,136,.65),rgba(4,54,76,.9));
 border:1px solid rgba(101,243,197,.65);box-shadow:0 0 35px rgba(51,197,167,.12);color:var(--flow-mint);font-size:29px;}
#brandHome {cursor:pointer;}#brandHome:focus-visible {outline:2px solid var(--flow-mint);outline-offset:5px;border-radius:8px;}
/* DOM sections are physically present for state preservation but never stack as pages. */
body[data-etea-screen]:not([data-etea-screen='welcome']) #a09PublicHistory,
body[data-etea-screen]:not([data-etea-screen='welcome']) .a09-history-public,
body[data-etea-screen]:not([data-etea-screen='welcome']) #announcement {display:none!important;}
/* Safety: hidden always wins over original component display:flex. */
main#mainContent>section.hidden,main#mainContent>section[hidden] {display:none!important;}
@keyframes etea-flow-in {from {opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:659px) {
 body[data-etea-screen]:not([data-etea-screen='welcome']) main#mainContent {width:calc(100% - 22px)!important;margin:22px auto 22px!important;}
 body[data-etea-screen='vote'] #ballotCard,body[data-etea-screen='review'] #reviewCard,
 body[data-etea-screen='complete'] #doneCard,body[data-etea-screen='unavailable'] #waitingCard,
 body[data-etea-screen='checking'] #loadingCard {padding:23px 17px!important;border-radius:20px!important;}
 body[data-etea-screen='vote'] #ballotCard>.grid {grid-template-columns:1fr!important;}
 body[data-etea-screen='vote'] #ballotCard>.phase-rail {width:100%!important;}
 body[data-etea-screen='vote'] #ballotCard>.btnrow {flex-direction:column;gap:10px;}
 body[data-etea-screen='vote'] #ballotCard>.btnrow .btn {width:100%;}
}
@media(prefers-reduced-motion:reduce) {
 body[data-etea-screen] main#mainContent>.card {animation:none!important;}
}
/* Programmatic screen-heading focus is for assistive technology. Avoid an ugly full-width outline. */
#memberCard h2[tabindex='-1']:focus,
#ballotCard h2[tabindex='-1']:focus,
#reviewCard h2[tabindex='-1']:focus,
#doneCard h2[tabindex='-1']:focus,
#loadingCard h2[tabindex='-1']:focus,
#waitingCard h2[tabindex='-1']:focus { outline:none!important; }