:root{--portal-blue:#0b4db8;--portal-ink:#15233a;--portal-soft:#f4f7fb;--portal-line:#e3e9f2;--portal-green:#14804a}
.login-gate,.survey-overlay,.admin-overlay{position:fixed;inset:0;z-index:9999;background:#f7f9fc}
.login-gate{display:grid;place-items:center;min-height:100dvh;padding:24px;background:radial-gradient(circle at 50% 18%,#eef5ff 0,#f7f9fc 38%,#fff 100%)}
.login-gate.is-hidden{display:none}.login-top-language{position:absolute;right:22px;top:max(18px,env(safe-area-inset-top));display:flex;gap:6px;white-space:nowrap}.preview-lang{border:0;background:transparent;padding:6px 7px;display:flex;align-items:center;gap:5px;font-size:12px;color:#5b6778}.preview-lang.active{color:var(--portal-blue);font-weight:700}.preview-lang img{width:18px;height:12px;object-fit:cover;border-radius:2px}.login-card{width:min(390px,100%);padding:42px 30px 28px;background:#fff;border:1px solid #edf0f5;border-radius:28px;box-shadow:0 18px 60px rgba(31,50,81,.10);text-align:center}.login-wordmark{font-size:42px;font-weight:800;letter-spacing:-2px;color:#0a45aa}.login-wordmark span{font-weight:500}.login-fullname{margin:8px 0 34px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#798494}.login-card form{display:grid;gap:14px;text-align:left}.login-card label span{display:block;margin:0 0 7px 3px;font-size:12px;font-weight:700;color:#556173}.login-card input,.admin-login-view input{width:100%;height:50px;border:1px solid #dfe5ee;border-radius:14px;padding:0 15px;font-size:16px;background:#fbfcfe;outline:none}.login-card input:focus,.admin-login-view input:focus{border-color:#7fa7e9;box-shadow:0 0 0 3px rgba(11,77,184,.08)}.login-card button[type=submit],.admin-login-view button[type=submit]{height:52px;border:0;border-radius:14px;background:var(--portal-blue);color:#fff;font-weight:800;font-size:15px}.login-error{min-height:18px;margin:0;color:#c0392b;font-size:12px}.admin-entry{margin-top:18px;border:0;background:none;color:#8b95a5;font-size:11px;text-decoration:underline}.preview-note{margin:20px 0 0;font-size:9px;letter-spacing:.12em;color:#a4acb8}
.survey-section{margin-bottom:110px}.survey-start-button{border:0;border-radius:999px;padding:12px 18px;background:var(--portal-blue);color:white;font-weight:800}.survey-nav-link{color:#475467!important;font-weight:750!important}.survey-icon{font-size:19px;font-weight:900}.menu-logout{margin-top:10px!important;color:#7c8796!important}
.survey-overlay,.admin-overlay{display:none;background:rgba(18,29,46,.42);backdrop-filter:blur(6px)}.survey-overlay.open,.admin-overlay.open{display:grid}.survey-app{width:min(760px,100%);height:100dvh;margin:auto;background:#fff;display:flex;flex-direction:column;overflow:hidden}.survey-app-header{height:66px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--portal-line)}.survey-app-header button,.admin-header button{border:0;background:transparent;font-size:28px;color:#687487}.survey-app-header div{display:flex;flex-direction:column}.survey-app-header strong{color:var(--portal-blue);font-size:14px}.survey-app-header span{font-size:11px;color:#768196}.survey-progress-text{font-weight:800!important;color:#687487!important}.survey-progress{height:4px;background:#eef2f7}.survey-progress span{display:block;height:100%;width:20%;background:var(--portal-blue);transition:width .25s ease}.survey-form{flex:1;overflow:auto;padding:26px 22px calc(110px + env(safe-area-inset-bottom))}.survey-stage{max-width:680px;margin:auto}.survey-step-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--portal-blue);text-transform:uppercase}.survey-stage h2{margin:8px 0 8px;font-size:25px;letter-spacing:-.03em;color:var(--portal-ink)}.survey-stage .intro{margin:0 0 24px;color:#728094;font-size:14px;line-height:1.55}.question-card{margin:0 0 14px;padding:18px;background:#fff;border:1px solid var(--portal-line);border-radius:18px}.question-card.error{border-color:#dd6b5d;background:#fffafa}.question-title{display:flex;gap:8px;font-size:14px;font-weight:750;line-height:1.45;color:#26364f}.required-dot{color:#d94635}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}.rating-option input{position:absolute;opacity:0}.rating-option span{display:grid;place-items:center;height:46px;border:1px solid #dfe5ed;border-radius:12px;font-size:12px;color:#657185;background:#fbfcfe}.rating-option input:checked+span{border-color:var(--portal-blue);background:#eef5ff;color:var(--portal-blue);font-weight:900;box-shadow:0 0 0 2px rgba(11,77,184,.08)}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-grid label span{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#546175}.identity-grid input,.reason-box textarea,.comment-box textarea{width:100%;border:1px solid #dfe5ed;border-radius:13px;background:#fbfcfe;padding:13px;font-size:15px;outline:none}.reason-box textarea,.comment-box textarea{min-height:96px;resize:vertical;line-height:1.5}.choice-grid{display:grid;gap:9px;margin-top:16px}.choice-card{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid #e0e6ee;border-radius:14px;background:#fff}.choice-card input{width:20px;height:20px;accent-color:var(--portal-blue);flex:none}.choice-card strong{display:block;font-size:13px;color:#24354e}.choice-card small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#7a8696}.choice-counter{position:sticky;top:-26px;z-index:2;margin:0 -22px 14px;padding:10px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf1f5;font-size:12px;font-weight:800;color:var(--portal-blue)}.reason-box{margin-top:12px;padding:14px;background:#f8fafc;border-radius:14px}.reason-box label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}.survey-actions{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);display:flex;gap:10px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--portal-line);backdrop-filter:blur(12px)}.survey-actions button{height:48px;border:0;border-radius:13px;padding:0 20px;font-weight:800}.survey-actions .secondary{background:#eef2f7;color:#586577}.survey-actions #survey-next,.survey-actions #survey-submit{margin-left:auto;background:var(--portal-blue);color:#fff;min-width:118px}.survey-validation{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);width:min(700px,calc(100% - 32px));padding:0 4px;color:#c0392b;font-size:12px;text-align:center;pointer-events:none}.survey-success{display:grid;place-items:center;min-height:58vh;text-align:center}.survey-success .check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#eaf8f0;color:var(--portal-green);font-size:30px;font-weight:900}.survey-success h2{margin:18px 0 8px}.survey-success p{color:#718096}
.admin-overlay{z-index:10020}.admin-shell{width:min(1120px,100%);height:100dvh;margin:auto;background:#f5f7fb;overflow:auto}.admin-header{position:sticky;top:0;z-index:4;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid var(--portal-line)}.admin-header div{display:flex;gap:10px;align-items:baseline}.admin-header strong{color:var(--portal-blue)}.admin-header span{font-size:10px;letter-spacing:.1em;color:#8993a1}.admin-login-view{width:min(390px,calc(100% - 40px));margin:13vh auto;padding:28px;background:#fff;border-radius:22px;box-shadow:0 14px 50px rgba(33,47,72,.08)}.admin-login-view form{display:grid;gap:12px}.admin-dashboard{padding:22px}.admin-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.admin-toolbar h2{margin:0}.admin-toolbar p{margin:5px 0;color:#8791a0;font-size:11px}.admin-toolbar div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-toolbar button{border:1px solid #dce3ec;background:#fff;border-radius:10px;padding:9px 11px;font-size:11px}.admin-toolbar button.danger{color:#b9382c}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric{padding:18px;background:#fff;border-radius:18px;border:1px solid #e7ebf1}.metric span{font-size:11px;color:#7d8897}.metric strong{display:block;margin-top:5px;font-size:24px;color:#20324c}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-panel{background:#fff;border:1px solid #e7ebf1;border-radius:18px;padding:18px}.admin-panel h3{margin:0 0 16px;font-size:14px}.bar-row{display:grid;grid-template-columns:minmax(110px,1fr) 2fr 34px;gap:8px;align-items:center;margin:10px 0}.bar-row label{font-size:11px;color:#526078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:9px;border-radius:999px;background:#eef2f7;overflow:hidden}.bar-fill{height:100%;background:var(--portal-blue);border-radius:999px}.bar-row b{font-size:11px;text-align:right}.recent-item{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;border-bottom:1px solid #edf0f4}.recent-item strong{font-size:12px}.recent-item span,.recent-item small{font-size:10px;color:#8893a2}.recent-item small{grid-column:1/-1}
@media(max-width:720px){.login-card{box-shadow:none;border:0;background:transparent;padding-inline:18px}.login-wordmark{font-size:38px}.survey-start-button{padding:10px 13px;font-size:12px}.identity-grid{grid-template-columns:1fr}.survey-app{width:100%}.survey-form{padding:22px 16px 110px}.choice-counter{top:-22px;margin:0 -16px 12px;padding:9px 16px}.rating-row{gap:5px}.rating-option span{height:43px;font-size:11px}.admin-dashboard{padding:14px}.admin-toolbar{display:block}.admin-toolbar div:last-child{justify-content:flex-start;margin-top:12px}.metric-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:minmax(92px,1fr) 1.5fr 28px}.bottom-nav small{white-space:nowrap;font-size:9px}.language-option span{white-space:nowrap}.desktop-nav{white-space:nowrap}}
@media(max-width:360px){.login-top-language{right:12px}.preview-lang{font-size:10px;padding-inline:4px}.survey-stage h2{font-size:22px}.question-card{padding:15px}.rating-option span{height:40px;font-size:10px}.metric strong{font-size:20px}}

/* V10 survey reliability / validation */
.question-card.field-invalid{border-color:#e36b5d;background:#fffafa}.identity-grid label.field-invalid input,.reason-box.field-invalid textarea,.comment-box.field-invalid textarea{border-color:#e36b5d;box-shadow:0 0 0 2px rgba(227,107,93,.08)}.survey-section .section-heading{align-items:center}.survey-section{padding-bottom:8px}.survey-nav-link:hover{background:var(--blue-050)!important;color:var(--blue-900)!important}

/* V11: compact Vietnamese desktop navigation */
@media (min-width: 721px){
  html[lang="vi"] .desktop-nav{gap:0;}
  html[lang="vi"] .desktop-nav a,
  html[lang="vi"] .desktop-nav button{font-size:12px;font-weight:700;padding:9px 8px;letter-spacing:-.01em;}
  html[lang="vi"] .header-inner{max-width:1240px;grid-template-columns:minmax(145px,1fr) auto minmax(175px,1fr);gap:16px;}
  html[lang="vi"] .brand-program b{font-size:22px;}
  html[lang="vi"] .brand-program small{font-size:9px;}
  html[lang="vi"] .language-option{font-size:10px;padding-inline:7px;}
}


/* V24 day-based survey control */
.survey-entry-actions{display:flex;align-items:center;gap:10px}.survey-open-status{font-size:10px;font-weight:900;letter-spacing:.08em;color:#7b8797;background:#eef2f6;border-radius:999px;padding:7px 10px}.survey-open-status.is-open{color:#087a45;background:#e8f8ef}.survey-gate-note{margin:12px 0 0;color:#6f7c8f;font-size:12px}.survey-day-chips{display:flex;gap:6px;overflow:auto;padding:12px 0 2px;scrollbar-width:none}.survey-day-chips::-webkit-scrollbar{display:none}.survey-day-chip{min-width:62px;border:1px solid #e1e7ef;background:#f7f9fc;color:#8791a0;border-radius:11px;padding:8px;text-align:center;font-size:10px;font-weight:900}.survey-day-chip small{display:block;font-size:9px;font-weight:600;margin-top:2px}.survey-day-chip.open{border-color:#9dd8b9;background:#edf9f2;color:#087a45}.today-survey-access{margin-top:14px;border:1px solid #dbe4ef;background:#fff;border-radius:20px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.today-survey-copy{display:flex;gap:12px;align-items:center;min-width:0}.today-survey-icon{width:38px;height:38px;border-radius:12px;background:#edf4ff;color:#0b4db8;display:grid;place-items:center;font-weight:900}.today-survey-copy div{min-width:0}.today-survey-copy small{display:block;color:#0b4db8;font-size:9px;letter-spacing:.08em;font-weight:900}.today-survey-copy strong{display:block;color:#162a46;font-size:15px}.today-survey-copy p{margin:3px 0 0;color:#738095;font-size:11px;line-height:1.4}.today-survey-button{border:0;border-radius:12px;padding:11px 14px;background:#0b4db8;color:#fff;font-weight:850;white-space:nowrap}.today-survey-button:disabled,.survey-start-button:disabled{background:#e8edf3!important;color:#8c96a3!important;cursor:not-allowed}.admin-survey-days{margin:16px 0 18px;padding:16px;background:#fff;border:1px solid #e0e6ee;border-radius:16px}.admin-survey-days-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-survey-days-head small{color:#0b4db8;font-weight:900;font-size:9px;letter-spacing:.08em}.admin-survey-days-head h3{margin:4px 0;font-size:17px}.admin-survey-days-head p{margin:0;color:#7a8696;font-size:11px}.admin-survey-days-head>span{background:#eff4fa;color:#40516a;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.admin-day-controls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:14px}.admin-day-control{border:1px solid #e5eaf0;border-radius:12px;padding:10px 8px;background:#fbfcfe}.admin-day-control div{display:grid;gap:1px}.admin-day-control span{font-size:9px;color:#0b4db8;font-weight:900}.admin-day-control strong{font-size:13px}.admin-day-control small{font-size:9px;color:#8a94a2}.admin-day-control button{width:100%;margin-top:8px;border:0;border-radius:8px;padding:8px 4px;background:#edf1f5;color:#6f7b8b;font-weight:900;font-size:10px}.admin-day-control button.open{background:#e6f7ed;color:#087a45}.survey-app-header div small{font-size:9px;color:#0b4db8;font-weight:800;margin-top:1px}
@media(max-width:720px){.today-survey-access{align-items:stretch;flex-direction:column;padding:14px}.today-survey-button{width:100%;height:44px}.survey-section .content-section-heading{align-items:flex-start}.survey-entry-actions{width:100%;justify-content:space-between}.admin-day-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-day-chip{min-width:58px}.survey-gate-note{font-size:11px;line-height:1.45}}

/* V28 — keep Today survey card aligned with weather and agenda */
.today-hub-v26 .today-survey-access{margin-top:0!important;align-self:stretch!important}


/* V37 participant-code survey + local-only admin name mapping */
.participant-code-card{padding:16px 18px}.participant-code-input span{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:#536176}.participant-code-input input{width:100%;border:1px solid #dfe5ed;border-radius:13px;background:#fbfcfe;padding:14px 15px;font-size:20px;font-weight:850;letter-spacing:.08em;outline:none}.participant-code-input.field-invalid input,.participant-code-card.field-invalid input{border-color:#e36b5d;box-shadow:0 0 0 2px rgba(227,107,93,.08)}.participant-code-saved{display:flex;align-items:center;justify-content:space-between;gap:14px}.participant-code-saved small{display:block;color:#758195;font-size:10px}.participant-code-saved strong{display:block;margin-top:3px;color:#17335a;font-size:22px;letter-spacing:.06em}.participant-code-saved button{border:1px solid #d7e0ea;background:#fff;border-radius:10px;padding:9px 11px;color:#52647d;font-size:11px;font-weight:800}.survey-success-code{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:999px;background:#f0f4f8;color:#53657d;font-size:11px;font-weight:800}.admin-mapping-panel{margin:16px 0 18px;padding:16px;background:#fff;border:1px solid #e0e6ee;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-mapping-copy small{color:#0b4db8;font-weight:900;font-size:9px;letter-spacing:.08em}.admin-mapping-copy h3{margin:4px 0;font-size:17px}.admin-mapping-copy p{margin:0 0 8px;color:#7a8696;font-size:11px;line-height:1.5}.admin-mapping-copy strong{font-size:11px;color:#087a45}.admin-mapping-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-mapping-actions button,.admin-map-upload{border:1px solid #dce3ec;background:#fff;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:700;color:#33465f;cursor:pointer}.admin-map-upload{background:#0b4db8;color:#fff;border-color:#0b4db8}.admin-mapping-actions button{color:#b9382c}@media(max-width:720px){.admin-mapping-panel{align-items:stretch;flex-direction:column}.admin-mapping-actions{justify-content:flex-start}.participant-code-saved strong{font-size:20px}}

/* V38 survey module */
.survey-subheading{margin-top:28px!important}.daily-program-grid{display:grid;gap:8px;margin-top:14px}.daily-program-option input{position:absolute;opacity:0}.daily-program-option span{display:block;padding:13px 14px;border:1px solid #dfe5ed;border-radius:13px;background:#fbfcfe;color:#33465f;font-size:13px;font-weight:750}.daily-program-option input:checked+span{border-color:var(--portal-blue);background:#eef5ff;color:var(--portal-blue);box-shadow:0 0 0 2px rgba(11,77,184,.08)}.rating-option span{height:auto;min-height:52px;gap:2px;padding:7px 3px}.rating-option span small{display:block;font-size:8px;line-height:1.15;color:#8a95a5;font-weight:600;text-align:center}.rating-option input:checked+span small{color:var(--portal-blue)}.optional-note{display:block;margin:7px 0 10px;color:#8a95a5;font-size:10px}.admin-filter{height:34px;border:1px solid #dce3ec;border-radius:10px;background:#fff;padding:0 10px;font-size:11px;color:#33465f}.admin-day-control.is-disabled{opacity:.6}.admin-day-control.is-disabled button{font-size:8px}.missing-list{display:flex;flex-wrap:wrap;gap:7px}.missing-chip{display:grid;padding:8px 10px;border:1px solid #e3e8ef;border-radius:10px;background:#fafbfd}.missing-chip b{font-size:11px}.missing-chip small{font-size:9px;color:#8591a1}.admin-complete{color:#087a45;font-size:12px;font-weight:800}.admin-empty{color:#8993a1;font-size:11px}.admin-comment{padding:11px 0;border-bottom:1px solid #edf0f4}.admin-comment strong{font-size:11px;color:#0b4db8}.admin-comment p{margin:4px 0;color:#33465f;font-size:12px;line-height:1.5}.admin-comment small{font-size:9px;color:#919aa8}.admin-panel-wide{grid-column:1/-1}@media(max-width:720px){.rating-option span{min-height:50px;font-size:12px}.rating-option span small{font-size:7px}.admin-filter{width:100%;margin-bottom:4px}.admin-panel-wide{grid-column:auto}}

/* V39 — survey reliability and admin operation */
.survey-open-status.is-complete,.survey-day-chip.complete{color:#087a45;background:#e8f8ef;border-color:#9dd8b9}.survey-day-chip.complete small{color:#087a45;font-weight:850}.choice-counter.complete{background:#e8f8ef;color:#087a45;border-color:#9dd8b9}.survey-actions button:disabled{opacity:.45;cursor:not-allowed}.admin-day-control.is-today{border-color:#8fb6ed;background:#f2f7ff;box-shadow:0 0 0 2px rgba(11,77,184,.05)}.admin-day-control.is-today span{color:#0b4db8}.bar-row b{display:grid;justify-items:end;line-height:1.1}.bar-row b small{font-size:8px;color:#8b95a3;font-weight:700;margin-top:2px}

#admin-map-backup{color:#0b4db8}.admin-mapping-actions #admin-map-clear{color:#b9382c}