/* ============================================================
   ICC Apply Portal — Corporate Day & Night Readability v3
   Loads last. Keeps the application clean in day mode and readable in night mode.
   ============================================================ */

:root {
  --icc-corp-red: #c41230;
  --icc-corp-red-dark: #9f0f28;
  --icc-corp-blue: #003b70;
  --icc-corp-blue-2: #0b5cab;
  --icc-corp-navy: #071426;
  --icc-corp-ink: #172033;
  --icc-corp-muted: #5d6876;
  --icc-corp-soft: #f4f6f9;
  --icc-corp-card: #ffffff;
  --icc-corp-line: #d7dde7;
  --icc-corp-line-2: #c7d0dc;
  --icc-corp-focus: rgba(0, 59, 112, 0.16);
  --icc-corp-shadow: 0 14px 36px rgba(16, 24, 32, 0.08);
  --icc-corp-radius: 8px;
}

html,
body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, "Inter", sans-serif !important;
  letter-spacing: 0 !important;
}

body.ibkr-body,
body.application-started,
body.summer-application-started,
body.internship-application-started {
  color: var(--icc-corp-ink) !important;
  background: #f4f6f9 !important;
}

/* Remove clipart-style symbols while keeping the layout clean */
.start-school-card .school-icon,
.admissions-shop-icon {
  width: auto !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
.start-school-card .school-icon::after,
.admissions-shop-icon::after {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border-radius: 3px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #f7f8fa !important;
  color: var(--icc-corp-blue) !important;
  font-size: 0.64rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}
.start-school-card:nth-child(1) .school-icon::after { content: "ACA"; }
.start-school-card:nth-child(2) .school-icon::after { content: "LMS"; }
.start-school-card:nth-child(3) .school-icon::after { content: "PRT"; }
.start-school-card:nth-child(4) .school-icon::after { content: "CARE"; }
.admissions-shop-icon::after { content: "SHOP"; }

/* Splash */
#splash-screen {
  background: #10203a !important;
}
.splash-card {
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}
.splash-logo { width: 70px !important; margin-bottom: 14px !important; }
.splash-kicker { font-size: 0.68rem !important; font-weight: 500 !important; letter-spacing: 0.11em !important; }
.splash-title { font-size: clamp(1.35rem, 3vw, 1.8rem) !important; font-weight: 500 !important; letter-spacing: -0.015em !important; }
.loading-bar { height: 4px !important; border-radius: 999px !important; }
.loading-inner { background: linear-gradient(90deg, var(--icc-corp-red), var(--icc-corp-blue)) !important; }

/* Start page - day */
.admissions-start-page {
  padding: 28px 16px !important;
  background: #f4f6f9 !important;
}
.start-card {
  width: min(980px, 100%) !important;
  border-radius: 8px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #ffffff !important;
  box-shadow: var(--icc-corp-shadow) !important;
}
.start-top-band {
  height: 5px !important;
  background: linear-gradient(90deg, var(--icc-corp-red), var(--icc-corp-blue)) !important;
}
.start-card-inner { padding: clamp(22px, 3vw, 34px) !important; }
.start-logo-wrap {
  width: 72px !important;
  height: 72px !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.start-logo { width: 56px !important; height: 56px !important; }
.start-kicker {
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 3px !important;
  background: #f7f8fa !important;
  border: 1px solid var(--icc-corp-line) !important;
  color: var(--icc-corp-blue) !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
}
.start-card h1 {
  max-width: 720px !important;
  margin: 12px auto 0 !important;
  color: var(--icc-corp-navy) !important;
  font-size: clamp(1.55rem, 2.7vw, 2.15rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  font-weight: 500 !important;
}
.start-card .start-subtitle {
  max-width: 660px !important;
  color: var(--icc-corp-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.48 !important;
  font-weight: 400 !important;
}
.start-school-info,
.start-info-grid { gap: 10px !important; }
.start-school-card,
.start-info-item,
.start-documents {
  border-radius: 6px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.start-school-card { min-height: 108px !important; padding: 14px !important; }
.start-info-item { min-height: 96px !important; padding: 14px !important; }
.start-info-item::before {
  width: 32px !important;
  height: 3px !important;
  margin-bottom: 12px !important;
  background: var(--icc-corp-red) !important;
}
.start-school-card strong,
.start-info-item strong,
.start-documents strong {
  color: var(--icc-corp-navy) !important;
  font-size: 0.84rem !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}
.start-school-card span,
.start-info-item span,
.start-documents li {
  color: var(--icc-corp-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}
.start-documents { padding: 14px !important; margin: 16px 0 22px !important; }
.start-documents strong::before { display: none !important; }
.start-documents ul { font-size: 0.78rem !important; line-height: 1.5 !important; font-weight: 400 !important; }
.start-school-link {
  min-height: 34px !important;
  border-radius: 3px !important;
  border-color: var(--icc-corp-line) !important;
  background: #ffffff !important;
  color: var(--icc-corp-blue) !important;
  font-size: 0.76rem !important;
  font-weight: 500 !important;
}

/* Buttons */
.start-actions { gap: 8px !important; }
.start-actions .start-btn,
.start-actions a.start-btn,
.start-btn,
.summer-btn,
.icc-save-continue-btn,
.step-btn,
.ibkr-submit,
.save-application-btn,
.admissions-shop-btn {
  border-radius: 4px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  font-size: 0.82rem !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}
.start-btn,
.start-actions .start-btn:not(.secondary):not(.manage),
.step-btn.next,
.ibkr-submit,
.save-application-btn,
.icc-save-continue-btn,
.summer-btn:not(.secondary) {
  background: var(--icc-corp-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--icc-corp-red) !important;
}
.start-btn:hover,
.step-btn.next:hover,
.ibkr-submit:hover,
.save-application-btn:hover,
.icc-save-continue-btn:hover,
.summer-btn:not(.secondary):hover {
  background: var(--icc-corp-red-dark) !important;
  border-color: var(--icc-corp-red-dark) !important;
}
.start-btn.secondary,
.start-actions .start-btn.secondary,
.start-actions .start-btn.manage,
.start-actions a.start-btn.manage,
.step-btn.back,
.summer-btn.secondary {
  background: #ffffff !important;
  color: var(--icc-corp-blue) !important;
  border: 1px solid var(--icc-corp-line) !important;
}
.start-btn.summer,
.start-btn.internship { background: var(--icc-corp-blue) !important; color: #ffffff !important; border: 1px solid var(--icc-corp-blue) !important; }

/* Application container - day */
.simple-mode .admissions-shell {
  width: min(1140px, calc(100% - 36px)) !important;
  padding: 24px 0 52px !important;
}
.simple-mode .premium-form-card {
  border-radius: 8px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #ffffff !important;
  box-shadow: var(--icc-corp-shadow) !important;
  overflow: hidden !important;
}
.simple-mode .premium-form-card::before {
  height: 4px !important;
  background: linear-gradient(90deg, var(--icc-corp-red), var(--icc-corp-blue)) !important;
}
.simple-mode .stepper-container { grid-template-columns: 208px minmax(0, 1fr) !important; min-height: auto !important; }
.simple-mode .stepper-vertical {
  padding: 24px 14px !important;
  background: #fbfcfd !important;
  border-right: 1px solid var(--icc-corp-line) !important;
}
.simple-mode .stepper-step,
.stepper-step {
  min-height: 48px !important;
  padding: 8px 9px !important;
  margin-bottom: 6px !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #46515f !important;
  font-weight: 400 !important;
}
.stepper-step:hover { background: #f1f3f6 !important; }
.simple-mode .stepper-step.active,
.simple-mode .stepper-step[aria-current="step"],
.stepper-step.active {
  background: #ffffff !important;
  border-color: var(--icc-corp-line-2) !important;
  color: var(--icc-corp-red) !important;
  box-shadow: none !important;
}
.simple-mode .stepper-step.completed { color: var(--icc-corp-blue) !important; }
.stepper-step strong { font-size: 0.78rem !important; line-height: 1.2 !important; font-weight: 500 !important; color: inherit !important; }
.stepper-step small { font-size: 0.68rem !important; line-height: 1.2 !important; font-weight: 400 !important; color: #6b7280 !important; opacity: 1 !important; }
.simple-mode .step-number,
.stepper-step .step-number {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 50% !important;
  background: #e8ebf0 !important;
  color: #46515f !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.simple-mode .stepper-step.active .step-number,
.stepper-step.active .step-number { background: var(--icc-corp-red) !important; color: #ffffff !important; }
.simple-mode .stepper-step.completed .step-number { background: var(--icc-corp-blue) !important; color: #ffffff !important; }
.form-workspace,
.simple-mode .form-workspace,
.simple-mode .step-content,
.simple-mode .wizard-content,
.simple-mode .steps-content,
.simple-mode .form-steps {
  padding: 26px 30px !important;
  background: #ffffff !important;
  color: var(--icc-corp-ink) !important;
}
.form-step,
.simple-mode .form-step { min-height: 500px !important; }
.step-heading {
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--icc-corp-line) !important;
}
.step-label,
.simple-mode .step-heading .step-label,
.simple-mode .step-heading span:first-child {
  color: var(--icc-corp-red) !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
}
.step-heading h3,
.simple-mode .step-heading h3,
.simple-mode .form-step h3 {
  margin: 6px 0 4px !important;
  color: var(--icc-corp-navy) !important;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  font-weight: 500 !important;
}
.step-heading p,
.simple-mode .step-heading p {
  color: var(--icc-corp-muted) !important;
  font-size: 0.88rem !important;
  line-height: 1.48 !important;
  font-weight: 400 !important;
}

/* Shared cards - day */
.cloud-save-strip,
.simple-mode .cloud-save-strip,
.admissions-shop-strip,
.route-select-card,
.premium-route-selector,
.campus-route-selector,
.referral-route-selector,
.payment-panel,
.local-panel,
.international-panel,
.assessment-card,
.assessment-route-card,
.entrance-date-lifeline-card,
.selected-session-panel,
.exam-integrity-note,
.agreement-alert,
.agreement-signature-strip > div,
.signature-panel,
.agreement-version-note,
.agreement-card,
.upload-card,
.summer-section,
.summer-choice-card,
.summer-check-card,
.summer-summary-box {
  border-radius: 6px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: var(--icc-corp-ink) !important;
}
.cloud-save-strip,
.simple-mode .cloud-save-strip {
  padding: 12px 14px !important;
  margin: 0 0 16px !important;
}
.cloud-save-strip strong,
.admissions-shop-strip strong,
.route-select-card strong,
.assessment-card h4,
.entrance-date-lifeline-card strong,
.agreement-card h4,
.signature-panel label,
.agreement-signature-strip strong,
.summer-section h3,
.summer-choice-card strong,
.summer-check-card strong,
.summer-summary-box strong {
  color: var(--icc-corp-navy) !important;
  font-size: 0.88rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}
.cloud-save-strip span,
.admissions-shop-strip span,
.route-helper-grid span,
.assessment-card p,
.entrance-date-lifeline-card span,
.entrance-date-helper,
.selected-session-panel span,
.exam-integrity-note,
.agreement-card p,
.agreement-card li,
.agreement-check span,
.signature-panel small,
.agreement-version-note,
.field-note,
.summer-section > p,
.summer-choice-card span,
.summer-check-card span,
.summer-summary-box span {
  color: var(--icc-corp-muted) !important;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}
.route-select-card,
.premium-route-selector,
.campus-route-selector,
.referral-route-selector,
.payment-panel,
.assessment-card,
.entrance-date-lifeline-card,
.signature-panel,
.agreement-card { padding: 16px !important; margin-bottom: 14px !important; }
.route-helper-grid { gap: 8px !important; }
.route-helper-grid > div {
  border-radius: 4px !important;
  border: 1px solid var(--icc-corp-line) !important;
  background: #fafbfc !important;
  padding: 10px !important;
}
.field label,
.route-select-card > label,
.summer-field label,
.simple-mode label {
  color: #2d3742 !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
}
.field input,
.field select,
.field textarea,
.route-select-card select,
.summer-field input,
.summer-field select,
.summer-field textarea,
.simple-mode input,
.simple-mode select,
.simple-mode textarea,
input,
select,
textarea {
  min-height: 42px !important;
  border-radius: 4px !important;
  border: 1px solid #b8c1cc !important;
  background: #ffffff !important;
  color: var(--icc-corp-ink) !important;
  padding: 9px 11px !important;
  font-size: 0.88rem !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}
textarea,
.simple-mode textarea,
.summer-field textarea { min-height: 96px !important; padding-top: 10px !important; }
input::placeholder,
textarea::placeholder { color: #8a94a1 !important; }
input:focus,
select:focus,
textarea:focus,
.simple-mode input:focus,
.simple-mode select:focus,
.simple-mode textarea:focus {
  border-color: var(--icc-corp-blue) !important;
  box-shadow: 0 0 0 2px var(--icc-corp-focus) !important;
  outline: none !important;
}
.upload-card { border-style: solid !important; background: #fafbfc !important; }
.upload-card small { font-size: 0.75rem !important; color: var(--icc-corp-muted) !important; }
.agreement-alert.serious,
.agreement-card.critical { border-left: 4px solid var(--icc-corp-red) !important; background: #fffefe !important; border-color: var(--icc-corp-line) !important; }
.agreement-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 4px !important;
  background: #eef1f5 !important;
  color: var(--icc-corp-blue) !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.agreement-check { border-radius: 4px !important; border: 1px solid #d6e5dc !important; background: #f7fbf8 !important; padding: 10px !important; font-weight: 400 !important; }
.agreement-check input,
.summer-check-card input { accent-color: var(--icc-corp-blue) !important; }
.agreements-grid { gap: 12px !important; }
.assessment-intro-panel,
.assessment-grid { gap: 12px !important; }
.assessment-route-card { color: var(--icc-corp-ink) !important; background: #f9fbfd !important; }
.assessment-route-card small,
.assessment-route-card strong,
.assessment-route-card span { color: var(--icc-corp-ink) !important; }
.paper-chip { border-radius: 4px !important; border-color: var(--icc-corp-line) !important; background: #f3f5f8 !important; color: var(--icc-corp-blue) !important; font-size: 0.76rem !important; font-weight: 500 !important; }
.step-nav { position: static !important; margin-top: 20px !important; padding-top: 16px !important; border-top: 1px solid var(--icc-corp-line) !important; background: transparent !important; }
.icc-save-continue-row { margin: 8px 0 0 !important; }
.icc-save-continue-note { color: var(--icc-corp-muted) !important; font-size: 0.72rem !important; font-weight: 400 !important; }
.international-icon { width: 32px !important; height: 32px !important; border-radius: 4px !important; background: var(--icc-corp-blue) !important; color: #ffffff !important; font-size: 0.68rem !important; font-weight: 500 !important; }

/* ============================================================
   NIGHT MODE — clean, readable dark form
   ============================================================ */
html[data-event-theme="event-night"] body.ibkr-body,
html[data-event-theme="event-night"] body.application-started,
html[data-event-theme="event-night"] body.summer-application-started,
html[data-event-theme="event-night"] body.internship-application-started,
html[data-event-theme="worldcup2026-night"] body.ibkr-body,
html[data-event-theme="worldcup2026-night"] body.application-started {
  background: radial-gradient(circle at 16% 0%, rgba(22, 93, 255, 0.13), transparent 28rem), #061327 !important;
  color: #f8fafc !important;
}
html[data-event-theme="event-night"] .simple-mode .premium-form-card,
html[data-event-theme="worldcup2026-night"] .simple-mode .premium-form-card {
  background: #071426 !important;
  border-color: rgba(203, 213, 225, 0.22) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.32) !important;
}
html[data-event-theme="event-night"] .simple-mode .premium-form-card::before,
html[data-event-theme="worldcup2026-night"] .simple-mode .premium-form-card::before {
  background: linear-gradient(90deg, #c41230, #003b70, #0891b2) !important;
}
html[data-event-theme="event-night"] .simple-mode .stepper-vertical,
html[data-event-theme="worldcup2026-night"] .simple-mode .stepper-vertical {
  background: #08162a !important;
  border-right-color: rgba(203, 213, 225, 0.18) !important;
}
html[data-event-theme="event-night"] .stepper-step,
html[data-event-theme="worldcup2026-night"] .stepper-step {
  color: #cbd5e1 !important;
  background: transparent !important;
}
html[data-event-theme="event-night"] .stepper-step:hover,
html[data-event-theme="worldcup2026-night"] .stepper-step:hover { background: rgba(255,255,255,0.06) !important; }
html[data-event-theme="event-night"] .stepper-step.active,
html[data-event-theme="worldcup2026-night"] .stepper-step.active {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}
html[data-event-theme="event-night"] .stepper-step small,
html[data-event-theme="worldcup2026-night"] .stepper-step small { color: #94a3b8 !important; }
html[data-event-theme="event-night"] .stepper-step .step-number,
html[data-event-theme="worldcup2026-night"] .stepper-step .step-number { background: #dbeafe !important; color: #071426 !important; }
html[data-event-theme="event-night"] .stepper-step.active .step-number,
html[data-event-theme="worldcup2026-night"] .stepper-step.active .step-number { background: #0ea5e9 !important; color: #ffffff !important; }
html[data-event-theme="event-night"] .stepper-step.completed .step-number,
html[data-event-theme="worldcup2026-night"] .stepper-step.completed .step-number { background: #003b70 !important; color: #ffffff !important; }
html[data-event-theme="event-night"] .form-workspace,
html[data-event-theme="event-night"] .simple-mode .form-workspace,
html[data-event-theme="worldcup2026-night"] .form-workspace,
html[data-event-theme="worldcup2026-night"] .simple-mode .form-workspace {
  background: #071426 !important;
  color: #f8fafc !important;
}
html[data-event-theme="event-night"] .step-heading,
html[data-event-theme="worldcup2026-night"] .step-heading { border-bottom-color: rgba(203, 213, 225, 0.18) !important; }
html[data-event-theme="event-night"] .step-heading h3,
html[data-event-theme="worldcup2026-night"] .step-heading h3 { color: #ffffff !important; }
html[data-event-theme="event-night"] .step-heading p,
html[data-event-theme="worldcup2026-night"] .step-heading p { color: #cbd5e1 !important; }
html[data-event-theme="event-night"] .cloud-save-strip,
html[data-event-theme="event-night"] .admissions-shop-strip,
html[data-event-theme="event-night"] .route-select-card,
html[data-event-theme="event-night"] .premium-route-selector,
html[data-event-theme="event-night"] .campus-route-selector,
html[data-event-theme="event-night"] .referral-route-selector,
html[data-event-theme="event-night"] .payment-panel,
html[data-event-theme="event-night"] .local-panel,
html[data-event-theme="event-night"] .international-panel,
html[data-event-theme="event-night"] .assessment-card,
html[data-event-theme="event-night"] .assessment-route-card,
html[data-event-theme="event-night"] .entrance-date-lifeline-card,
html[data-event-theme="event-night"] .selected-session-panel,
html[data-event-theme="event-night"] .exam-integrity-note,
html[data-event-theme="event-night"] .agreement-alert,
html[data-event-theme="event-night"] .agreement-signature-strip > div,
html[data-event-theme="event-night"] .signature-panel,
html[data-event-theme="event-night"] .agreement-version-note,
html[data-event-theme="event-night"] .agreement-card,
html[data-event-theme="event-night"] .upload-card,
html[data-event-theme="worldcup2026-night"] .cloud-save-strip,
html[data-event-theme="worldcup2026-night"] .route-select-card,
html[data-event-theme="worldcup2026-night"] .payment-panel,
html[data-event-theme="worldcup2026-night"] .assessment-card,
html[data-event-theme="worldcup2026-night"] .agreement-card,
html[data-event-theme="worldcup2026-night"] .upload-card {
  background: #0b223f !important;
  border-color: rgba(203, 213, 225, 0.22) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}
html[data-event-theme="event-night"] .route-helper-grid > div,
html[data-event-theme="worldcup2026-night"] .route-helper-grid > div {
  background: #0f294b !important;
  border-color: rgba(203, 213, 225, 0.20) !important;
}
html[data-event-theme="event-night"] .cloud-save-strip strong,
html[data-event-theme="event-night"] .admissions-shop-strip strong,
html[data-event-theme="event-night"] .route-select-card strong,
html[data-event-theme="event-night"] .assessment-card h4,
html[data-event-theme="event-night"] .entrance-date-lifeline-card strong,
html[data-event-theme="event-night"] .agreement-card h4,
html[data-event-theme="event-night"] .signature-panel label,
html[data-event-theme="event-night"] .agreement-signature-strip strong,
html[data-event-theme="event-night"] .field label,
html[data-event-theme="event-night"] .route-select-card > label,
html[data-event-theme="worldcup2026-night"] .cloud-save-strip strong,
html[data-event-theme="worldcup2026-night"] .route-select-card strong,
html[data-event-theme="worldcup2026-night"] .assessment-card h4,
html[data-event-theme="worldcup2026-night"] .agreement-card h4,
html[data-event-theme="worldcup2026-night"] .field label,
html[data-event-theme="worldcup2026-night"] .route-select-card > label {
  color: #ffffff !important;
}
html[data-event-theme="event-night"] .cloud-save-strip span,
html[data-event-theme="event-night"] .admissions-shop-strip span,
html[data-event-theme="event-night"] .route-helper-grid span,
html[data-event-theme="event-night"] .assessment-card p,
html[data-event-theme="event-night"] .entrance-date-lifeline-card span,
html[data-event-theme="event-night"] .entrance-date-helper,
html[data-event-theme="event-night"] .selected-session-panel span,
html[data-event-theme="event-night"] .exam-integrity-note,
html[data-event-theme="event-night"] .agreement-card p,
html[data-event-theme="event-night"] .agreement-card li,
html[data-event-theme="event-night"] .agreement-check span,
html[data-event-theme="event-night"] .signature-panel small,
html[data-event-theme="event-night"] .agreement-version-note,
html[data-event-theme="event-night"] .field-note,
html[data-event-theme="worldcup2026-night"] .cloud-save-strip span,
html[data-event-theme="worldcup2026-night"] .route-helper-grid span,
html[data-event-theme="worldcup2026-night"] .assessment-card p,
html[data-event-theme="worldcup2026-night"] .agreement-card p,
html[data-event-theme="worldcup2026-night"] .agreement-card li,
html[data-event-theme="worldcup2026-night"] .agreement-check span,
html[data-event-theme="worldcup2026-night"] .field-note {
  color: #cbd5e1 !important;
}
html[data-event-theme="event-night"] input,
html[data-event-theme="event-night"] select,
html[data-event-theme="event-night"] textarea,
html[data-event-theme="event-night"] .field input,
html[data-event-theme="event-night"] .field select,
html[data-event-theme="event-night"] .route-select-card select,
html[data-event-theme="worldcup2026-night"] input,
html[data-event-theme="worldcup2026-night"] select,
html[data-event-theme="worldcup2026-night"] textarea {
  background: #061327 !important;
  color: #ffffff !important;
  border-color: rgba(203, 213, 225, 0.36) !important;
}
html[data-event-theme="event-night"] input::placeholder,
html[data-event-theme="event-night"] textarea::placeholder,
html[data-event-theme="worldcup2026-night"] input::placeholder,
html[data-event-theme="worldcup2026-night"] textarea::placeholder { color: #94a3b8 !important; }
html[data-event-theme="event-night"] input:focus,
html[data-event-theme="event-night"] select:focus,
html[data-event-theme="event-night"] textarea:focus,
html[data-event-theme="worldcup2026-night"] input:focus,
html[data-event-theme="worldcup2026-night"] select:focus,
html[data-event-theme="worldcup2026-night"] textarea:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.20) !important;
}
html[data-event-theme="event-night"] .agreement-alert.serious,
html[data-event-theme="event-night"] .agreement-card.critical,
html[data-event-theme="worldcup2026-night"] .agreement-alert.serious,
html[data-event-theme="worldcup2026-night"] .agreement-card.critical {
  background: #0b223f !important;
  border-color: rgba(248, 113, 113, 0.48) !important;
  border-left: 4px solid #f87171 !important;
}
html[data-event-theme="event-night"] .agreement-check,
html[data-event-theme="worldcup2026-night"] .agreement-check {
  background: #f8fafc !important;
  border-color: #d7dde7 !important;
}
html[data-event-theme="event-night"] .agreement-check span,
html[data-event-theme="worldcup2026-night"] .agreement-check span { color: #172033 !important; }
html[data-event-theme="event-night"] .step-nav,
html[data-event-theme="worldcup2026-night"] .step-nav {
  background: transparent !important;
  border-top-color: rgba(203, 213, 225, 0.18) !important;
}
html[data-event-theme="event-night"] .step-btn.back,
html[data-event-theme="worldcup2026-night"] .step-btn.back {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
}
html[data-event-theme="event-night"] .paper-chip,
html[data-event-theme="worldcup2026-night"] .paper-chip { background: #0f294b !important; border-color: rgba(203,213,225,.20) !important; color: #dbeafe !important; }

@media (max-width: 900px) {
  .simple-mode .stepper-container { grid-template-columns: 1fr !important; }
  .simple-mode .stepper-vertical {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--icc-corp-line) !important;
  }
  .simple-mode .stepper-step { min-width: 0 !important; min-height: 42px !important; margin-bottom: 0 !important; }
  .simple-mode .stepper-step small { display: none !important; }
  .form-workspace,
  .simple-mode .form-workspace { padding: 20px !important; }
}
@media (max-width: 720px) {
  .simple-mode .admissions-shell { width: min(100% - 18px, 720px) !important; padding-top: 14px !important; }
  .simple-mode .stepper-vertical { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .form-workspace,
  .simple-mode .form-workspace { padding: 16px !important; }
  .grid.grid-2,
  .simple-mode .form-grid,
  .simple-mode .fields-grid,
  .simple-mode .input-grid,
  .assessment-intro-panel,
  .assessment-grid,
  .route-helper-grid,
  .summer-form-grid,
  .summer-choice-grid,
  .summer-checkbox-grid,
  .summer-summary-grid,
  .summer-payment-card { grid-template-columns: 1fr !important; }
  .step-nav { display: grid !important; grid-template-columns: 1fr !important; }
  .step-btn,
  .ibkr-submit,
  .save-application-btn,
  .icc-save-continue-btn { width: 100% !important; }
}