/* KonkurPlanner v18.46.1 — reference-driven visual rebuild. No screenshot backgrounds. */
:root{--kp-navy:#061a31;--kp-navy2:#0a2a4b;--kp-ink:#07162a;--kp-gold:#f4c84e;--kp-gold2:#d7a72d;--kp-blue:#2585ff;--kp-green:#12b981;--kp-red:#ef4c5c;--kp-bg:#f5f8fc;--kp-surface:#fff;--kp-text:#0c1b35;--kp-muted:#66758b;--kp-border:#dce5ef;--kp-shadow:0 10px 30px rgba(13,35,64,.08);--kp-radius:16px}
html[data-theme="dark"]{--kp-bg:#06111f;--kp-surface:#0a1b2e;--kp-text:#f4f7fb;--kp-muted:#a9b6c7;--kp-border:#203850;--kp-shadow:0 14px 38px rgba(0,0,0,.28)}
html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
body{background:var(--kp-bg)!important;color:var(--kp-text)!important;font-family:Vazirmatn,Tahoma,Arial,sans-serif!important;overflow-x:visible}
body *{box-sizing:border-box} body :where(p,small,label,td,th,li,span){color:inherit} body :where(input,select,textarea){background:var(--kp-surface)!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important} body :where(input,textarea)::placeholder{color:var(--kp-muted)!important;opacity:1}
/* universal premium surfaces */
:where(.card,.panel,.stat-card,.metric-card,.trial-dashboard,.task-input-card,.partner-welcome,.balance-card,.ref-card,.status-card,.creator-card,.document-card){border:1px solid var(--kp-border)!important;border-radius:var(--kp-radius)!important;box-shadow:var(--kp-shadow);background:var(--kp-surface)!important}
:where(table){color:var(--kp-text)!important;background:var(--kp-surface)!important;border-color:var(--kp-border)!important}:where(th){background:color-mix(in srgb,var(--kp-surface) 88%,#2585ff 12%)!important;color:var(--kp-text)!important}:where(td){border-color:var(--kp-border)!important;color:var(--kp-text)!important}
/* top navigation */
:where(.top-header,.admin-header,.partner-header,.creator-header,.store-header,.main-header,.dashboard-header){background:linear-gradient(100deg,#04162d,#092b4d)!important;color:#fff!important;border-bottom:1px solid rgba(244,200,78,.35)!important;box-shadow:0 6px 24px rgba(2,15,31,.22)}
:where(.top-header,.admin-header,.partner-header,.creator-header,.store-header,.main-header) :where(h1,h2,h3,p,span,a,button){color:inherit}
/* injected reference hero */
.kp-ref-hero{min-height:210px;margin:10px 12px 18px;border-radius:18px;background-position:center;background-size:cover;position:relative;overflow:hidden;border:1px solid rgba(244,200,78,.28);box-shadow:0 16px 38px rgba(2,18,38,.2)}
.kp-ref-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,31,.06),rgba(3,15,31,.1))}.kp-ref-hero[data-hero="student"]{background-image:url('/assets/visual-18461/hero-student.svg')}.kp-ref-hero[data-hero="creator"]{background-image:url('/assets/visual-18461/hero-creator.svg')}.kp-ref-hero[data-hero="store"]{background-image:url('/assets/visual-18461/hero-store.svg')}.kp-ref-hero[data-hero="flash"]{background-image:url('/assets/visual-18461/hero-flashcards.svg')}.kp-ref-hero[data-hero="org"]{background-image:url('/assets/visual-18461/hero-org.svg')}.kp-ref-hero[data-hero="partner"]{background-image:url('/assets/visual-18461/hero-partner.svg')}.kp-ref-hero[data-hero="admin"]{background-image:url('/assets/visual-18461/hero-admin.svg')}
/* KPI density */
:where(.stats-grid,.hero-grid,.creator-stats,.metrics-grid){gap:12px!important}:where(.stats-grid>*,.hero-grid>*,.creator-stats>*,.metrics-grid>*){border-radius:15px!important;border:1px solid var(--kp-border)!important;box-shadow:0 6px 20px rgba(20,50,80,.06)!important}
/* official logo treatment */
.kp-official-logo{display:block;object-fit:contain;background:transparent!important;box-shadow:none!important}.kp-official-logo.header{height:48px;width:auto}.kp-official-logo.auth{height:92px;width:auto;margin:auto}.kp-official-logo.mobile{height:40px;width:auto}
.brand-icon,.partner-mark,.intro-logo{background:transparent!important;color:transparent!important;position:relative;min-width:54px}.brand-icon::after,.partner-mark::after,.intro-logo::after{content:"";position:absolute;inset:0;background:url('/assets/branding/logo-light.png') center/contain no-repeat}
/* light theme contrast hardening */
html[data-theme="light"] body :where(.muted,.hint,.sub,.meta,small,.analytics-note){color:#52637a!important}html[data-theme="light"] body :where(h1,h2,h3,h4,strong,b,label,td,th){color:#0b1d38}html[data-theme="light"] .kp-ref-hero *{color:#fff}
/* overflow hardening */
:where(.workload-forecast,.forecast-grid,[data-workload-forecast],#workloadForecast,.date-card-grid){min-width:0!important;max-width:100%!important;overflow:hidden!important}:where(.workload-forecast,.forecast-grid,[data-workload-forecast],#workloadForecast,.date-card-grid)>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
/* admin/content team */
.content-team-shell{padding:22px}.content-team-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.content-team-filters{display:flex;gap:8px;flex-wrap:wrap}.content-team-filters input,.content-team-filters select{min-height:42px;border:1px solid var(--kp-border);border-radius:12px;padding:0 12px}.content-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.content-team-kpi{padding:16px;border-radius:16px;background:var(--kp-surface);border:1px solid var(--kp-border);box-shadow:var(--kp-shadow)}.content-team-kpi b{font-size:1.5rem;display:block;margin-top:8px}.content-team-table{width:100%;border-collapse:separate;border-spacing:0}.content-team-table th,.content-team-table td{padding:12px 10px;text-align:right}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f8f2;color:#087e59!important;font-weight:700}.status-pill.off{background:#ffecee;color:#bd3341!important}
/* marketplace: presentation only, real records remain source */
:where(.product-card,.store-product-card){border-radius:16px!important;overflow:hidden!important;border:1px solid var(--kp-border)!important;background:var(--kp-surface)!important;box-shadow:var(--kp-shadow)!important}:where(.product-card img,.store-product-card img){aspect-ratio:16/10;object-fit:cover;background:#edf3fa}
/* mobile is a dedicated composition */
@media(max-width:600px){body{padding-bottom:max(10px,env(safe-area-inset-bottom))}.kp-ref-hero{min-height:160px;margin:8px;border-radius:15px;background-position:60% center}.content-team-shell{padding:12px}.content-team-head{align-items:stretch;flex-direction:column}.content-team-grid{grid-template-columns:1fr 1fr}.content-team-table{display:block;overflow-x:auto;white-space:nowrap}:where(.stats-grid,.hero-grid,.creator-stats,.metrics-grid){grid-template-columns:1fr 1fr!important}:where(.admin-nav,.partner-tabs,.nav-tabs){overflow-x:auto!important;scroll-snap-type:x proximity}:where(.admin-nav>*,.partner-tabs>*,.nav-tabs>*){scroll-snap-align:start;min-height:44px}.kp-official-logo.header{height:40px}}
@media(max-width:390px){.content-team-grid{grid-template-columns:1fr}:where(.stats-grid,.hero-grid,.creator-stats,.metrics-grid){grid-template-columns:1fr!important}.kp-ref-hero{min-height:145px}}
/* legacy mark replacement: visual logo only, transparent and correctly sized */
:where(.kp-brand-mark,.brand-mark,.brand-emblem,.mini-brand-mark,.store-brand-mark,.support-logo,.support-brand .mark,.demo-brand b){font-size:0!important;color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;display:inline-block!important;width:54px!important;height:54px!important;background-image:url('/assets/branding/logo-light.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;vertical-align:middle}
:where(.auth-card,.login-card,.auth-shell) :where(.brand-emblem,.mini-brand-mark){width:96px!important;height:96px!important;margin-inline:auto!important}
html[data-theme="light"] :where(.kp-brand-mark,.brand-mark,.brand-emblem,.mini-brand-mark,.store-brand-mark,.support-logo,.support-brand .mark,.demo-brand b){background-image:url('/assets/branding/logo-dark.png')!important}
/* ======================================================================
   PHASE 1 — UI STABILIZATION / LIGHT MODE / RESPONSIVE HARDENING
   Scope: presentation only. No business/data/auth behavior is changed.
   ====================================================================== */

/* Intentional, independent theme tokens. visual-rebuild is loaded last. */
:root,
html[data-theme="light"]{
  --kp-bg:#F7F9FC;
  --kp-surface:#FFFFFF;
  --kp-surface-2:#F1F5F9;
  --kp-text:#0F172A;
  --kp-text-secondary:#475569;
  --kp-muted:#64748B;
  --kp-border:#D8E0EA;
  --kp-border-strong:#C7D2E0;
  --kp-navy:#123B73;
  --kp-gold:#D9A52B;
  --kp-shadow:0 12px 32px rgba(15,23,42,.08);
  --kp-shadow-soft:0 6px 18px rgba(15,23,42,.06);
  --bg:var(--kp-bg);--panel:var(--kp-surface);--panel2:var(--kp-surface-2);--line:var(--kp-border);--text:var(--kp-text);--muted:var(--kp-muted);
}
html[data-theme="dark"]{
  --kp-bg:#06111F;
  --kp-surface:#0A1B2E;
  --kp-surface-2:#10243A;
  --kp-text:#F4F7FB;
  --kp-text-secondary:#D4DCE7;
  --kp-muted:#A9B6C7;
  --kp-border:#203850;
  --kp-border-strong:#31506C;
  --kp-navy:#0A2A4B;
  --kp-gold:#F0C45A;
  --kp-shadow:0 14px 38px rgba(0,0,0,.28);
  --kp-shadow-soft:0 8px 24px rgba(0,0,0,.20);
  --bg:var(--kp-bg);--panel:var(--kp-surface);--panel2:var(--kp-surface-2);--line:var(--kp-border);--text:var(--kp-text);--muted:var(--kp-muted);
}

/* Normal light-mode surfaces: no dark-mode leftovers. */
html[data-theme="light"] :where(
  .planner-card,.study-tool-panel,.dashboard-section,.chart-card,.archive-card,.community-intro,.community-composer,.community-post,.messages-panel,.message-card,.communication-card,.inbox-card,.feedback-card,.vip-planner-box,.vip-day-card,.side-nav-card,.profile-support-panel,.license-days-card,.ai-coach-card,.ai-summary,.ai-encouragement,.planning-hub-head,.planner-mode-card,.study-streak-card,.next-exam-shell,.basic-plan-ready,.exam-budget-card,
  .teacher-box,.student-panel,.student-card,.mini-stat,.teacher-conversation,.subscription-mini-card,.archive-action-panel,.teacher-archive-view-card,.coupon-wallet-card,.counselor-coupon-card,.milestone-box,.wallet-history-box,.wallet-tx,.teacher-smart-card,.smart-stat,.student-smart-analysis,.teacher-support-card,.advisor-ops-center,.advisor-kpi,.advisor-followup,.advisor-student-suite,.advisor-suite-card,.advisor-risk-board,.advisor-unique-card,.advisor-intervention-lab,.advisor-intervention-item,.advisor-portfolio-intelligence>article,.advisor-capacity-day,.advisor-effectiveness-item,
  .panel-card,.stat,.user-card,.detail-block,.ticket-item,.ticket-attachment,.external-response-box,.claim-row,.partner-workflow-card,.leader-row,.support-exam-program-card,.support-program-exam,.support-change-history,.support-own-message,.growth-bios,.growth-bio-card,.content-task-card,.partner-activity-row,.tracking-card,.tracking-empty,.tracking-match,.tracking-grid>div,.support-login-card,
  .admin-panel,.login-box,.table-container,.stat-card,.license-generator,.create-user-box,.broadcast-box,.trial-stat-card,.trial-role-card,.sales-admin-card,.sale-editor,.admin-error-card,.admin-security-card,.moderation-card,.suspended-user-card,.coupon-admin-create,.reward-rate-settings,.autoheal-card,.repair-summary>div,.repair-issue,.gateway-setup-panel,.gateway-setup-shell,.growth-roadmap-config,.growth-summary-card,.growth-empty-start,.growth-month-card,.growth-thresholds,.growth-task,.birthday-card,.support-create-card,.message-template-card,.admin-support-ticket,.admin-ticket-modal-card,.support-perf-settings,.support-claims-admin,.partner-admin-card,.admin-archive-card,.support-conversation-card,.admin-exam-program-card,.exam-change-card,.exam-add-inline,.program-exam-row,.exam-date-select-card,.exam-audit-row,.managed-program-summary,.admin-exam-detail-dialog,
  .org-card,.org-stat,.org-action-item,.org-timeline-item,.org-note,.org-risk-card,.org-alert-card,.org-performance-card,.org-metric-grid>div,.org-factor,.pipeline-col,.pipeline-col a,.parent-report-sheet,.commercial-metric,.plan-card,.addon-card,.partner-card,.brand-preview,.locked-panel,.store-admin-product,.finance-balance-grid article,.finance-row,
  .partner-auth-card,.bank-card,.request-card,.coupon-card,.referral-card,.partner-welcome,.ref-card,
  .product-card,.detail-panel,.cart-card,.summary-card,.order-card,.bundle-panel,
  .fc-grade-card,.fc-subject-card,.fc-chapter-card,.fc-locked-panel,.fc-leitner-panel,.fc-leitner-box,.fc-smart-card,.fc-formula-hub,.fc-batch-item,.fc-admin-preview-banner,
  .flash-stat,.flash-subject-card,.flash-topic-card,.flash-status-card,.flash-today-panel,.personal-flash,.flash-empty,.flash-loading,
  .card,.doc-panel,.doc-blocks,.doc-block,.page-thumb
){
  background:var(--kp-surface)!important;
  color:var(--kp-text)!important;
  border-color:var(--kp-border)!important;
  box-shadow:var(--kp-shadow-soft)!important;
}

html[data-theme="light"] :where(
  .planner-card,.study-tool-panel,.dashboard-section,.teacher-box,.student-panel,.panel-card,.user-card,.detail-block,.admin-panel,.admin-content,.org-card,.partner-auth-card,.product-card,.detail-panel,.cart-card,.summary-card,.flash-app,.fc-formula-hub,.card,.doc-panel,.doc-blocks
) :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,td,th){color:var(--kp-text)!important}

html[data-theme="light"] :where(
  .planner-card,.study-tool-panel,.teacher-box,.student-panel,.panel-card,.user-card,.detail-block,.admin-panel,.org-card,.partner-auth-card,.product-card,.detail-panel,.cart-card,.summary-card,.flash-app,.card,.doc-panel,.doc-blocks
) :where(p,small,.muted,.hint,.sub,.meta,.helper,.description){color:var(--kp-text-secondary)!important}

/* Inputs, dropdowns, disabled/selected/hover states. */
html[data-theme="light"] body :where(input,select,textarea,.search-input,.form-control){
  background:#FFFFFF!important;color:var(--kp-text)!important;border-color:var(--kp-border-strong)!important;
}
html[data-theme="light"] body :where(input,textarea)::placeholder{color:#718096!important;opacity:1!important}
html[data-theme="light"] body :where(input,select,textarea):disabled{background:#E9EEF5!important;color:#7A8799!important;border-color:#D2DBE6!important}
html[data-theme="light"] :where(.soft-btn,.ghost,.secondary,.copy-btn,.btn-secondary-sm,.tab-btn:not(.active),.partner-tab:not(.active)){
  background:var(--kp-surface-2)!important;color:var(--kp-text-secondary)!important;border-color:var(--kp-border)!important;
}
html[data-theme="light"] :where(.support-nav button,.admin-nav button,.admin-nav a,.nav-tabs .tab-btn,.org-nav a){color:var(--kp-text-secondary)!important}
html[data-theme="light"] :where(.support-nav button:hover,.support-nav button.active,.admin-nav button:hover,.admin-nav button.active,.admin-nav a.active,.nav-tabs .tab-btn.active,.org-nav a.active){
  background:#E8F0FB!important;color:var(--kp-navy)!important;border-color:#B8CBE3!important;
}

/* Intentional dark heroes remain dark, with explicit readable light text. */
html[data-theme="light"] :where(.auth-showcase,.support-main .hero,.store-hero.commercial-hero,.commercial-hero){
  color:#F8FAFC!important;
}
html[data-theme="light"] :where(.auth-showcase,.support-main .hero) :where(h1,h2,h3,h4,strong,b,p,small,span){color:inherit!important}
html[data-theme="light"] .auth-showcase :where(.showcase-benefits article,.showcase-foot span){border-color:rgba(255,255,255,.18)!important}

/* Login cleanup: form stays dominant; auxiliary form block is a light normal surface. */
html[data-theme="light"] :where(.login-optional,.optional-section,.auth-card-foot,.auth-secondary-actions .secondary-action){
  background:var(--kp-surface-2)!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;
}
html[data-theme="light"] .auth-panel{background:var(--kp-surface)!important}
html[data-theme="light"] .auth-brandline :where(strong,small){color:var(--kp-text)!important}

/* Tables: contained scrolling at component level, never by hiding the body. */
:where(.table-wrap,.table-container,.admin-table-wrap,.responsive-table){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
:where(.table-wrap,.table-container,.admin-table-wrap,.responsive-table) table{max-width:none}
html[data-theme="light"] :where(.support-table,.admin-table,table){background:var(--kp-surface)!important;color:var(--kp-text)!important}
html[data-theme="light"] :where(.support-table th,.admin-table th,table th){background:var(--kp-surface-2)!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important}
html[data-theme="light"] :where(.support-table td,.admin-table td,table td){color:var(--kp-text)!important;border-color:var(--kp-border)!important}

/* Safe global media containment. */
body img{max-width:100%;height:auto}
body picture{max-width:100%}
:where(.product-media,.gallery-main,.ticket-attachment,.flash-subject-cover,.fc-subject-cover,.market-upload,.brand-cover,.public-cover,.hero-logo){overflow:hidden}
:where(.product-media img,.gallery-main img,.ticket-attachment img,.market-upload img,.public-cover img){max-width:100%;width:100%;object-fit:cover}
:where(.flash-subject-cover img,.fc-subject-cover img,.brand-logo img,.public-team-logo img){max-width:100%;object-fit:contain}

/* Forecast: never overlap the adjacent effectiveness panel. */
.advisor-portfolio-intelligence{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;min-width:0}
.advisor-portfolio-intelligence>article{min-width:0;max-width:100%;overflow:visible!important}
.advisor-capacity-forecast{grid-template-columns:repeat(7,minmax(0,1fr))!important;min-width:0;max-width:100%;overflow:visible!important}
.advisor-capacity-day{min-width:0!important;overflow-wrap:anywhere}
@media (min-width:761px) and (max-width:1100px){.advisor-capacity-forecast{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:760px){
  .advisor-portfolio-intelligence{grid-template-columns:minmax(0,1fr)!important}
  .advisor-capacity-forecast{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(142px,68vw);overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .advisor-capacity-day{scroll-snap-align:start}
}

/* Support: real native scrollbars. No previous/next arrow navigation. */
.kp-support-tabs-shell{display:block!important;min-width:0}
.kp-tab-arrow{display:none!important}
.support-nav{display:flex!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--kp-muted) 55%,transparent) transparent!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-bottom:9px!important}
.support-nav::-webkit-scrollbar{display:block!important;height:8px}
.support-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--kp-muted) 50%,transparent);border-radius:999px}
.support-nav::-webkit-scrollbar-track{background:transparent}
.support-main :where(.ticket-list,.audit-list,.support-message-list,.partner-workflow-list,.growth-content-list,.claim-list,.support-exam-programs,.support-exam-change-history){max-height:min(70vh,720px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-inline-end:4px}

/* Centralized logo sizing. */
.kp-official-logo{object-fit:contain!important;object-position:center!important;background:transparent!important;max-width:100%!important}
.kp-official-logo.header,:where(header,.top-header,.admin-header,.partner-header,.creator-header,.store-header,.main-header,.dashboard-header) img.kp-official-logo{height:44px!important;width:auto!important;max-width:160px!important}
.kp-official-logo.auth,:where(.auth-card,.login-card,.support-login-card,.partner-auth-card) img.kp-official-logo{height:88px!important;width:auto!important;max-width:min(190px,52vw)!important;margin-inline:auto!important}
.creator-header img,.brand img{object-fit:contain!important;max-height:44px!important;width:auto!important}
.creator-login-logo,.auth-card>picture .logo{width:auto!important;height:88px!important;max-width:min(190px,52vw)!important;object-fit:contain!important;margin-inline:auto!important}

/* Long content and RTL resilience. */
:where(.card,.panel-card,.teacher-box,.admin-panel,.org-card,.product-card,.support-panel,.detail-block,.doc-panel,.doc-blocks)>*{min-width:0}
:where(.card,.panel-card,.teacher-box,.admin-panel,.org-card,.product-card,.support-panel,.detail-block,.doc-panel,.doc-blocks) :where(p,h1,h2,h3,h4,h5,span,small,label,button,a){overflow-wrap:anywhere}
:where(code,.ltr-code,[data-ltr]){direction:ltr;unicode-bidi:isolate}

/* Modal and dropdown containment. */
:where(.modal-card,.admin-warning-dialog,.flash-admin-modal-card,.admin-exam-detail-dialog,.student-selector-dialog,.archive-selector-dialog,.archive-detail-dialog){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}

/* Explicit mobile hardening for requested 360/375/390/412/430 widths. */
@media(max-width:430px){
  :where(.support-app,.support-main,.admin-content,.teacher-main,.teacher-section,.org-shell,.store-shell,.flash-app,.app-container,.auth-shell){width:100%;max-width:100%;min-width:0}
  :where(input,select,textarea,button,a){min-width:0;max-width:100%}
  :where(button,.btn,.gold-btn,.soft-btn,.danger-btn,.btn-action,.copy-btn,.org-btn,.store-btn){min-height:44px}
  :where(.actions,.tools,.header-actions,.panel-title,.panel-heading,.teacher-box-head){min-width:0;max-width:100%;flex-wrap:wrap}
  :where(.stats-grid,.stat-grid,.creator-stats,.metrics-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .support-main :where(.ticket-list,.audit-list,.support-message-list,.partner-workflow-list,.growth-content-list){max-height:65dvh}
  .modal{padding:12px!important}
  :where(.modal-card,.admin-warning-dialog,.flash-admin-modal-card){width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
  .kp-official-logo.header{height:38px!important;max-width:130px!important}
  .kp-official-logo.auth,.auth-card>picture .logo{height:80px!important;max-width:160px!important}
}
@media(max-width:375px){
  :where(.stats-grid,.stat-grid,.creator-stats,.metrics-grid){gap:8px!important}
  :where(.stat,.stat-card,.metric-card){padding:12px!important}
  :where(.panel-card,.teacher-box,.org-card,.card){padding-inline:12px!important}
}


/* Phase 1 touch-target correction for inline action links. */
@media(max-width:430px){
  :where(button,.btn,.gold-btn,.soft-btn,.danger-btn,.btn-action,.copy-btn,.org-btn,.store-btn){min-height:44px!important}
  :where(a.org-btn,a.store-btn,a.btn,a.soft-btn,a.btn-action,a.copy-btn){display:inline-flex;align-items:center;justify-content:center}
}

/* ======================================================================
   LIGHT MODE SURFACE REBUILD — screenshot-ready pass
   Presentation only: no business logic, auth, data, migrations or storage.
   This layer is intentionally scoped to html[data-theme="light"] so the
   existing dark theme remains independent and untouched.
   ====================================================================== */
html[data-theme="light"]{
  --kp-bg:#F6F8FC;
  --kp-surface:#FFFFFF;
  --kp-surface-2:#F8FAFC;
  --kp-surface-3:#F1F5F9;
  --kp-text:#0F172A;
  --kp-text-secondary:#334155;
  --kp-muted:#64748B;
  --kp-border:#DBE3EF;
  --kp-border-strong:#C8D4E3;
  --kp-navy:#123B73;
  --kp-navy-strong:#0B315F;
  --kp-blue:#2563EB;
  --kp-gold:#B98512;
  --kp-focus:#2563EB;
  --kp-success:#15805F;
  --kp-warning:#A16207;
  --kp-danger:#C2414F;
  --kp-info:#2563EB;
  --kp-shadow:0 10px 30px rgba(15,23,42,.08);
  --kp-shadow-soft:0 5px 18px rgba(15,23,42,.055);
  --kp-shadow-hover:0 14px 34px rgba(15,23,42,.105);
  --kp-radius:16px;
  --kp-radius-lg:20px;
  --kp-chart-grid:#E2E8F0;
  --kp-chart-text:#64748B;
  --kp-chart-label:#1E293B;
  --kp-chart-1:#2563EB;
  --kp-chart-2:#0F8A67;
  --kp-chart-3:#D14B5A;
  --kp-chart-4:#0E7490;
  --kp-chart-5:#7C3AED;
  --bg:var(--kp-bg);
  --panel:var(--kp-surface);
  --panel2:var(--kp-surface-2);
  --line:var(--kp-border);
  --text:var(--kp-text);
  --muted:var(--kp-muted);
  color-scheme:light;
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 9% -8%,rgba(37,99,235,.055),transparent 30%),
    radial-gradient(circle at 94% 2%,rgba(18,59,115,.035),transparent 26%),
    var(--kp-bg)!important;
  color:var(--kp-text)!important;
}

/* Page chrome: light, glassy and consistent instead of dark-mode carryover. */
html[data-theme="light"] :where(
  .top-header,.main-header,.dashboard-header,.admin-header,.partner-header,
  .creator-header,.teacher-header,.support-header,.guide-header,.store-header,
  .store-top,.org-head,.fc-topbar,.demo-topbar,.nav-tabs,.admin-nav
){
  background:rgba(255,255,255,.96)!important;
  background-image:none!important;
  color:var(--kp-text)!important;
  border-color:var(--kp-border)!important;
  box-shadow:0 6px 22px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(14px);
}
html[data-theme="light"] :where(
  .top-header,.main-header,.dashboard-header,.admin-header,.partner-header,
  .creator-header,.teacher-header,.support-header,.guide-header,.store-header,
  .store-top,.org-head,.fc-topbar,.demo-topbar,.nav-tabs,.admin-nav
) :where(h1,h2,h3,h4,strong,b,p,small,span,a,button){color:inherit}

/* Primary surface language. Attribute selectors catch generated runtime cards too.
   The actual themed flashcard faces are intentionally excluded. */
html[data-theme="light"] :where(
  .card,.panel,.box,.modal-card,.modal-content,.section-card,.dashboard-section,
  .table-container,.table-wrap,.responsive-table,.table-responsive,
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-box"],[class*="-box "],
  [class$="-dialog"],[class*="-dialog "]
):not(.fc-card):not(.flash-card):not(.flash-card-face):not(.flash-card-inner):not(.flash-card-stack):not([class*="fc-theme-"]):not(.critical-admin-warning){
  background:var(--kp-surface)!important;
  background-image:none!important;
  color:var(--kp-text)!important;
  border:1px solid var(--kp-border)!important;
  box-shadow:var(--kp-shadow-soft)!important;
}

/* Soft nested/data surfaces: enough separation without dark patches or heavy shadows. */
html[data-theme="light"] :where(
  .task-item,.student-row,.action-row,.audit-row,.finance-row,.claim-row,.program-exam-row,
  .partner-activity-row,.wallet-tx,.repair-issue,.org-action-item,.org-timeline-item,
  .org-note,.org-factor,.pipeline-col,.pipeline-col a,.leader-row,.user-card,.detail-block,
  .support-program-exam,.support-change-history,.tracking-grid>div,.showcase-benefits article,
  .demo-role-options>button,.role-picker-options>button,.quick-step,.change-card,
  .calendar-day,.planner-calendar>*,.weekly-report-grid>*,.review-item,
  .flash-subject-metrics span,.flash-session-summary span,.fc-summary span,.fc-metrics span,
  .basic-plan-stats span,.basic-plan-distribution span,.task-plan-meta span,
  .next-exam-meta>span,.rank-recent-meta span,.rank-compare-tags span
){
  background:var(--kp-surface-2)!important;
  background-image:none!important;
  color:var(--kp-text-secondary)!important;
  border-color:var(--kp-border)!important;
  box-shadow:none!important;
}

/* Known large legacy containers that were dark even though they are normal UI. */
html[data-theme="light"] :where(
  .auth-shell,.auth-panel,.auth-showcase,.login-box,.support-main .hero,.tracking-card,
  .store-hero,.commercial-hero,.public-hero,.one-screen-intro,.guide-hero,.guide-section,
  .demo-sidebar,.demo-role-sheet,.role-picker-sheet,.flash-app,.fc-shell,.fc-hero,
  .fc-formula-hub,.next-exam-shell,.planning-hub-head,.growth-bios,.content-task-card,
  .rank-section-card,.rank-diag-card,.rank-advice-card,.rank-recent-card,.rank-visual-result,
  .rank-hero-main,.rank-influence-board,.rank-compare-card,.rank-compare-summary,
  .attention-table-wrap,.student-selector-dialog,.archive-selector-dialog,.archive-detail-dialog
){
  background:var(--kp-surface)!important;
  background-image:none!important;
  color:var(--kp-text)!important;
  border-color:var(--kp-border)!important;
  box-shadow:var(--kp-shadow-soft)!important;
}

/* Screenshot-ready hero treatment: still visually distinct, but unmistakably light mode. */
html[data-theme="light"] :where(.auth-showcase,.support-main .hero,.store-hero,.public-hero,.guide-hero){
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F8FD 56%,#EDF4FB 100%)!important;
  color:var(--kp-text)!important;
  border:1px solid var(--kp-border)!important;
  box-shadow:var(--kp-shadow)!important;
}
html[data-theme="light"] :where(.auth-showcase,.support-main .hero,.store-hero,.public-hero,.guide-hero) :where(h1,h2,h3,h4,strong,b){color:var(--kp-text)!important}
html[data-theme="light"] :where(.auth-showcase,.support-main .hero,.store-hero,.public-hero,.guide-hero) :where(p,small,.muted,.hint,.sub,.meta){color:var(--kp-text-secondary)!important}
html[data-theme="light"] .auth-showcase::before{border-color:rgba(37,99,235,.10)!important}
html[data-theme="light"] .auth-showcase::after{color:rgba(18,59,115,.035)!important}
html[data-theme="light"] .showcase-brand strong{color:var(--kp-text)!important}
html[data-theme="light"] .showcase-brand small{color:var(--kp-muted)!important}
html[data-theme="light"] .eyebrow{background:#EEF4FF!important;border-color:#C9D9F1!important;color:#1D4F91!important}
html[data-theme="light"] .showcase-benefits article{background:#FFFFFF!important;border-color:var(--kp-border)!important}
html[data-theme="light"] .showcase-benefits article :where(strong,b){color:var(--kp-text)!important}
html[data-theme="light"] .showcase-benefits article :where(p,small,span){color:var(--kp-text-secondary)!important}

/* Typography hierarchy. Keep semantic badge colors free to opt out below. */
html[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6){color:var(--kp-text)!important}
html[data-theme="light"] body :where(.section-title,.section-heading,.panel-title,.panel-heading,.card-title,.form-section-title){color:var(--kp-text)!important}
html[data-theme="light"] body :where(.muted,.hint,.sub,.meta,.helper,.description,.caption,.org-muted,.seller,.analytics-note){color:var(--kp-muted)!important}
html[data-theme="light"] :where(
  .card,.panel,.box,.modal-card,.modal-content,.section-card,.dashboard-section,
  [class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-box"],[class*="-box "]
):not(.fc-card):not(.flash-card):not(.flash-card-face):not([class*="fc-theme-"]) :where(label,legend,strong,b){color:var(--kp-text)!important}
html[data-theme="light"] :where(
  .card,.panel,.box,.modal-card,.modal-content,.section-card,.dashboard-section,
  [class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-box"],[class*="-box "]
):not(.fc-card):not(.flash-card):not(.flash-card-face):not([class*="fc-theme-"]) :where(p,small,.muted,.hint,.sub,.meta,.helper,.description){color:var(--kp-text-secondary)!important}

/* Forms and searchable selects. */
html[data-theme="light"] body :where(input,select,textarea,.form-control,.search,.search-input){
  background:#FFFFFF!important;
  background-image:none!important;
  color:var(--kp-text)!important;
  border:1px solid var(--kp-border-strong)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
}
html[data-theme="light"] body select option{background:#FFFFFF!important;color:var(--kp-text)!important}
html[data-theme="light"] body :where(input,textarea)::placeholder{color:#7A889C!important;opacity:1!important}
html[data-theme="light"] body :where(input,select,textarea,.form-control,.search,.search-input):focus{
  outline:none!important;
  border-color:#7AA2DC!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}
html[data-theme="light"] body :where(input,select,textarea,.form-control):disabled{
  background:#EEF2F7!important;color:#7A8797!important;border-color:#D8E0EA!important;opacity:1!important;
}

/* Buttons: readable defaults plus explicit strong primary actions. */
html[data-theme="light"] button{
  color:var(--kp-text)!important;
  border-color:var(--kp-border)!important;
}
html[data-theme="light"] :where(
  .soft-btn,.ghost,.secondary,.btn-secondary,.btn-secondary-sm,.copy-btn,.btn-outline,
  .top-nav-btn,.store-btn:not(.gold),.org-btn:not(.primary),.tab-btn:not(.active),
  .partner-tab:not(.active),.support-nav button:not(.active),.admin-nav button:not(.active),
  .demo-top-actions button,.demo-top-actions a,.fc-back-home,.fc-light-btn,.fc-today-btn,
  .flash-back-btn,.mobile-more-head>button,.demo-role-close,.role-picker-head>button
){
  background:var(--kp-surface-2)!important;
  background-image:none!important;
  color:var(--kp-text-secondary)!important;
  border:1px solid var(--kp-border)!important;
  box-shadow:none!important;
}
html[data-theme="light"] :where(
  .btn-primary,.btn-action,.btn-submit,.btn-gold,.btn-gold-sm,.gold-btn,
  .org-btn.primary,.store-btn.gold,.intro-actions .primary,.fc-start,.flash-start-btn
){
  background:linear-gradient(135deg,var(--kp-navy),#1D5A96)!important;
  color:#FFFFFF!important;
  border-color:transparent!important;
  box-shadow:0 8px 20px rgba(18,59,115,.16)!important;
}
html[data-theme="light"] :where(
  .btn-primary,.btn-action,.btn-submit,.btn-gold,.btn-gold-sm,.gold-btn,
  .org-btn.primary,.store-btn.gold,.intro-actions .primary,.fc-start,.flash-start-btn
):hover{background:linear-gradient(135deg,var(--kp-navy-strong),#174E84)!important;box-shadow:0 10px 24px rgba(18,59,115,.22)!important}
html[data-theme="light"] :where(button,a,[role="button"]):focus-visible{outline:3px solid rgba(37,99,235,.20)!important;outline-offset:2px}
html[data-theme="light"] :where(button,.btn,.soft-btn,.ghost,.btn-action,.copy-btn):disabled{opacity:.58!important;cursor:not-allowed!important}

/* Navigation / selected states. */
html[data-theme="light"] :where(.support-nav button,.admin-nav button,.admin-nav a,.nav-tabs .tab-btn,.org-nav a,.demo-sidebar nav button,.demo-mobile-nav button){
  color:var(--kp-text-secondary)!important;
}
html[data-theme="light"] :where(
  .support-nav button:hover,.support-nav button.active,.admin-nav button:hover,.admin-nav button.active,
  .admin-nav a:hover,.admin-nav a.active,.nav-tabs .tab-btn:hover,.nav-tabs .tab-btn.active,
  .org-nav a:hover,.org-nav a.active,.demo-sidebar nav button:hover,.demo-sidebar nav button.active,
  .demo-mobile-nav button.active
){
  background:#EAF2FC!important;
  background-image:none!important;
  color:var(--kp-navy)!important;
  border-color:#BDD0E7!important;
}

/* Tables and dense data. */
html[data-theme="light"] :where(table,.admin-table,.support-table,.org-table,.demo-table){
  background:#FFFFFF!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;
}
html[data-theme="light"] :where(thead,thead tr,.admin-table th,.support-table th,.org-table th,table th){
  background:#F1F5F9!important;
  background-image:none!important;
  color:#24364D!important;
  border-color:var(--kp-border)!important;
}
html[data-theme="light"] :where(tbody tr,.admin-table td,.support-table td,.org-table td,table td){
  color:var(--kp-text-secondary)!important;border-color:#E4EAF2!important;
}
html[data-theme="light"] :where(tbody tr:hover,.admin-table tbody tr:hover,.support-table tbody tr:hover){background:#F8FAFC!important}
html[data-theme="light"] :where(tbody tr:hover td,.admin-table tbody tr:hover td,.support-table tbody tr:hover td){background:#F8FAFC!important;color:var(--kp-text)!important}

/* Charts and data visuals. Data is untouched; only presentation tokens/surfaces change. */
html[data-theme="light"] :where(.chart-card,.dashboard-card,.report-card,.teacher-report-card,.org-performance-card){
  background:#FFFFFF!important;border-color:var(--kp-border)!important;color:var(--kp-text)!important;box-shadow:var(--kp-shadow-soft)!important;
}
html[data-theme="light"] :where(.chart-card,.dashboard-card,.report-card,.teacher-report-card,.org-performance-card) canvas{background:transparent!important;filter:none!important}
html[data-theme="light"] :where(.chart-card,.dashboard-card,.report-card,.teacher-report-card,.org-performance-card) svg text{fill:var(--kp-text-secondary)!important}
html[data-theme="light"] :where(.progress-track,.xp-track,.mastery-meter,.advisor-capacity-meter,.rank-hero-meter>i){background:#E4EAF2!important}
html[data-theme="light"] .chart-bars i{background:linear-gradient(180deg,#2563EB,#7DB7F0)!important}

/* Statuses and alerts use pale semantic surfaces instead of dark tinted blocks. */
html[data-theme="light"] :where(.badge,.pill,.tag,.status,.status-pill,.ticket-status,.activation-badge,.exam-program-status,.score-chip,.point-rule,.fc-badge,.flash-design-badge,.flash-lock-badge,.type-badge,.official-badge){
  background:#F1F5F9!important;color:#42546A!important;border-color:#D5DFEA!important;box-shadow:none!important;
}
html[data-theme="light"] :where(.risk.low,.ticket-status.resolved,.activation-badge.good,.claim-status.approved,.status-pill:not(.off),.badge.success,.status.success){background:#ECFDF5!important;color:#0F6B50!important;border-color:#B7E8D5!important}
html[data-theme="light"] :where(.risk.medium,.ticket-status.new,.activation-badge.problem,.claim-status.pending,.badge.warning,.status.warning){background:#FFF8E6!important;color:#8A5A06!important;border-color:#EBD7A3!important}
html[data-theme="light"] :where(.risk.high,.ticket-status.escalated,.claim-status.rejected,.status-pill.off,.badge.danger,.status.danger){background:#FFF1F2!important;color:#A73543!important;border-color:#F1C3C9!important}
html[data-theme="light"] :where(.ticket-status.reviewing,.badge.info,.status.info){background:#EFF6FF!important;color:#1D4F91!important;border-color:#C7DBF4!important}
html[data-theme="light"] :where(.notice,.alert,.exam-budget-empty,.historical-konkur-note,.growth-push-note){background:#F5F9FF!important;color:#35516F!important;border-color:#CDDDEE!important}
html[data-theme="light"] .critical-admin-warning{background:#FFF1F2!important;background-image:none!important;border:2px solid #E66572!important;color:#7F1D2D!important;box-shadow:0 8px 24px rgba(194,65,79,.10)!important;animation:none!important}
html[data-theme="light"] .critical-admin-warning :where(h1,h2,h3,h4,strong,b,p,small,span){color:#7F1D2D!important}

/* Locked / unavailable UI stays visibly disabled without becoming black. */
html[data-theme="light"] :where(.locked,.locked-panel,.fc-locked-panel,.flash-subject-card.locked,.fc-subject-card.locked){
  background:#FAF5F6!important;background-image:none!important;color:#6B4B52!important;border-color:#E9D7DC!important;
}

/* Modal overlays remain overlays; dialog surfaces themselves stay light. */
html[data-theme="light"] :where(.modal-overlay,.demo-role-backdrop,.role-picker-backdrop){background:rgba(15,23,42,.38)!important;backdrop-filter:blur(7px)}
html[data-theme="light"] :where(.modal-card,.modal-content,.admin-warning-dialog,.flash-admin-modal-card,.admin-exam-detail-dialog,.student-selector-dialog,.archive-selector-dialog,.archive-detail-dialog,.demo-role-sheet,.role-picker-sheet){
  background:#FFFFFF!important;background-image:none!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
}

/* Flashcard center shell is light; subject-specific card FACE artwork remains untouched. */
html[data-theme="light"] :where(.fc-grade-card,.fc-subject-card,.fc-chapter-card,.fc-smart-card,.fc-leitner-panel,.fc-leitner-box,.fc-formula-hub,.flash-stat,.flash-subject-card,.flash-topic-card,.flash-status-card,.flash-today-panel,.personal-flash){
  background:#FFFFFF!important;background-image:none!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important;
}
html[data-theme="light"] :where(.fc-grade-card,.fc-subject-card,.fc-chapter-card,.fc-smart-card,.flash-stat,.flash-subject-card,.flash-topic-card,.flash-status-card) :where(h1,h2,h3,h4,strong,b){color:var(--kp-text)!important}
html[data-theme="light"] :where(.fc-grade-card,.fc-subject-card,.fc-chapter-card,.fc-smart-card,.flash-stat,.flash-subject-card,.flash-topic-card,.flash-status-card) :where(p,small,.muted){color:var(--kp-text-secondary)!important}

/* Public/intro surface: remove old black page while keeping the composition. */
html[data-theme="light"] .one-screen-intro{background:transparent!important;color:var(--kp-text)!important}
html[data-theme="light"] .intro-card h1{color:var(--kp-text)!important}
html[data-theme="light"] .intro-card h1 em{color:var(--kp-navy)!important}
html[data-theme="light"] .intro-card>p{color:var(--kp-text-secondary)!important}
html[data-theme="light"] .intro-mini-features{color:var(--kp-text-secondary)!important}
html[data-theme="light"] .intro-mini-features i{background:#8CA2BC!important}
html[data-theme="light"] :where(.intro-actions .secondary,.intro-actions .demo){background:#FFFFFF!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
html[data-theme="light"] .demo-role-sheet{background:#FFFFFF!important}
html[data-theme="light"] .demo-role-options>button{background:#F8FAFC!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important}
html[data-theme="light"] .demo-role-options>button:hover{background:#EEF4FC!important;border-color:#BFD1E8!important}
html[data-theme="light"] .demo-role-options small{color:var(--kp-muted)!important}

/* Subtle hover lift only on actual cards; avoids a cheap/heavy dashboard feel. */
@media (hover:hover){
  html[data-theme="light"] :where(.product-card,.role-card,.fc-grade-card,.fc-subject-card,.flash-subject-card,.plan-card,.addon-card,.partner-card):hover{
    border-color:#C3D1E2!important;box-shadow:var(--kp-shadow-hover)!important;transform:translateY(-1px);
  }
}

/* Light-mode scrollbar styling for long panels/tables. */
html[data-theme="light"] :where(.support-nav,.table-wrap,.table-container,.responsive-table,.table-responsive,.ticket-list,.audit-list,.support-message-list){
  scrollbar-color:#B8C4D3 transparent;
}
html[data-theme="light"] :where(.support-nav,.table-wrap,.table-container,.responsive-table,.table-responsive,.ticket-list,.audit-list,.support-message-list)::-webkit-scrollbar-thumb{background:#B8C4D3;border-radius:999px}
html[data-theme="light"] :where(.support-nav,.table-wrap,.table-container,.responsive-table,.table-responsive,.ticket-list,.audit-list,.support-message-list)::-webkit-scrollbar-track{background:transparent}

/* Mobile light surfaces remain contained and spacious without changing layout logic. */
@media(max-width:430px){
  html[data-theme="light"] :where(.card,.panel,.box,[class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]):not(.fc-card):not(.flash-card):not(.flash-card-face):not([class*="fc-theme-"]){
    box-shadow:0 4px 14px rgba(15,23,42,.05)!important;
  }
  html[data-theme="light"] :where(.auth-shell,.auth-showcase,.support-main .hero,.store-hero,.guide-hero){border-radius:16px!important}
}


/* Light surface specificity hardening for legacy selectors with :root/ID/inline-level weight. */
:root[data-theme="light"] .auth-showcase{
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F8FD 56%,#EDF4FB 100%)!important;
  color:var(--kp-text)!important;border-color:var(--kp-border)!important;
}
:root[data-theme="light"] .brand-emblem span{background:#FFFFFF!important;color:var(--kp-navy)!important;border:1px solid var(--kp-border)!important}
:root[data-theme="light"] .optional-section-body{background:#F8FAFC!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important}

:root[data-theme="light"] :where(.public-top,.trust){background:#FFFFFF!important;background-image:none!important;color:var(--kp-text)!important;border:1px solid var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
:root[data-theme="light"] .public-top :where(.public-brand,.public-nav a){color:var(--kp-text)!important}
:root[data-theme="light"] .public-search{background:#F8FAFC!important;color:var(--kp-muted)!important;border-color:var(--kp-border)!important}
:root[data-theme="light"] .public-actions .login{background:#FFFFFF!important;color:var(--kp-navy)!important;border-color:#B9CBE2!important}
:root[data-theme="light"] .public-cta .secondary{background:#FFFFFF!important;color:var(--kp-navy)!important;border-color:#B9CBE2!important}
:root[data-theme="light"] .trust :where(b,span){color:var(--kp-text)!important}
:root[data-theme="light"] .trust span{color:var(--kp-muted)!important}

:root[data-theme="light"] .demo-status{background:#FFF8E6!important;color:#7B5508!important;border-color:#E7D39B!important}
:root[data-theme="light"] :where(.message-icon-btn,.kp-cart-header){background:#F8FAFC!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:none!important}
:root[data-theme="light"] body #taskInput{background:#FFFFFF!important;color:var(--kp-text)!important;border-color:var(--kp-border-strong)!important}
:root[data-theme="light"] .mobile-today-stats>div{background:#FFFFFF!important;color:var(--kp-text)!important;border:1px solid var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
:root[data-theme="light"] .mobile-bottom-nav{background:rgba(255,255,255,.97)!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:0 -8px 24px rgba(15,23,42,.08)!important}
:root[data-theme="light"] .mobile-bottom-nav :where(button,a){color:var(--kp-text-secondary)!important;background:transparent!important}
:root[data-theme="light"] .mobile-bottom-nav :where(.active,[aria-current="page"]){color:var(--kp-navy)!important}
:root[data-theme="light"] .mobile-bottom-main{background:linear-gradient(135deg,var(--kp-navy),#1D5A96)!important;color:#FFFFFF!important;border-color:transparent!important}

:root[data-theme="light"] .advisor-filter{background:#F8FAFC!important;color:var(--kp-text-secondary)!important;border-color:var(--kp-border)!important}
:root[data-theme="light"] .advisor-filter.active{background:#EAF2FC!important;color:var(--kp-navy)!important;border-color:#BDD0E7!important}
:root[data-theme="light"] .advisor-open-followups{background:#FFFFFF!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}

:root[data-theme="light"] .hero-rule{background:#F8FAFC!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:none!important}
:root[data-theme="light"] :where(.danger-btn,.btn-danger-sm,.partner-header .danger){background:#FFF1F2!important;color:#A73543!important;border-color:#F1C3C9!important;box-shadow:none!important}

:root[data-theme="light"] .admin-header button:not(.btn-action):not(.btn-primary){background:#F8FAFC!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important}
:root[data-theme="light"] .admin-nav-btn{background:#F8FAFC!important;color:var(--kp-text-secondary)!important;border-color:var(--kp-border)!important}
:root[data-theme="light"] .admin-nav-btn.active{background:#EAF2FC!important;color:var(--kp-navy)!important;border-color:#BDD0E7!important}

:root[data-theme="light"] .partner-header button{background:#F8FAFC!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important}
:root[data-theme="light"] .partner-header .danger{background:#FFF1F2!important;color:#A73543!important;border-color:#F1C3C9!important}

:root[data-theme="light"] .fc-cycle-chip{background:#FFF8E6!important;color:#7B5508!important;border-color:#E7D39B!important}
:root[data-theme="light"] :where(.fc-section-head button,.fc-breadcrumb button,.fc-topbar button){background:#F8FAFC!important;color:var(--kp-text-secondary)!important;border-color:var(--kp-border)!important}
:root[data-theme="light"] :where(.fc-section-head button.active,.fc-breadcrumb button.active,.fc-topbar button.active){background:#EAF2FC!important;color:var(--kp-navy)!important;border-color:#BDD0E7!important}

/* Preserve strong unclassed creator authentication CTA after neutral legacy-button cleanup. */
:root[data-theme="light"] #loginBtn{background:linear-gradient(135deg,var(--kp-navy),#1D5A96)!important;color:#FFFFFF!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(18,59,115,.16)!important}
:root[data-theme="light"] .ref-card button{background:#F8FAFC!important;color:var(--kp-navy)!important;border-color:var(--kp-border)!important;box-shadow:none!important}
:root[data-theme="light"] .mobile-home-welcome{background:linear-gradient(145deg,#FFFFFF,#F3F7FC)!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
:root[data-theme="light"] .mobile-home-welcome :where(h1,h2,h3,strong,b){color:var(--kp-text)!important}
:root[data-theme="light"] .mobile-home-welcome :where(p,small,span){color:var(--kp-text-secondary)!important}
:root[data-theme="light"] .mobile-progress-ring{background:radial-gradient(circle at center,#FFFFFF 57%,transparent 59%),conic-gradient(#2563EB calc(var(--p)*1%),#DCE6F2 0)!important;box-shadow:inset 0 0 0 1px var(--kp-border)!important}
:root[data-theme="light"] .mobile-progress-ring strong{color:var(--kp-navy)!important}
:root[data-theme="light"] .mobile-progress-ring span{color:var(--kp-muted)!important}
:root[data-theme="light"] .trial-dashboard{background:#FFFFFF!important;background-image:none!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
:root[data-theme="light"] .trial-dashboard :where(h1,h2,h3,h4,strong,b){color:var(--kp-text)!important}
:root[data-theme="light"] .trial-dashboard :where(p,small,span){color:var(--kp-text-secondary)!important}
:root[data-theme="light"] .advisor-executive-board{background:#FFFFFF!important;background-image:none!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
:root[data-theme="light"] .advisor-executive-board :where(h1,h2,h3,h4,strong,b){color:var(--kp-text)!important}
:root[data-theme="light"] .advisor-executive-board :where(p,small,.muted,.meta){color:var(--kp-text-secondary)!important}
:root[data-theme="light"] .wallet-chip{background:#F8FAFC!important;background-image:none!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:none!important}
:root[data-theme="light"] .wallet-chip :where(strong,b){color:var(--kp-text)!important}
:root[data-theme="light"] .wallet-chip :where(span,small){color:var(--kp-muted)!important}
:root[data-theme="light"] .students-launch-section{background:#FFFFFF!important;background-image:none!important;color:var(--kp-text)!important;border-color:var(--kp-border)!important;box-shadow:var(--kp-shadow-soft)!important}
:root[data-theme="light"] .students-launch-section :where(h1,h2,h3,h4,strong,b){color:var(--kp-text)!important}
:root[data-theme="light"] .students-launch-section :where(p,small,.muted){color:var(--kp-text-secondary)!important}
@media(max-width:1100px){
  :root[data-theme="light"] .public-search{display:none!important}
  :root[data-theme="light"] .public-top{gap:16px!important;padding-inline:18px!important}
}