/* ==========================================================================
   ICC Admissions Night Theme Final Fix
   Purpose: remove white-washed panels at night while leaving daytime untouched.
   ========================================================================== */

:root[data-event-theme="event-night"]{
  --icc-night-bg:#041228;
  --icc-night-panel:#071b3a;
  --icc-night-panel-2:#0b2548;
  --icc-night-panel-3:#102f57;
  --icc-night-text:#f8fafc;
  --icc-night-muted:#cbd5e1;
  --icc-night-soft:#dbe7ff;
  --icc-night-border:rgba(255,255,255,.18);
  --icc-night-border-strong:rgba(255,255,255,.28);
  --icc-night-gold:#d6a738;
  --icc-night-green:#00a86b;
  --icc-night-blue:#0f5cff;
  --icc-night-red:#e63946;
}

/* Page background only at night */
html[data-event-theme="event-night"] body.ibkr-body{
  color:var(--icc-night-text) !important;
  background:
    radial-gradient(circle at 8% 12%,rgba(15,92,255,.20),transparent 24rem),
    radial-gradient(circle at 88% 18%,rgba(230,57,70,.14),transparent 24rem),
    radial-gradient(circle at 18% 82%,rgba(0,168,107,.16),transparent 28rem),
    linear-gradient(135deg,#041228 0%,#071b3a 48%,#0b2548 100%) !important;
}

/* Main admission containers */
html[data-event-theme="event-night"] .admissions-form-panel,
html[data-event-theme="event-night"] .premium-form-card,
html[data-event-theme="event-night"] .form-workspace,
html[data-event-theme="event-night"] .ibkr-card{
  background:linear-gradient(145deg,rgba(7,27,58,.96),rgba(11,37,72,.94)) !important;
  border-color:var(--icc-night-border) !important;
  color:var(--icc-night-text) !important;
  box-shadow:0 22px 58px rgba(2,6,23,.38) !important;
}

/* Every panel that was turning white */
html[data-event-theme="event-night"] .portal-header-card,
html[data-event-theme="event-night"] .info-box,
html[data-event-theme="event-night"] .notice-box,
html[data-event-theme="event-night"] .documents-box,
html[data-event-theme="event-night"] .gmail-box,
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"] .route-helper-grid > div,
html[data-event-theme="event-night"] .upload-card,
html[data-event-theme="event-night"] .payment-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,
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"] .international-panel,
html[data-event-theme="event-night"] .local-panel{
  background:linear-gradient(145deg,rgba(8,26,54,.97),rgba(12,39,76,.95)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:var(--icc-night-text) !important;
  box-shadow:0 12px 30px rgba(2,6,23,.28) !important;
}

/* Specific route helper boxes from the screenshot */
html[data-event-theme="event-night"] .route-helper-grid{
  gap:10px !important;
}

html[data-event-theme="event-night"] .route-helper-grid > div{
  border-radius:18px !important;
  padding:14px !important;
}

/* Make the save/shop bars readable but not white */
html[data-event-theme="event-night"] .cloud-save-strip,
html[data-event-theme="event-night"] .admissions-shop-strip{
  background:linear-gradient(145deg,rgba(9,31,63,.98),rgba(12,43,83,.96)) !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* Medical alert: dark red readable, not pale white */
html[data-event-theme="event-night"] .agreement-alert.serious{
  background:linear-gradient(145deg,rgba(63,20,20,.96),rgba(88,26,26,.92)) !important;
  border-color:rgba(230,57,70,.55) !important;
}

html[data-event-theme="event-night"] .agreement-alert.serious strong{
  color:#ffd7d7 !important;
}

html[data-event-theme="event-night"] .agreement-alert.serious span{
  color:#fee2e2 !important;
}

/* Headings and strong text */
html[data-event-theme="event-night"] .portal-header-card h2,
html[data-event-theme="event-night"] .step-heading h3,
html[data-event-theme="event-night"] .review-card h2,
html[data-event-theme="event-night"] .info-box strong,
html[data-event-theme="event-night"] .notice-box strong,
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"] .route-helper-grid strong,
html[data-event-theme="event-night"] .assessment-card h4,
html[data-event-theme="event-night"] .assessment-route-card strong,
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"] .agreement-signature-strip strong,
html[data-event-theme="event-night"] .signature-panel label,
html[data-event-theme="event-night"] .agreement-version-note strong,
html[data-event-theme="event-night"] .field label,
html[data-event-theme="event-night"] .route-select-card > label{
  color:#ffffff !important;
  text-shadow:none !important;
}

/* Body copy */
html[data-event-theme="event-night"] .portal-header-card p,
html[data-event-theme="event-night"] .step-heading p,
html[data-event-theme="event-night"] .notice-box p,
html[data-event-theme="event-night"] .info-box li,
html[data-event-theme="event-night"] .documents-box li,
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"] .upload-card small,
html[data-event-theme="event-night"] .assessment-card p,
html[data-event-theme="event-night"] .assessment-route-card span,
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"] .agreement-signature-strip 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{
  color:var(--icc-night-muted) !important;
}

/* The paragraph in route helper boxes was too pale on white */
html[data-event-theme="event-night"] .route-helper-grid > div span{
  color:#dbe7ff !important;
}

/* Inputs */
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{
  background:#071426 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:none !important;
}

html[data-event-theme="event-night"] input::placeholder,
html[data-event-theme="event-night"] textarea::placeholder{
  color:rgba(203,213,225,.68) !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{
  border-color:var(--icc-night-gold) !important;
  box-shadow:0 0 0 4px rgba(214,167,56,.18) !important;
}

/* Stepper */
html[data-event-theme="event-night"] .stepper-vertical{
  background:rgba(7,20,38,.62) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

html[data-event-theme="event-night"] .stepper-step{
  color:rgba(226,232,240,.78) !important;
}

html[data-event-theme="event-night"] .stepper-step:hover{
  background:rgba(255,255,255,.08) !important;
}

html[data-event-theme="event-night"] .stepper-step.active{
  color:#ffffff !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.22) !important;
}

html[data-event-theme="event-night"] .stepper-step .step-number{
  background:#dbe7ff !important;
  color:#071b3a !important;
}

html[data-event-theme="event-night"] .stepper-step.active .step-number{
  background:linear-gradient(135deg,var(--icc-night-blue),var(--icc-night-green)) !important;
  color:#ffffff !important;
}

/* Buttons */
html[data-event-theme="event-night"] .save-application-btn,
html[data-event-theme="event-night"] .admissions-shop-btn,
html[data-event-theme="event-night"] .ibkr-submit,
html[data-event-theme="event-night"] .step-btn.next{
  background:linear-gradient(135deg,#0f5cff,#00a86b) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 12px 24px rgba(15,92,255,.24) !important;
}

html[data-event-theme="event-night"] .step-btn.back{
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.20) !important;
}

/* Sticky bottom nav was creating a white wash */
html[data-event-theme="event-night"] .step-nav{
  background:linear-gradient(180deg,rgba(7,27,58,0),#071b3a 42%) !important;
}

/* Emergency whitewash override for inline styles */
html[data-event-theme="event-night"] [style*="background: #fff"],
html[data-event-theme="event-night"] [style*="background:#fff"],
html[data-event-theme="event-night"] [style*="background: white"],
html[data-event-theme="event-night"] [style*="background:white"],
html[data-event-theme="event-night"] [style*="background: rgba(255, 255, 255"],
html[data-event-theme="event-night"] [style*="background:rgba(255,255,255"]{
  background:linear-gradient(145deg,rgba(8,26,54,.97),rgba(12,39,76,.95)) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.16) !important;
}

/* Ensure no pale text remains on important cards */
html[data-event-theme="event-night"] .route-helper-grid *,
html[data-event-theme="event-night"] .agreement-card *,
html[data-event-theme="event-night"] .agreement-alert *,
html[data-event-theme="event-night"] .cloud-save-strip *,
html[data-event-theme="event-night"] .admissions-shop-strip *,
html[data-event-theme="event-night"] .signature-panel *,
html[data-event-theme="event-night"] .agreement-signature-strip *{
  text-shadow:none !important;
}

/* Mobile */
@media (max-width:720px){
  html[data-event-theme="event-night"] .form-intro-grid{
    grid-template-columns:1fr !important;
  }

  html[data-event-theme="event-night"] .portal-header-card{
    flex-direction:column !important;
  }
}


/* ==========================================================================
   ICC Admissions Night Final Medical/Signature Box Fix
   Fixes the remaining white cards under the medical emergency notice.
   ========================================================================== */

html[data-event-theme="event-night"] .agreement-signature-strip{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

html[data-event-theme="event-night"] .agreement-signature-strip > div,
html[data-event-theme="event-night"] .agreement-signer-preview,
html[data-event-theme="event-night"] #agreementSignerPreview,
html[data-event-theme="event-night"] #agreementStudentPreview{
  background:linear-gradient(145deg,rgba(8,26,54,.98),rgba(12,39,76,.96)) !important;
  color:#dbe7ff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(2,6,23,.28) !important;
}

html[data-event-theme="event-night"] .agreement-signature-strip > div{
  padding:16px !important;
}

html[data-event-theme="event-night"] .agreement-signature-strip > div strong{
  color:#ffffff !important;
}

html[data-event-theme="event-night"] .agreement-signature-strip > div span,
html[data-event-theme="event-night"] #agreementSignerPreview,
html[data-event-theme="event-night"] #agreementStudentPreview{
  color:#dbe7ff !important;
}

/* Safety net for any remaining white cards inside Step 4 only */
html[data-event-theme="event-night"] #step-4 .signature-panel,
html[data-event-theme="event-night"] #step-4 .agreement-version-note,
html[data-event-theme="event-night"] #step-4 .agreement-card,
html[data-event-theme="event-night"] #step-4 .agreement-alert,
html[data-event-theme="event-night"] #step-4 .agreement-signature-strip > div{
  background:linear-gradient(145deg,rgba(8,26,54,.98),rgba(12,39,76,.96)) !important;
  color:#f8fafc !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* Do not override the red medical emergency notice */
html[data-event-theme="event-night"] #step-4 .agreement-alert.serious{
  background:linear-gradient(145deg,rgba(63,20,20,.96),rgba(88,26,26,.92)) !important;
  border-color:rgba(230,57,70,.55) !important;
}

html[data-event-theme="event-night"] #step-4 .agreement-alert.serious strong,
html[data-event-theme="event-night"] #step-4 .agreement-alert.serious span{
  color:#fee2e2 !important;
}

@media(max-width:720px){
  html[data-event-theme="event-night"] .agreement-signature-strip{
    grid-template-columns:1fr !important;
  }
}


/* ==========================================================================
   ICC Admissions Night Final Step 5 + Step 6 Whitewash Fix
   Fixes Entrance Assessment and Application Fee panels only in night mode.
   ========================================================================== */

/* STEP 5: Entrance Assessment Scheduling white outer container */
html[data-event-theme="event-night"] #step-5 .assessment-intro-panel,
html[data-event-theme="event-night"] #step-5 .assessment-grid,
html[data-event-theme="event-night"] #step-5 .assessment-card,
html[data-event-theme="event-night"] #step-5 .assessment-route-card,
html[data-event-theme="event-night"] #step-5 .selected-session-panel,
html[data-event-theme="event-night"] #step-5 .entrance-date-lifeline-card,
html[data-event-theme="event-night"] #step-5 .exam-integrity-note{
  background:linear-gradient(145deg,rgba(8,26,54,.98),rgba(12,39,76,.96)) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.28) !important;
}

/* The visible white frame around the Step 5 assessment cards */
html[data-event-theme="event-night"] #step-5 .assessment-intro-panel{
  padding:18px !important;
  border-radius:24px !important;
}

/* STEP 5 text clarity */
html[data-event-theme="event-night"] #step-5 .assessment-card h4,
html[data-event-theme="event-night"] #step-5 .assessment-route-card strong,
html[data-event-theme="event-night"] #step-5 .entrance-date-lifeline-card strong,
html[data-event-theme="event-night"] #step-5 .selected-session-panel strong,
html[data-event-theme="event-night"] #step-5 label{
  color:#ffffff !important;
}

html[data-event-theme="event-night"] #step-5 .assessment-card p,
html[data-event-theme="event-night"] #step-5 .assessment-route-card span,
html[data-event-theme="event-night"] #step-5 .entrance-date-lifeline-card span,
html[data-event-theme="event-night"] #step-5 .entrance-date-helper,
html[data-event-theme="event-night"] #step-5 .selected-session-panel span,
html[data-event-theme="event-night"] #step-5 .exam-integrity-note,
html[data-event-theme="event-night"] #step-5 small{
  color:#cbd5e1 !important;
}

/* Paper chips inside Step 5 */
html[data-event-theme="event-night"] #step-5 .paper-chip,
html[data-event-theme="event-night"] #step-5 .paper-chip.muted{
  background:rgba(15,92,255,.16) !important;
  border:1px solid rgba(15,92,255,.30) !important;
  color:#dbeafe !important;
}

/* STEP 6: Application Fee Payment route note and payment area */
html[data-event-theme="event-night"] #step-6 .route-note,
html[data-event-theme="event-night"] #step-6 .premium-note,
html[data-event-theme="event-night"] #step-6 .local-panel,
html[data-event-theme="event-night"] #step-6 .payment-panel,
html[data-event-theme="event-night"] #step-6 #local-payment-panel,
html[data-event-theme="event-night"] #step-6 #international-submit-panel{
  background:linear-gradient(145deg,rgba(8,26,54,.98),rgba(12,39,76,.96)) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.28) !important;
}

/* The route-note was the main remaining white box */
html[data-event-theme="event-night"] #step-6 .route-note.premium-note{
  border-left:5px solid #0f5cff !important;
  border-radius:18px !important;
  padding:16px !important;
}

html[data-event-theme="event-night"] #step-6 .route-note strong,
html[data-event-theme="event-night"] #step-6 .premium-note strong,
html[data-event-theme="event-night"] #step-6 .payment-panel strong,
html[data-event-theme="event-night"] #step-6 label{
  color:#ffffff !important;
}

html[data-event-theme="event-night"] #step-6 .route-note span,
html[data-event-theme="event-night"] #step-6 .premium-note span,
html[data-event-theme="event-night"] #step-6 .payment-panel p,
html[data-event-theme="event-night"] #step-6 #appFeeStatus{
  color:#cbd5e1 !important;
}

/* Step 6 inputs/select */
html[data-event-theme="event-night"] #step-6 input,
html[data-event-theme="event-night"] #step-6 select{
  background:#071426 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.24) !important;
}

/* Step 5 inputs/select */
html[data-event-theme="event-night"] #step-5 input,
html[data-event-theme="event-night"] #step-5 select{
  background:#071426 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.24) !important;
}

/* Extra safety: any white background inside Step 5 or Step 6 */
html[data-event-theme="event-night"] #step-5 [style*="background: #fff"],
html[data-event-theme="event-night"] #step-5 [style*="background:#fff"],
html[data-event-theme="event-night"] #step-5 [style*="background: white"],
html[data-event-theme="event-night"] #step-5 [style*="background:white"],
html[data-event-theme="event-night"] #step-5 [style*="rgba(255, 255, 255"],
html[data-event-theme="event-night"] #step-6 [style*="background: #fff"],
html[data-event-theme="event-night"] #step-6 [style*="background:#fff"],
html[data-event-theme="event-night"] #step-6 [style*="background: white"],
html[data-event-theme="event-night"] #step-6 [style*="background:white"],
html[data-event-theme="event-night"] #step-6 [style*="rgba(255, 255, 255"]{
  background:linear-gradient(145deg,rgba(8,26,54,.98),rgba(12,39,76,.96)) !important;
  color:#f8fafc !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* Sticky back button zone at bottom */
html[data-event-theme="event-night"] #step-5 .step-nav,
html[data-event-theme="event-night"] #step-6 .step-nav{
  background:linear-gradient(180deg,rgba(7,27,58,0),#071b3a 42%) !important;
}