@import url('./base.css');
@import url('./layout.css');
@import url('./components.css');
@import url('./tv.css');
@import url('./admin.css');
@import url('./responsive.css');
@import url('./auth.css');

/* ===== V12 GLOBAL LIGHT MODE ===== */
html[data-theme='light'] .hero-dashboard,
html[data-theme='light'] .user-summary-card,
html[data-theme='light'] .card,
html[data-theme='light'] .section-head,
html[data-theme='light'] .auth-card,
html[data-theme='light'] .app-card,
html[data-theme='light'] .fc-block-card,
html[data-theme='light'] .fc-topic-card,
html[data-theme='light'] .study-card,
html[data-theme='light'] .planner-card {
  background: linear-gradient(180deg,#ffffff,#f7fbff);
  border-color: rgba(15,23,42,.08);
  box-shadow: 0 16px 40px rgba(15,23,42,.08);
}
html[data-theme='light'] .hero-dashboard__overlay { background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.64)); }
html[data-theme='light'] .user-summary-card__name,
html[data-theme='light'] .user-summary-card__subtext,
html[data-theme='light'] .user-summary-card__hint,
html[data-theme='light'] .section-head h2,
html[data-theme='light'] .section-head p { color: #0f172a; }
html[data-theme='light'] .user-summary-card__subtext,
html[data-theme='light'] .user-summary-card__hint,
html[data-theme='light'] .section-head p { color: rgba(15,23,42,.72); }


/* ===== V13 LIGHT MODE POLISH ===== */
html[data-theme='light'] .hero-dashboard,
html[data-theme='light'] .user-summary-card,
html[data-theme='light'] .card,
html[data-theme='light'] .section-head,
html[data-theme='light'] .auth-card,
html[data-theme='light'] .app-card,
html[data-theme='light'] .fc-block-card,
html[data-theme='light'] .fc-topic-card,
html[data-theme='light'] .study-card,
html[data-theme='light'] .planner-card,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .flashcard-side,
html[data-theme='light'] .topic-laws,
html[data-theme='light'] .study-counter {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.98));
  border-color: rgba(15,23,42,.08);
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
}
html[data-theme='light'] .hero-dashboard__overlay {
  background: linear-gradient(90deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.66) 45%, rgba(255,255,255,.32) 100%);
}
html[data-theme='light'] .hero-dashboard__text h1,
html[data-theme='light'] .user-summary-card__name,
html[data-theme='light'] .section-head h2,
html[data-theme='light'] .flashcard-content h2,
html[data-theme='light'] .flashcard-answer h3 { color:#0f172a; }
html[data-theme='light'] .hero-dashboard__text p,
html[data-theme='light'] .user-summary-card__subtext,
html[data-theme='light'] .user-summary-card__hint,
html[data-theme='light'] .section-head p,
html[data-theme='light'] .flashcard-content p,
html[data-theme='light'] .flashcard-answer p,
html[data-theme='light'] .flashcard-explainer { color: rgba(15,23,42,.72); }
html[data-theme='light'] .flashcard-meta span { background: rgba(31,111,255,.08); color:#1751c2; border-color: rgba(31,111,255,.14); }
html[data-theme='light'] .btn-hero-secondary,
html[data-theme='light'] .slider-nav,
html[data-theme='light'] .card-icon-btn { background: rgba(255,255,255,.96); color:#0f172a; border-color: rgba(15,23,42,.12); }
html[data-theme='light'] .footer { background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,.7)); border-top-color: rgba(15,23,42,.08); }

/* ===== V15 LIGHT THEME SURFACES ===== */
html[data-theme='light'] .hero-dashboard,
html[data-theme='light'] .user-summary-card,
html[data-theme='light'] .card,
html[data-theme='light'] .section-head,
html[data-theme='light'] .auth-card,
html[data-theme='light'] .app-card,
html[data-theme='light'] .fc-block-card,
html[data-theme='light'] .fc-topic-card,
html[data-theme='light'] .study-card,
html[data-theme='light'] .planner-card,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .flashcard-side,
html[data-theme='light'] .topic-laws,
html[data-theme='light'] .study-counter,
html[data-theme='light'] .smart-card,
html[data-theme='light'] .featured-block-card,
html[data-theme='light'] .cards-overview-bar,
html[data-theme='light'] .stat-panel,
html[data-theme='light'] .topics-hero-overlay,
html[data-theme='light'] .stats-block-card,
html[data-theme='light'] .stats-list__item {
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.96)),
    radial-gradient(circle at top right, rgba(56,189,248,.10), transparent 36%);
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: 0 20px 42px rgba(148,163,184,.14), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(16px);
}
html[data-theme='light'] .hero-dashboard__overlay {
  background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.74) 48%, rgba(255,255,255,.34) 100%);
}
html[data-theme='light'] .smart-card strong,
html[data-theme='light'] .featured-block-card__overlay h3,
html[data-theme='light'] .cards-overview-bar__item strong,
html[data-theme='light'] .page-header h1,
html[data-theme='light'] .stats-block-card__head strong,
html[data-theme='light'] .topics-hero-overlay h1 { color: #0f172a; }
html[data-theme='light'] .smart-card p,
html[data-theme='light'] .smart-card__label,
html[data-theme='light'] .featured-block-card__cta,
html[data-theme='light'] .block-progress__text,
html[data-theme='light'] .cards-overview-bar__item span,
html[data-theme='light'] .page-header p,
html[data-theme='light'] .stats-block-card p,
html[data-theme='light'] .stats-list__item span,
html[data-theme='light'] .topic-progress__meta span { color: rgba(15,23,42,.72); }
html[data-theme='light'] .btn,
html[data-theme='light'] .btn-hero-primary,
html[data-theme='light'] .btn-hero-secondary,
html[data-theme='light'] .slider-nav,
html[data-theme='light'] .card-icon-btn,
html[data-theme='light'] .flashcard-reveal-btn {
  box-shadow: 0 16px 34px rgba(37,99,235,.14);
}
html[data-theme='light'] .flashcard-reveal-btn {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #38bdf8);
  border-color: transparent;
}
html[data-theme='light'] .flashcard-answer {
  background: linear-gradient(180deg, rgba(239,246,255,.98), rgba(255,255,255,.96));
  border-top-color: rgba(148,163,184,.18);
}
html[data-theme='light'] .shelf-link,
html[data-theme='light'] .back-link { color: #2563eb; }


/* ===== V16 PREMIUM LIGHT MODE ===== */
html[data-theme="light"] body{
  background:
    radial-gradient(1200px 600px at 12% -8%, rgba(96,165,250,.26), transparent 55%),
    radial-gradient(900px 460px at 88% 0%, rgba(191,219,254,.82), transparent 60%),
    radial-gradient(700px 420px at 50% 36%, rgba(255,255,255,.92), transparent 62%),
    linear-gradient(180deg, #fdfefe 0%, #f5f9ff 32%, #eef4ff 68%, #e8f0fd 100%);
}
html[data-theme="light"] .ua-hero-main{
  background-image: linear-gradient(135deg, rgba(255,255,255,.80), rgba(219,234,254,.44)) !important;
  border:1px solid rgba(148,163,184,.22);
  box-shadow: 0 30px 70px rgba(148,163,184,.18), inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-theme="light"] .ua-hero-main h1,
html[data-theme="light"] .ua-hero-main p,
html[data-theme="light"] .ua-hero-main .eyebrow{color:#ffffff !important;text-shadow:0 10px 28px rgba(59,130,246,.30),0 1px 0 rgba(15,23,42,.06);}
html[data-theme="light"] .ua-hero-main{position:relative;overflow:hidden;}
html[data-theme="light"] .ua-hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(59,130,246,.52), rgba(125,211,252,.30) 38%, rgba(255,255,255,.06) 100%);mix-blend-mode:multiply;pointer-events:none;}
html[data-theme="light"] .ua-hero-main > *{position:relative;z-index:1;}
html[data-theme="light"] .ua-user-card,
html[data-theme="light"] .ua-continue-card{background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(239,246,255,.92)); border:1px solid rgba(148,163,184,.18); box-shadow:0 22px 50px rgba(148,163,184,.16);}
html[data-theme="light"] .ua-user-name, html[data-theme="light"] .ua-user-label, html[data-theme="light"] .mini-label, html[data-theme="light"] .mini-title, html[data-theme="light"] .mini-text{color:#0f172a;}
html[data-theme="light"] .hero-dashboard__text h1,
html[data-theme="light"] .hero-dashboard__text p{color:#ffffff !important;text-shadow:0 8px 24px rgba(15,23,42,.18);}
html[data-theme="light"] .hero-dashboard__overlay{background:linear-gradient(90deg, rgba(255,255,255,.10) 0%, rgba(59,130,246,.34) 38%, rgba(37,99,235,.18) 70%, rgba(255,255,255,.08) 100%) !important;}
html[data-theme="light"] .user-summary-card{background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(219,234,254,.88)) !important;}
html[data-theme="light"] .user-summary-card__name, html[data-theme="light"] .user-summary-card__subtext, html[data-theme="light"] .user-summary-card__hint, html[data-theme="light"] .user-summary-card p, html[data-theme="light"] .user-summary-card span{color:#0f172a !important;}
html[data-theme="light"] .stat-card p,
html[data-theme="light"] .stat-card span,
html[data-theme="light"] .cards-overview-bar__item span,
html[data-theme="light"] .cards-overview-bar__item strong,
html[data-theme="light"] .smart-card p,
html[data-theme="light"] .smart-card strong,
html[data-theme="light"] .smart-card__label,
html[data-theme="light"] .app-card p,
html[data-theme="light"] .app-card h3,
html[data-theme="light"] .chip,
html[data-theme="light"] .badge,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .section-head h2{color:#0f172a !important;}
html[data-theme="light"] .app-card__backdrop{background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.76));}
html[data-theme="light"] .footer, html[data-theme="light"] .om-header{background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(246,250,255,.90)); backdrop-filter:blur(18px);}
html[data-theme="light"] .om-header{border-bottom:1px solid rgba(148,163,184,.18); box-shadow:0 14px 34px rgba(148,163,184,.14);}
html[data-theme="light"] .netflix-body{background:transparent !important;color:#0f172a;}
html[data-theme="light"] .page-header .subtitle, html[data-theme="light"] .page-header p, html[data-theme="light"] .topic-progress__meta span{color:rgba(15,23,42,.72) !important;}
html[data-theme="light"] .featured-block-card__overlay h3, html[data-theme="light"] .topic-number, html[data-theme="light"] .card-topic-overlay h2, html[data-theme="light"] .card-topic-overlay p{color:#fff !important;text-shadow:0 8px 20px rgba(0,0,0,.24);}


/* ===== V17 PREMIUM LIGHT MODE ===== */
html[data-theme='light'] body,
html[data-theme='light'] .netflix-body{color:#0f172a;}
html[data-theme='light'] .om-header,
html[data-theme='light'] .footer{background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(244,248,255,.64));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(148,163,184,.18);box-shadow:0 18px 40px rgba(148,163,184,.14);}
html[data-theme='light'] .hero-dashboard,
html[data-theme='light'] .ua-user-card,
html[data-theme='light'] .ua-continue-card,
html[data-theme='light'] .user-summary-card,
html[data-theme='light'] .app-card,
html[data-theme='light'] .smart-card,
html[data-theme='light'] .stat-card,
html[data-theme='light'] .cards-overview-bar,
html[data-theme='light'] .stats-block-card,
html[data-theme='light'] .stats-list__item,
html[data-theme='light'] .flashcard-side,
html[data-theme='light'] .topic-laws,
html[data-theme='light'] .study-counter,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .page-header,
html[data-theme='light'] .auth-card,
html[data-theme='light'] .card{background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(245,249,255,.92));border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 54px rgba(148,163,184,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
html[data-theme='light'] .section-head, html[data-theme='light'] .shelf-header h2, html[data-theme='light'] .page-header h1, html[data-theme='light'] .page-header h2, html[data-theme='light'] .page-header h3, html[data-theme='light'] .hero-dashboard__text h1, html[data-theme='light'] .ua-user-name, html[data-theme='light'] .mini-title, html[data-theme='light'] .smart-card strong, html[data-theme='light'] .stats-list__item strong, html[data-theme='light'] .flashcard-content h2, html[data-theme='light'] .flashcard-answer h3{color:#0f172a !important;}
html[data-theme='light'] p, html[data-theme='light'] span, html[data-theme='light'] .ua-user-label, html[data-theme='light'] .mini-label, html[data-theme='light'] .mini-text, html[data-theme='light'] .shelf-link, html[data-theme='light'] .back-link, html[data-theme='light'] .page-header .subtitle, html[data-theme='light'] .cards-overview-bar__item span, html[data-theme='light'] .stats-block-card p, html[data-theme='light'] .stats-list__item span, html[data-theme='light'] .flashcard-content p, html[data-theme='light'] .flashcard-answer p, html[data-theme='light'] .flashcard-explainer{color:rgba(15,23,42,.72) !important;}
html[data-theme='light'] .hero-dashboard__overlay{background:linear-gradient(90deg, rgba(255,255,255,.10) 0%, rgba(59,130,246,.38) 34%, rgba(191,219,254,.28) 66%, rgba(255,255,255,.12) 100%) !important;}
html[data-theme='light'] .hero-dashboard__text h1, html[data-theme='light'] .hero-dashboard__text p, html[data-theme='light'] .ua-hero-main h1, html[data-theme='light'] .ua-hero-main p, html[data-theme='light'] .ua-hero-main .eyebrow{color:#ffffff !important;text-shadow:0 14px 32px rgba(15,23,42,.18);}
html[data-theme='light'] .ua-user-card, html[data-theme='light'] .ua-continue-card, html[data-theme='light'] .user-summary-card{background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(225,239,255,.92)) !important;}
html[data-theme='light'] .app-card__backdrop{background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.62));}
html[data-theme='light'] .btn, html[data-theme='light'] .btn-secondary, html[data-theme='light'] .btn-hero-secondary, html[data-theme='light'] .slider-nav, html[data-theme='light'] .card-icon-btn, html[data-theme='light'] .flashcard-reveal-btn{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,247,255,.94));color:#0f172a;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(148,163,184,.12);}
html[data-theme='light'] .btn-primary, html[data-theme='light'] .btn-hero-primary{background:linear-gradient(135deg, #2563eb, #38bdf8);color:#fff;border-color:transparent;}
html[data-theme='light'] input, html[data-theme='light'] select, html[data-theme='light'] textarea{background:rgba(255,255,255,.88);color:#0f172a;border-color:rgba(148,163,184,.22);}
html[data-theme='light'] input::placeholder, html[data-theme='light'] textarea::placeholder{color:rgba(15,23,42,.42);}
html[data-theme='light'] .flashcard-meta span, html[data-theme='light'] .chip, html[data-theme='light'] .badge, html[data-theme='light'] .topic-progress__meta span{color:#1e3a8a !important;background:rgba(219,234,254,.82);border-color:rgba(96,165,250,.18);}
html[data-theme='light'] .study-hint{color:rgba(15,23,42,.62);}
html[data-theme='light'] .featured-block-card__overlay h3, html[data-theme='light'] .topic-number, html[data-theme='light'] .card-topic-overlay h2, html[data-theme='light'] .card-topic-overlay p{color:#fff !important;text-shadow:0 12px 26px rgba(2,6,23,.38);}
html[data-theme='light'] .netflix-body .hero, html[data-theme='light'] .topics-hero{box-shadow:0 30px 64px rgba(148,163,184,.18);}


/* === v18 premium light mode overrides === */
html[data-theme="light"] body{color:#0f172a;}
html[data-theme="light"] .container,html[data-theme="light"] section{color:inherit;}
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .ua-user-label,
html[data-theme="light"] .ua-user-name,
html[data-theme="light"] .mini-label,
html[data-theme="light"] .mini-title,
html[data-theme="light"] .mini-text,
html[data-theme="light"] .test-muted,
html[data-theme="light"] .tv-note-box__label,
html[data-theme="light"] .tv-video-footer,
html[data-theme="light"] .tv-continue-card__content p,
html[data-theme="light"] .tv-fav-header p,
html[data-theme="light"] .test-eyebrow,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .ua-hero-main p,
html[data-theme="light"] .ua-hero-main h1{color:#0f172a !important;}
html[data-theme="light"] .ua-hero-main{position:relative;overflow:hidden;background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(235,244,255,.64)) !important;border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 60px rgba(148,163,184,.16), inset 0 1px 0 rgba(255,255,255,.95);}
html[data-theme="light"] .ua-hero-main::before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at top left, rgba(96,165,250,.30), transparent 32%), radial-gradient(circle at bottom right, rgba(191,219,254,.72), transparent 28%), linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.34));pointer-events:none;}
html[data-theme="light"] .ua-hero-main > *{position:relative;z-index:1;}
html[data-theme="light"] .ua-hero-side .ua-user-card,html[data-theme="light"] .ua-continue-card{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.92));border-color:rgba(148,163,184,.16);box-shadow:0 18px 36px rgba(148,163,184,.14);}
html[data-theme="light"] .apps-grid .app-card,html[data-theme="light"] .card,html[data-theme="light"] .hero-dashboard,html[data-theme="light"] .user-summary-card,html[data-theme="light"] .test-panel,html[data-theme="light"] .test-stat-card,html[data-theme="light"] .test-info-card,html[data-theme="light"] .test-block-card,html[data-theme="light"] .test-generator-card,html[data-theme="light"] .test-question-card,html[data-theme="light"] .test-case-card,html[data-theme="light"] .test-result-card,html[data-theme="light"] .test-action-card{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.94)) !important;border-color:rgba(148,163,184,.14)!important;box-shadow:0 20px 44px rgba(148,163,184,.15)!important;}
html[data-theme="light"] .btn-secondary, html[data-theme="light"] .btn-hero-secondary{background:linear-gradient(180deg,#fff,#edf5ff);color:#0f172a;border-color:rgba(148,163,184,.18);}
html[data-theme="light"] .btn-primary, html[data-theme="light"] .btn-hero-primary{box-shadow:0 16px 28px rgba(37,99,235,.18);}
html[data-theme="light"] .card-icon-btn,html[data-theme="light"] .slider-nav{background:linear-gradient(180deg,#fff,#eef5ff)!important;color:#0f172a!important;border-color:rgba(148,163,184,.18)!important;}
html[data-theme="light"] .card-icon-btn:hover,html[data-theme="light"] .slider-nav:hover{background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;}
html[data-theme="light"] .app-card__overlay{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(3,7,18,.18) 78%);}


/* === v19 premium floating actions === */
.om-floating-actions{right:20px;bottom:20px;gap:14px}
.om-floating-actions__btn{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:20px;color:#fff;background:linear-gradient(180deg, rgba(11,18,31,.92), rgba(17,30,52,.88));border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.om-floating-actions__btn::before{content:"";position:absolute;inset:1px;border-radius:19px;background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,0));pointer-events:none}
.om-floating-actions__btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 26px 55px rgba(2,6,23,.4)}
.om-floating-actions__btn--wa{background:linear-gradient(160deg,#0d2a1a,#16a34a 60%,#22c55e)}
.om-floating-actions__btn--aula{background:linear-gradient(160deg,#0b1f49,#2563eb 55%,#38bdf8)}
.om-floating-actions__icon{font-size:1.35rem}
html[data-theme='light'] .om-floating-actions__btn{color:#0f172a;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,245,255,.92));border-color:rgba(148,163,184,.14);box-shadow:0 22px 42px rgba(148,163,184,.2), inset 0 1px 0 rgba(255,255,255,.94)}
html[data-theme='light'] .om-floating-actions__btn--aula{background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(219,234,254,.94) 60%, rgba(186,230,253,.92))}
html[data-theme='light'] .om-floating-actions__btn--wa{background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(220,252,231,.94) 62%, rgba(187,247,208,.92))}
@media (max-width:768px){.om-floating-actions{right:12px;bottom:12px}.om-floating-actions__btn{width:52px;height:52px;border-radius:18px}}

/* === v19 premium light mode global === */
html[data-theme='light'] body{background:linear-gradient(180deg,#fbfdff 0%,#f3f8ff 34%,#eef5ff 68%,#f8fbff 100%);color:#0f172a}
html[data-theme='light'] .hero-dashboard,
html[data-theme='light'] .ua-hero-main,
html[data-theme='light'] .ua-hero-side,
html[data-theme='light'] .ua-user-card,
html[data-theme='light'] .ua-continue-card,
html[data-theme='light'] .app-card,
html[data-theme='light'] .card,
html[data-theme='light'] .section-head,
html[data-theme='light'] .test-generator-card,
html[data-theme='light'] .test-action-card,
html[data-theme='light'] .tv-searchbar,
html[data-theme='light'] .tv-continue-card,
html[data-theme='light'] .tv-video-card,
html[data-theme='light'] .tv-topic-card,
html[data-theme='light'] .tv-category-card,
html[data-theme='light'] .smart-card,
html[data-theme='light'] .featured-block-card__image,
html[data-theme='light'] .cards-overview-bar__item,
html[data-theme='light'] .stat-panel,
html[data-theme='light'] .stats-block-card,
html[data-theme='light'] .stats-list__item,
html[data-theme='light'] .topic-laws,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .flashcard-side,
html[data-theme='light'] .study-counter{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.95));border-color:rgba(148,163,184,.16);box-shadow:0 18px 45px rgba(148,163,184,.15), inset 0 1px 0 rgba(255,255,255,.8)}
html[data-theme='light'] .hero-dashboard__overlay{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.56) 52%, rgba(243,248,255,.96) 100%)}
html[data-theme='light'] .hero-dashboard__text h1,
html[data-theme='light'] .hero-dashboard__text p,
html[data-theme='light'] .ua-hero-main h1,
html[data-theme='light'] .ua-hero-main p,
html[data-theme='light'] .section-head h2,
html[data-theme='light'] .section-head p,
html[data-theme='light'] .app-card p,
html[data-theme='light'] .app-card h3,
html[data-theme='light'] .test-muted,
html[data-theme='light'] .tv-video-card h3,
html[data-theme='light'] .tv-video-card p,
html[data-theme='light'] .tv-topic-card h3,
html[data-theme='light'] .tv-topic-card p,
html[data-theme='light'] .cards-overview-bar__item span,
html[data-theme='light'] .smart-card p,
html[data-theme='light'] .smart-card strong,
html[data-theme='light'] .stat-panel strong,
html[data-theme='light'] .stat-panel span,
html[data-theme='light'] .stats-block-card p,
html[data-theme='light'] .stats-list__item span{color:#0f172a}
html[data-theme='light'] .hero-dashboard__text p,
html[data-theme='light'] .section-head p,
html[data-theme='light'] .app-card p,
html[data-theme='light'] .tv-video-card p,
html[data-theme='light'] .tv-topic-card p,
html[data-theme='light'] .smart-card p,
html[data-theme='light'] .stats-block-card p,
html[data-theme='light'] .stats-list__item span,
html[data-theme='light'] .test-muted{color:rgba(15,23,42,.72)}
html[data-theme='light'] .btn-hero-secondary,
html[data-theme='light'] .slider-nav,
html[data-theme='light'] .card-icon-btn{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.96));color:#0f172a;border-color:rgba(148,163,184,.18)}
html[data-theme='light'] .hero-dashboard__text h1,
html[data-theme='light'] .ua-hero-main h1{color:#fff;text-shadow:0 18px 45px rgba(15,23,42,.28)}
html[data-theme='light'] .ua-hero-main p{color:rgba(255,255,255,.9)}
html[data-theme='light'] .ua-hero-side{background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(232,243,255,.95));}
html[data-theme='light'] .ua-user-card,html[data-theme='light'] .ua-continue-card{background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(219,234,254,.82));border:1px solid rgba(148,163,184,.18)}

/* cards light refinements */
html[data-theme='light'] .netflix-app{background:linear-gradient(180deg, rgba(248,251,255,.84), rgba(237,244,255,.96))!important}
html[data-theme='light'] .hero{box-shadow:0 30px 70px rgba(148,163,184,.18)!important}
html[data-theme='light'] .hero-gradient{background:linear-gradient(to top,rgba(248,251,255,.98) 14%,rgba(248,251,255,.32) 58%,rgba(248,251,255,.08) 100%),linear-gradient(to right,rgba(15,23,42,.14),rgba(15,23,42,.02) 55%,transparent)!important}
html[data-theme='light'] .hero-kicker{color:#1d4ed8!important}
html[data-theme='light'] .hero-text{color:rgba(255,255,255,.92)!important;text-shadow:0 6px 18px rgba(15,23,42,.2)}
html[data-theme='light'] .featured-block-card__overlay,
html[data-theme='light'] .card-topic-overlay,
html[data-theme='light'] .topics-hero-overlay{background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,.26) 60%,rgba(255,255,255,.06))!important}
html[data-theme='light'] .featured-block-card__overlay h3,
html[data-theme='light'] .card-topic-overlay h2,
html[data-theme='light'] .topics-hero-overlay h1{color:#0f172a!important;text-shadow:none}
html[data-theme='light'] .featured-block-card__cta,
html[data-theme='light'] .topic-number,
html[data-theme='light'] .smart-card__label,
html[data-theme='light'] .back-link,
html[data-theme='light'] .eyebrow{color:#2563eb!important}
html[data-theme='light'] .card-topic-overlay p,
html[data-theme='light'] .topic-progress__meta,
html[data-theme='light'] .block-progress__text{color:rgba(15,23,42,.72)!important}
html[data-theme='light'] .flashcard-meta span{background:rgba(37,99,235,.08)!important;border-color:rgba(37,99,235,.12)!important;color:#1d4ed8!important}
html[data-theme='light'] .flashcard-reveal-btn{background:linear-gradient(135deg,#1d4ed8,#38bdf8)!important;border-color:rgba(37,99,235,.22)!important;color:#fff!important}
html[data-theme='light'] .flashcard-slide.is-answer .flashcard-reveal-btn{background:rgba(37,99,235,.08)!important;color:#1d4ed8!important}
html[data-theme='light'] .flashcard-content p,html[data-theme='light'] .flashcard-answer p{color:#10233d!important}
html[data-theme='light'] .flashcard-explainer{background:linear-gradient(180deg,#eff6ff,#e8f3ff)!important;color:#334155!important}
html[data-theme='light'] .study-hint{color:rgba(15,23,42,.7)!important}

/* TV search and cards */
.tv-searchbar--legacy{padding:20px 22px}
.tv-searchbar__legacy-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 220px;gap:14px;align-items:end}
.tv-searchbar input,.tv-searchbar select{font-size:15px}
@media (min-width:1024px){.tv-searchbar--legacy{max-width:980px;margin:0 auto}}
html[data-theme='light'] .tv-searchbar{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.95))!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 22px 46px rgba(148,163,184,.16)!important}
html[data-theme='light'] .tv-searchbar input,
html[data-theme='light'] .tv-searchbar select{background:rgba(255,255,255,.9)!important;border-color:rgba(148,163,184,.18)!important;color:#0f172a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme='light'] .tv-searchbar input::placeholder{color:rgba(15,23,42,.42)!important}
html[data-theme='light'] .tv-video-actions,html[data-theme='light'] .tv-video-footer,html[data-theme='light'] .tv-note-status{color:#334155!important}
html[data-theme='light'] .tv-viewed-check,html[data-theme='light'] .tv-fav-star{background:rgba(37,99,235,.06)!important;border-color:rgba(37,99,235,.12)!important;color:#0f172a!important}
html[data-theme='light'] .tv-note-input{background:rgba(255,255,255,.92)!important;border-color:rgba(148,163,184,.18)!important;color:#0f172a!important}
html[data-theme='light'] .tv-note-input::placeholder{color:rgba(15,23,42,.42)!important}
html[data-theme='light'] .tv-breadcrumbs__item,html[data-theme='light'] .tv-breadcrumbs__sep{color:#1e293b!important}

/* Test generator UX */
.test-field--checks,.test-field--topics{align-self:start}
.test-check-grid{display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.test-check{display:flex;align-items:center;gap:10px;font-weight:700;color:#e5e7eb}
.test-check input{width:18px;height:18px;accent-color:#2563eb}
.test-topic-picker{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-weight:700;cursor:pointer}
.test-topic-picker__panel{margin-top:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(8,15,28,.84);box-shadow:0 20px 34px rgba(0,0,0,.22)}
.test-topic-picker__actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:12px}
.btn-sm{min-height:38px;padding:0 12px;border-radius:12px;font-size:.9rem}
.test-topic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:280px;overflow:auto;padding-right:4px}
.test-topic-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#e5e7eb;cursor:pointer}
.test-topic-option input{margin-top:2px;accent-color:#2563eb}
html[data-theme='light'] .test-check-grid{background:rgba(248,250,252,.94);border-color:rgba(148,163,184,.18)}
html[data-theme='light'] .test-check{color:#0f172a}
html[data-theme='light'] .test-topic-picker{background:rgba(255,255,255,.94);border-color:rgba(148,163,184,.18);color:#0f172a}
html[data-theme='light'] .test-topic-picker__panel{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.96));border-color:rgba(148,163,184,.16);box-shadow:0 22px 46px rgba(148,163,184,.16)}
html[data-theme='light'] .test-topic-option{background:rgba(255,255,255,.9);border-color:rgba(148,163,184,.16);color:#0f172a}
@media (max-width:900px){.test-topic-options{grid-template-columns:1fr}}


/* === v20 light mode polish === */
html[data-theme='light'] .page-loader{background:radial-gradient(circle at top, rgba(37,99,235,.10), transparent 34%),linear-gradient(180deg,#f8fbff 0%,#eef5ff 55%,#e9f1fc 100%);} 
html[data-theme='light'] .page-loader__inner{background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.16);box-shadow:0 28px 70px rgba(148,163,184,.18);} 
html[data-theme='light'] .page-loader__text{color:#0f172a;}
html[data-theme='light'] .hero-dashboard__text h1, html[data-theme='light'] .hero-dashboard__text p{color:#0f172a!important;}
html[data-theme='light'] .hero-dashboard__overlay{background:linear-gradient(90deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.42) 45%, rgba(255,255,255,.12) 100%)!important;}
html[data-theme='light'] .test-action-card, html[data-theme='light'] .smart-card, html[data-theme='light'] .featured-block-card, html[data-theme='light'] .comics-card, html[data-theme='light'] .tv-continue-card, html[data-theme='light'] .tv-searchbar, html[data-theme='light'] .cards-overview-bar{border-color:rgba(148,163,184,.16)!important; box-shadow:0 18px 40px rgba(148,163,184,.14)!important;}
html[data-theme='light'] .om-floating-actions__btn{box-shadow:0 16px 34px rgba(37,99,235,.16);}
html[data-theme='light'] .section-head p, html[data-theme='light'] .test-muted{color:rgba(15,23,42,.68)!important;}
html[data-theme='light'] .featured-block-card__overlay{background:linear-gradient(180deg, rgba(15,23,42,.02) 0%, rgba(15,23,42,.62) 100%);} 
html[data-theme='light'] .comics-card__body h3, html[data-theme='light'] .comics-card__body p{color:#0f172a;}

.app-shell,
.page-shell,
.dashboard-shell,
.app-home,
.app-section,
.app-card,
.stat-card,
.quick-action-card,
.content-card,
.panel-card{
  border-radius: var(--premium-radius);
  border: 1px solid var(--premium-border);
  box-shadow: var(--premium-shadow-soft);
  backdrop-filter: blur(10px);
}
.app-card:hover,
.content-card:hover,
.quick-action-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--premium-shadow);
}
.btn,
button,
input,
select,
textarea{
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease;
}
.btn-primary,
.btn-success{
  box-shadow: 0 10px 24px rgba(16,185,129,.18);
}
.btn-secondary{
  box-shadow: 0 10px 22px rgba(59,130,246,.12);
}
input:focus, select:focus, textarea:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(59,130,246,.14);
}

/* Premium polish layer */
:root{--premium-shadow:0 18px 45px rgba(2,6,23,.18);--premium-border:1px solid rgba(148,163,184,.14)}
.card,.app-card,.stat-card,.quick-link{box-shadow:var(--premium-shadow);backdrop-filter:blur(12px)}
.section-head h2{letter-spacing:-.02em}
.btn{transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.18)}
html[data-theme='light'] .card,html[data-theme='light'] .app-card,html[data-theme='light'] .stat-card{box-shadow:0 16px 36px rgba(15,23,42,.08)}


/* === v20 premium coherence polish === */
:root{
  --om-premium-shadow:0 22px 50px rgba(15,23,42,.16);
  --om-premium-shadow-soft:0 14px 34px rgba(15,23,42,.10);
  --om-premium-border:1px solid rgba(255,255,255,.08);
}
body{background:
  radial-gradient(circle at top left, rgba(59,130,246,.12), transparent 24%),
  radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 22%),
  linear-gradient(180deg, #060b16 0%, #0b1220 48%, #0a1120 100%);
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at top left, rgba(96,165,250,.18), transparent 24%),
    radial-gradient(circle at top right, rgba(186,230,253,.34), transparent 28%),
    linear-gradient(180deg, #f6f9ff 0%, #eef5ff 46%, #f8fbff 100%);
}
.om-header{transition:background .28s ease, box-shadow .28s ease, border-color .28s ease, transform .28s ease;}
.om-header.is-scrolled{box-shadow:0 18px 42px rgba(2,6,23,.24);background:linear-gradient(180deg, rgba(10,15,29,.92), rgba(8,13,24,.84));}
html[data-theme="light"] .om-header.is-scrolled{box-shadow:0 18px 42px rgba(148,163,184,.18);background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,248,255,.88));}
.card,.app-card,.smart-card,.stat-card,.test-panel,.test-stat-card,.test-info-card,.test-generator-card,.test-block-card,.test-action-card,.user-summary-card,.ua-user-card,.ua-continue-card,.auth-card,.page-header,.test-table-wrap{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.card:hover,.app-card:hover,.smart-card:hover,.stat-card:hover,.test-panel:hover,.test-stat-card:hover,.test-info-card:hover,.test-generator-card:hover,.test-block-card:hover,.test-action-card:hover,.user-summary-card:hover,.ua-user-card:hover,.ua-continue-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--om-premium-shadow);
}
html[data-theme="light"] .card:hover,html[data-theme="light"] .app-card:hover,html[data-theme="light"] .smart-card:hover,html[data-theme="light"] .stat-card:hover,html[data-theme="light"] .test-panel:hover,html[data-theme="light"] .test-stat-card:hover,html[data-theme="light"] .test-info-card:hover,html[data-theme="light"] .test-generator-card:hover,html[data-theme="light"] .test-block-card:hover,html[data-theme="light"] .test-action-card:hover,html[data-theme="light"] .user-summary-card:hover,html[data-theme="light"] .ua-user-card:hover,html[data-theme="light"] .ua-continue-card:hover{
  box-shadow:0 26px 54px rgba(148,163,184,.18);
}
.btn,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-hero-primary,.btn-hero-secondary{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease, background .25s ease;
}
.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-hero-primary:hover,.btn-hero-secondary:hover{
  transform:translateY(-1px);
  filter:saturate(1.04);
}
.btn:active,.btn-primary:active,.btn-secondary:active,.btn-success:active,.btn-warning:active{transform:translateY(0) scale(.99);}
html[data-theme="light"] .btn,html[data-theme="light"] .btn-secondary,html[data-theme="light"] .btn-hero-secondary{
  box-shadow:0 12px 24px rgba(148,163,184,.12);
}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(148,163,184,.07);
}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{
  border-color:rgba(59,130,246,.34);
  box-shadow:0 0 0 4px rgba(59,130,246,.10), 0 12px 24px rgba(59,130,246,.10);
}
html[data-theme="light"] .test-table th{background:linear-gradient(180deg, rgba(219,234,254,.84), rgba(239,246,255,.92));color:#0f172a;}
html[data-theme="light"] .test-table td{background:rgba(255,255,255,.72);color:#0f172a;}
html[data-theme="light"] .test-table tr:hover td{background:rgba(239,246,255,.92);}
html[data-theme="light"] .test-option-item,
html[data-theme="light"] .test-mini-item,
html[data-theme="light"] .admin-report-item,
html[data-theme="light"] .test-quick-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.95));
  border-color:rgba(148,163,184,.14);
  color:#0f172a;
}
html[data-theme="light"] .test-session-head p,
html[data-theme="light"] .test-result-card__explanation,
html[data-theme="light"] .test-case-text,
html[data-theme="light"] .admin-report-item__meta,
html[data-theme="light"] .test-question-card__index,
html[data-theme="light"] .test-muted{color:rgba(15,23,42,.74)!important;}
html[data-theme="light"] .test-case-text{background:rgba(248,250,252,.96);}
html[data-theme="light"] .test-option-item:hover{border-color:rgba(59,130,246,.24);box-shadow:0 14px 26px rgba(148,163,184,.12);}

.card,.app-card,.smart-card,.stat-card,.test-panel,.test-stat-card,.test-info-card,.test-generator-card,.test-block-card,.test-action-card,.user-summary-card,.ua-user-card,.ua-continue-card{position:relative;overflow:hidden;}
.card::after,.app-card::after,.smart-card::after,.stat-card::after,.test-panel::after,.test-stat-card::after,.test-info-card::after,.test-generator-card::after,.test-block-card::after,.test-action-card::after,.user-summary-card::after,.ua-user-card::after,.ua-continue-card::after{
  content:"";position:absolute;inset:-35%;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--om-glow-x, 50%) var(--om-glow-y, 50%), rgba(255,255,255,.14), transparent 28%);
  transition:opacity .22s ease;
}
.card:hover::after,.app-card:hover::after,.smart-card:hover::after,.stat-card:hover::after,.test-panel:hover::after,.test-stat-card:hover::after,.test-info-card:hover::after,.test-generator-card:hover::after,.test-block-card:hover::after,.test-action-card:hover::after,.user-summary-card:hover::after,.ua-user-card:hover::after,.ua-continue-card:hover::after{opacity:1;}
html[data-theme="light"] .card::after,html[data-theme="light"] .app-card::after,html[data-theme="light"] .smart-card::after,html[data-theme="light"] .stat-card::after,html[data-theme="light"] .test-panel::after,html[data-theme="light"] .test-stat-card::after,html[data-theme="light"] .test-info-card::after,html[data-theme="light"] .test-generator-card::after,html[data-theme="light"] .test-block-card::after,html[data-theme="light"] .test-action-card::after,html[data-theme="light"] .user-summary-card::after,html[data-theme="light"] .ua-user-card::after,html[data-theme="light"] .ua-continue-card::after{
  background:radial-gradient(circle at var(--om-glow-x, 50%) var(--om-glow-y, 50%), rgba(255,255,255,.65), transparent 24%);
}


/* === v24 premium colored buttons in light mode === */
html[data-theme='light'] .btn{background:linear-gradient(180deg,#ffffff,#eef5ff);color:#0f172a;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 28px rgba(148,163,184,.14), inset 0 1px 0 rgba(255,255,255,.92);}
html[data-theme='light'] .btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(148,163,184,.18), inset 0 1px 0 rgba(255,255,255,.96);}
html[data-theme='light'] .btn-primary,
html[data-theme='light'] .btn-hero-primary,
html[data-theme='light'] .test-submit-bar .btn-primary,
html[data-theme='light'] .test-result-actions .btn-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb 46%,#38bdf8);color:#fff;border-color:rgba(37,99,235,.14);box-shadow:0 18px 34px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.18);}
html[data-theme='light'] .btn-success,
html[data-theme='light'] .test-submit-bar .btn-success,
html[data-theme='light'] .test-result-actions .btn-success,
html[data-theme='light'] .test-generate-btn{background:linear-gradient(135deg,#16a34a,#22c55e 54%,#4ade80);color:#fff;border-color:rgba(34,197,94,.16);box-shadow:0 18px 34px rgba(34,197,94,.24), inset 0 1px 0 rgba(255,255,255,.18);}
html[data-theme='light'] .btn-warning,
html[data-theme='light'] .btn-gold,
html[data-theme='light'] .btn-smart-tech{background:linear-gradient(135deg,#fef3c7,#f59e0b 52%,#b45309);color:#3b2f12;border-color:rgba(245,158,11,.22);box-shadow:0 18px 34px rgba(245,158,11,.22), inset 0 1px 0 rgba(255,255,255,.22);}
html[data-theme='light'] .btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444 58%,#f87171);color:#fff;border-color:rgba(239,68,68,.18);box-shadow:0 18px 34px rgba(239,68,68,.22), inset 0 1px 0 rgba(255,255,255,.18);}
html[data-theme='light'] .btn-secondary,
html[data-theme='light'] .btn-hero-secondary{background:linear-gradient(135deg,#ffffff,#eff6ff 52%,#dbeafe);color:#0f172a;border-color:rgba(96,165,250,.18);box-shadow:0 16px 30px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.95);}
html[data-theme='light'] .btn-primary:hover,
html[data-theme='light'] .btn-success:hover,
html[data-theme='light'] .btn-warning:hover,
html[data-theme='light'] .btn-gold:hover,
html[data-theme='light'] .btn-smart-tech:hover,
html[data-theme='light'] .btn-danger:hover,
html[data-theme='light'] .btn-secondary:hover,
html[data-theme='light'] .btn-hero-secondary:hover{filter:saturate(1.05) brightness(1.01);}


/* === v25 premium phase 1 global polish === */
:root{
  --om-radius-xs:12px;
  --om-radius-sm:16px;
  --om-radius-md:20px;
  --om-radius-lg:24px;
  --om-radius-xl:28px;
  --om-border-soft:1px solid rgba(148,163,184,.16);
  --om-shadow-soft:0 14px 32px rgba(15,23,42,.12);
  --om-shadow-card:0 22px 52px rgba(2,6,23,.18);
  --om-shadow-light:0 20px 44px rgba(148,163,184,.16);
  --om-glass-dark:linear-gradient(180deg, rgba(15,23,42,.94), rgba(8,15,28,.98));
  --om-glass-light:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.94));
}
html{scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{background:rgba(59,130,246,.26);color:inherit;}

.om-header,
.footer,
.auth-card,
.card,
.app-card,
.smart-card,
.stat-card,
.test-panel,
.test-stat-card,
.test-info-card,
.test-generator-card,
.test-block-card,
.test-action-card,
.test-question-card,
.test-case-card,
.test-result-card,
.test-table-wrap,
.user-summary-card,
.ua-user-card,
.ua-continue-card,
.planner-card,
.study-card,
.empty-state{
  border-radius:var(--om-radius-lg);
}

.card,
.app-card,
.smart-card,
.stat-card,
.test-panel,
.test-stat-card,
.test-info-card,
.test-generator-card,
.test-block-card,
.test-action-card,
.test-question-card,
.test-case-card,
.test-result-card,
.test-table-wrap,
.user-summary-card,
.ua-user-card,
.ua-continue-card,
.planner-card,
.study-card,
.empty-state{
  border:var(--om-border-soft);
  box-shadow:var(--om-shadow-card);
}

.btn,
button,
input,
select,
textarea{
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease,color .22s ease,opacity .22s ease;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-hero-primary,
.btn-hero-secondary{
  min-height:50px;
  border-radius:16px;
  padding:0 20px;
  letter-spacing:.01em;
}

.btn-small{min-height:40px;border-radius:13px;}

.btn:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(59,130,246,.16), 0 10px 24px rgba(59,130,246,.16);
}

input,
select,
textarea{
  min-height:50px;
  border-radius:16px;
}
textarea{min-height:120px;}

.section-head,
.page-header{
  position:relative;
  overflow:hidden;
}
.section-head::after,
.page-header::after{
  content:"";
  position:absolute;
  right:-40px;
  top:-40px;
  width:140px;
  height:140px;
  background:radial-gradient(circle, rgba(56,189,248,.16), transparent 62%);
  pointer-events:none;
}

.badge,
.chip,
.test-chip,
.test-metric-chip{
  border-radius:999px;
  font-weight:800;
  letter-spacing:.03em;
}

.test-table th,
.test-table td{vertical-align:middle;}

.test-table th{
  backdrop-filter:blur(10px);
}

html[data-theme='light'] .om-header,
html[data-theme='light'] .footer{
  background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(243,248,255,.88));
  border-color:rgba(148,163,184,.16);
  box-shadow:0 18px 42px rgba(148,163,184,.15);
}

html[data-theme='light'] .card,
html[data-theme='light'] .app-card,
html[data-theme='light'] .smart-card,
html[data-theme='light'] .stat-card,
html[data-theme='light'] .test-panel,
html[data-theme='light'] .test-stat-card,
html[data-theme='light'] .test-info-card,
html[data-theme='light'] .test-generator-card,
html[data-theme='light'] .test-block-card,
html[data-theme='light'] .test-action-card,
html[data-theme='light'] .test-question-card,
html[data-theme='light'] .test-case-card,
html[data-theme='light'] .test-result-card,
html[data-theme='light'] .test-table-wrap,
html[data-theme='light'] .user-summary-card,
html[data-theme='light'] .ua-user-card,
html[data-theme='light'] .ua-continue-card,
html[data-theme='light'] .planner-card,
html[data-theme='light'] .study-card,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .auth-card{
  background:var(--om-glass-light) !important;
  border-color:rgba(148,163,184,.14) !important;
  box-shadow:var(--om-shadow-light) !important;
}

html[data-theme='light'] .btn,
html[data-theme='light'] .btn-secondary,
html[data-theme='light'] .btn-hero-secondary{
  color:#0f172a;
}

html[data-theme='light'] input,
html[data-theme='light'] select,
html[data-theme='light'] textarea{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  border:1px solid rgba(148,163,184,.20);
}

html[data-theme='light'] .badge,
html[data-theme='light'] .chip,
html[data-theme='light'] .test-chip,
html[data-theme='light'] .test-metric-chip{
  box-shadow:0 10px 22px rgba(148,163,184,.10), inset 0 1px 0 rgba(255,255,255,.82);
}

html[data-theme='light'] .test-table-wrap{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.95)) !important;}
html[data-theme='light'] .test-table td{border-bottom-color:rgba(148,163,184,.14);}

html[data-theme='light'] .app-card__backdrop,
html[data-theme='light'] .app-card__overlay{
  background:linear-gradient(180deg, rgba(255,255,255,.00), rgba(255,255,255,.58) 40%, rgba(15,23,42,.12));
}

@media (max-width: 900px){
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-hero-primary,
  .btn-hero-secondary{min-height:46px;padding:0 16px;}
  .card,
  .app-card,
  .smart-card,
  .stat-card,
  .test-panel,
  .test-stat-card,
  .test-info-card,
  .test-generator-card,
  .test-block-card,
  .test-action-card,
  .test-question-card,
  .test-case-card,
  .test-result-card,
  .test-table-wrap,
  .user-summary-card,
  .ua-user-card,
  .ua-continue-card,
  .planner-card,
  .study-card,
  .empty-state{border-radius:20px;}
}


.om-premium-ripple{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,.12) 46%, transparent 72%);
  transform:scale(0);
  animation:omPremiumRipple .52s ease-out forwards;
}
@keyframes omPremiumRipple{
  from{transform:scale(0);opacity:.72;}
  to{transform:scale(1);opacity:0;}
}

.btn,.test-pause-fab,.slider-nav,.card-icon-btn{position:relative;overflow:hidden;isolation:isolate;}


/* === Phase 2 premium dashboard/admin/tables polish === */
.dashboard-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-8px}
.dashboard-overview-card{position:relative;padding:18px 20px;border-radius:22px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.94));box-shadow:0 22px 44px rgba(2,6,23,.24);overflow:hidden}
.dashboard-overview-card::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent)}
.dashboard-overview-card span{display:block;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#cbd5e1}
.dashboard-overview-card strong{display:block;margin-top:10px;font-size:2rem;line-height:1;color:#fff}
.dashboard-overview-card--primary::before{background:linear-gradient(90deg,#60a5fa,transparent)}
.dashboard-overview-card--warning::before{background:linear-gradient(90deg,#fbbf24,transparent)}
.dashboard-overview-card--danger::before{background:linear-gradient(90deg,#fb7185,transparent)}
.dashboard-overview-card--success::before{background:linear-gradient(90deg,#4ade80,transparent)}
.dashboard-overview-card--warning strong{color:#fde68a}.dashboard-overview-card--danger strong{color:#fda4af}.dashboard-overview-card--success strong{color:#86efac}
.dashboard-planner__card,.dashboard-report-panel,.admin-review-card{box-shadow:0 24px 50px rgba(2,6,23,.18)}
.dashboard-report-item,.admin-review-card,.dashboard-planner__card{position:relative;overflow:hidden}
.dashboard-report-item::after,.admin-review-card::after,.dashboard-planner__card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%);opacity:.45;pointer-events:none}
.admin-review-card h3,.dashboard-report-panel h3{font-size:1.05rem;line-height:1.35}
.admin-table-wrap,.test-table-wrap{border-radius:24px;overflow:hidden}
.admin-table thead th,.test-table thead th{position:sticky;top:0;z-index:1;backdrop-filter:blur(12px)}
.admin-table tbody tr,.test-table tbody tr{transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease}
.admin-table tbody tr:hover,.test-table tbody tr:hover{transform:translateY(-1px)}
.admin-table tbody tr.is-current-user td,.test-table tbody tr.is-current-user td{background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(56,189,248,.08))!important}
.test-ranking-user--avatar strong,.test-ranking-user--avatar span{display:block}
.test-ranking-user--avatar strong{margin-bottom:2px}
.test-ranking-user__avatar{box-shadow:0 10px 22px rgba(15,23,42,.24);border:2px solid rgba(255,255,255,.16)}
.quick-action-card,.dashboard-report-item,.admin-review-card{backdrop-filter:blur(10px)}
html[data-theme='light'] .dashboard-overview-card{background:linear-gradient(180deg,#ffffff,#f3f8ff);border-color:rgba(148,163,184,.16);box-shadow:0 20px 38px rgba(148,163,184,.16)}
html[data-theme='light'] .dashboard-overview-card span{color:#475569}
html[data-theme='light'] .dashboard-overview-card strong{color:#0f172a}
html[data-theme='light'] .dashboard-overview-card--warning strong{color:#a16207}
html[data-theme='light'] .dashboard-overview-card--danger strong{color:#be123c}
html[data-theme='light'] .dashboard-overview-card--success strong{color:#166534}
html[data-theme='light'] .dashboard-planner__card,html[data-theme='light'] .dashboard-report-panel,html[data-theme='light'] .admin-review-card{box-shadow:0 18px 36px rgba(148,163,184,.16)}
html[data-theme='light'] .admin-table tbody tr.is-current-user td,html[data-theme='light'] .test-table tbody tr.is-current-user td{background:linear-gradient(90deg,rgba(219,234,254,.92),rgba(239,246,255,.86))!important}
@media (max-width:980px){.dashboard-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-overview-card strong{font-size:1.65rem}}


/* === v20 dashboard + avatar + floating actions refinements === */
html[data-theme='light'] .user-summary-card{
  background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(236,244,255,.96)) !important;
  border-color:rgba(148,163,184,.18) !important;
  box-shadow:0 22px 44px rgba(148,163,184,.16), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme='light'] .user-summary-card__ring{
  background:conic-gradient(var(--primary) calc(var(--progress, 0) * 1%), rgba(148,163,184,.18) 0) !important;
  box-shadow:0 16px 30px rgba(37,99,235,.14) !important;
}
html[data-theme='light'] .user-summary-card__ring .user-summary-card__avatar,
html[data-theme='light'] .user-summary-card__ring .user-summary-card__initial{
  border:2px solid rgba(255,255,255,.96) !important;
  box-shadow:0 12px 24px rgba(148,163,184,.18) !important;
}
html[data-theme='light'] .user-summary-card__progress{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  color:#0f172a !important;
  box-shadow:0 10px 20px rgba(148,163,184,.14) !important;
}
html[data-theme='light'] .avatar-modal__dialog{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.98)) !important;
  border-color:rgba(148,163,184,.18) !important;
  box-shadow:0 32px 70px rgba(15,23,42,.18) !important;
}
html[data-theme='light'] .avatar-modal__header h3,
html[data-theme='light'] .avatar-modal__status{color:#0f172a !important;}
html[data-theme='light'] .avatar-modal__close{
  background:#fff !important;color:#0f172a !important;border-color:rgba(148,163,184,.18) !important;
}
html[data-theme='light'] .avatar-option{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.95)) !important;
  border-color:rgba(148,163,184,.16) !important;
  box-shadow:0 14px 28px rgba(148,163,184,.12);
}
html[data-theme='light'] .avatar-option:hover,
html[data-theme='light'] .avatar-option.is-active{
  background:linear-gradient(180deg, rgba(219,234,254,.9), rgba(239,246,255,.98)) !important;
  border-color:rgba(37,99,235,.26) !important;
}
@media (max-width: 640px){
  .avatar-modal__dialog{width:min(94vw,560px);margin:5vh auto 0;padding:18px;max-height:88vh;overflow:auto}
  .user-summary-card{max-width:none;width:100%;padding:16px;gap:14px}
}
.om-floating-actions{gap:16px !important;}
.om-floating-actions__btn{
  border-radius:22px !important;
  box-shadow:0 24px 48px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.om-floating-actions__btn::after{
  content:'';position:absolute;inset:-6px;border-radius:28px;background:radial-gradient(circle, rgba(59,130,246,.18), transparent 62%);opacity:.55;pointer-events:none;
}
.om-floating-actions__btn--wa::after{background:radial-gradient(circle, rgba(34,197,94,.18), transparent 62%);}
html[data-theme='light'] .om-floating-actions__btn{
  border-color:rgba(148,163,184,.16) !important;
  box-shadow:0 18px 34px rgba(148,163,184,.18), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
html[data-theme='light'] .om-floating-actions__btn--aula{background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(224,236,255,.96) 55%, rgba(191,219,254,.95)) !important;}
html[data-theme='light'] .om-floating-actions__btn--wa{background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(220,252,231,.96) 56%, rgba(187,247,208,.95)) !important;}