/* MATCHSIK v28.24 — mobile desktop-light parity
   Goal: mobile uses the same light visual system as desktop.
   Dark brand sections/buttons remain intentional; OS/browser dark mode must not recolor page surfaces.
*/
:root{
  color-scheme: only light !important;
  --m-light-page:#f7f9fc;
  --m-light-warm:#fffdf9;
  --m-light-card:#ffffff;
  --m-light-line:#dce5ee;
  --m-light-text:#173b38;
  --m-light-muted:#667b76;
}
html{
  color-scheme: only light !important;
  background-color:var(--m-light-page)!important;
}
body{
  color-scheme: only light !important;
  forced-color-adjust:none;
}
input,select,textarea,button,option{
  color-scheme: only light !important;
}
@media (max-width:900px){
  html,body{
    background:var(--m-light-page)!important;
    color:var(--m-light-text)!important;
  }

  /* Main light surfaces — explicit values prevent mobile auto-darkening. */
  .app-page,.my-page,.admin-page,
  .app-main,.t28-main,.t28-layout,
  .wrap,.page-wrap,.portal-main,.portal-content,
  .student-dashboard,.teacher-dashboard,.admin-dashboard{
    background-color:var(--m-light-page)!important;
    color:var(--m-light-text)!important;
  }

  .header,.topbar,.t28-header,
  .mobile-progress,.mobile-floating-bar,.step-actions,
  .portal-tabs,.calendar-head{
    background-color:rgba(255,253,249,.985)!important;
    color:var(--m-light-text)!important;
  }

  .card,.panel,.section-card,.calendar-card,.quote-card,.pricing-panel,
  .completion,.choice-card,.teacher-card,.finder-card,.feature,.course-mini,
  .ops-card,.promo-card,.verified-review,.billing-mode-card,.exam-card,
  .month-card,.t28-card,.t28-state-card,.modal-card,.application-card,
  .payment-card,.account-box,.lookup-card,.summary-card,.overview-card{
    background-color:var(--m-light-card)!important;
    color:var(--m-light-text)!important;
    border-color:var(--m-light-line)!important;
  }

  input,select,textarea,.control,
  .field input,.field select,.field textarea{
    background:#fff!important;
    color:#173b38!important;
    border-color:#d5dee7!important;
    -webkit-text-fill-color:#173b38!important;
  }
  input::placeholder,textarea::placeholder{
    color:#8b9a98!important;
    opacity:1!important;
  }

  .calendar,.calendar-scroll,.day,.day-name{
    background-color:#fff!important;
    color:#173b38!important;
  }
  .day.other,.day.muted{
    background-color:#f7f9fb!important;
    color:#8a9996!important;
  }

  .lookup-guide,.security-note,.checking-notice,.m2820-empty{
    background:#f4f6f5!important;
    color:#5f726e!important;
  }

  /* Preserve intentional brand-dark components so mobile still matches desktop design. */
  .footer,.trust-bar,.online-section,.final-cta-card,
  .btn-dark,.nav-cta,.target-selection,.review-summary,
  .t28-brand-mark,.t28-save,.t28-nav button.active{
    color-scheme:only light!important;
  }
}
@media (prefers-color-scheme:dark){
  :root,html,body{color-scheme:only light!important}
  @media (max-width:900px){
    html,body{background:var(--m-light-page)!important;color:var(--m-light-text)!important}
  }
}