/* TEST theme center: one atomic stylesheet, no runtime CSS injection. */
/* ==== th-ux-approved.css ==== */
/* TEST ONLY - canonical approved Academic Green theme. Single render-blocking stylesheet. */

/* --- th-ux-global.css --- */
/* TEST-only UX preview: applied exclusively in the VNC-design session. */
body.teacher-shell-page{font-family:Inter,"Segoe UI",system-ui,sans-serif!important;line-height:1.53}
body.teacher-shell-page :is(.dash-head h1,.page-heading h1,.panel h1,.ds-page-head h1){color:var(--ux-ink)!important;letter-spacing:-.035em!important}
body.teacher-shell-page :is(.commercial-dashboard,.panel,main#main){color:var(--ux-ink)!important}
body.teacher-shell-page :is(.summary-card,.recent-card,.choice-card,.toolbox,.library-card,.bank article,.exam-panel,.form-card,.source-category){border-color:var(--ux-line)!important;box-shadow:var(--ux-shadow)!important;border-radius:19px!important}
body.teacher-shell-page :is(.choice-card,.library-card,.summary-card,.recent-card){transition:box-shadow .16s ease,transform .16s ease!important}
body.teacher-shell-page :is(.choice-card,.library-card):hover{transform:translateY(-2px)!important;box-shadow:0 16px 38px #18294518!important}
body.teacher-shell-page :is(.heading-actions .heading-upload,.button.primary,.ds-button-accent,.activation-cta,.bank-primary-next){border-radius:12px!important}
body.teacher-shell-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:11px!important}
body.teacher-shell-page :is(input,select,textarea,button):focus-visible{outline:3px solid var(--ux-accent)!important;outline-offset:2px!important}
body.teacher-shell-page .activation-card{border:1px solid var(--ux-line)!important;border-radius:23px!important;box-shadow:var(--ux-shadow)!important}
body.teacher-shell-page .activation-card h2{letter-spacing:-.035em!important}
body.teacher-shell-page .metrics>a{border-radius:14px!important}
body.teacher-shell-page .recent-list>a{border-radius:9px!important}
body.teacher-shell-page .library-card .source-menu>summary{border-radius:11px!important}
@media(max-width:900px){body.teacher-shell-page .teacher-mobile-nav{background:var(--ux-side)!important;border-color:var(--ux-line)!important}body.teacher-shell-page .teacher-mobile-nav>a,body.teacher-shell-page .teacher-mobile-nav>details>summary{color:var(--ux-side-muted)!important}body.teacher-shell-page .teacher-mobile-nav>a[aria-current=page]{background:var(--ux-side-highlight)!important;color:var(--ux-accent)!important}}
@media(max-width:600px){body.teacher-shell-page :is(.panel,.commercial-dashboard,main#main){max-width:100%!important;overflow-wrap:anywhere}body.teacher-shell-page :is(.choice-card,.library-card,.summary-card,.recent-card){border-radius:15px!important}}
/* Approved C: exam actions belong below the reading card on small phones. */
@media(max-width:620px){
  .exam-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important}
  .exam-row>.exam-check{grid-column:1!important;grid-row:1!important;align-self:start!important}
  .exam-row>.exam-card{grid-column:2/4!important;grid-row:1!important;width:100%!important;min-width:0!important;min-height:150px!important;padding:15px!important;box-sizing:border-box!important}
  .exam-row>.exam-card h3{font-size:18px!important;line-height:1.32!important}
  .exam-row>form{grid-column:2!important;grid-row:2!important;margin:0!important}
  .exam-row>.exam-delete{grid-column:3!important;grid-row:2!important}
  .exam-row>form .button,.exam-row>.exam-delete{min-height:44px!important;width:100%!important;border-radius:10px!important}
}
/* Approved big-cover library layout: full width on narrow phones. */
@media(max-width:520px){
  .library-grid{grid-template-columns:minmax(0,1fr)!important;gap:13px!important}
  .library-card>.library-cover{height:205px!important}
  .library-card>.library-body{padding:15px!important}
  .library-card>.library-body h3{font-size:17px!important;line-height:1.4!important}
  .library-card>.card-footer{grid-template-columns:minmax(0,1fr) auto!important;padding:12px!important}
}
/* Prevent action-button auto margins from widening mobile exam rows. */
@media(max-width:620px){.exam-row>.exam-delete{margin:0!important;justify-self:stretch!important;position:static!important;transform:none!important;inset:auto!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}}
/* Higher specificity than the original 2-column library mobile rule. */
@media(max-width:520px){#libraryGrid.library-grid{grid-template-columns:minmax(0,1fr)!important}}


/* --- th-ux-core.css --- */
/* TEST ONLY · Four responsive UI studies for TestimHazir question bank */
body.teacher-shell-page{background:var(--ux-bg)!important;color:var(--ux-ink)!important;--teacher-shell-width:240px;--teacher-shell-accent:var(--ux-accent);--ds-accent:var(--ux-accent)}
.teacher-shell{background:var(--ux-side)!important;border:1px solid var(--ux-line)!important;box-shadow:0 8px 35px #14203610!important;padding:25px 17px!important}
.teacher-shell-brand,.teacher-shell-brand strong{color:var(--ux-side-text)!important}.teacher-shell-brand>span{background:var(--ux-accent)!important;border-radius:15px!important}.teacher-shell-brand small{color:var(--ux-side-muted)!important}
.teacher-shell-links a,.teacher-shell-meta a,.teacher-shell-command{color:var(--ux-side-muted)!important;border-radius:13px!important;min-height:49px!important}
.teacher-shell-links a:hover,.teacher-shell-links a[aria-current=page],.teacher-shell-meta a[aria-current=page]{background:var(--ux-side-highlight)!important;color:var(--ux-side-text)!important;box-shadow:none!important}
body.teacher-shell-page>main#main{padding:34px clamp(19px,3.5vw,55px) 110px!important;max-width:1640px!important}
.bank-title-row h1{font-size:clamp(30px,3.2vw,43px)!important;letter-spacing:-.04em!important;color:var(--ux-ink)!important}.bank-title-row p{color:var(--ux-muted)!important}
.bank-primary-next,.server-filter-actions button{background:var(--ux-accent)!important;color:var(--ux-on-accent)!important;border:0!important;border-radius:13px!important;box-shadow:0 6px 18px var(--ux-glow)!important}
.exam-panel,.bank-tools{background:var(--ux-surface)!important;color:var(--ux-ink)!important;border:1px solid var(--ux-line)!important;border-radius:22px!important;box-shadow:var(--ux-shadow)!important;padding:22px!important}
.bank-tools{gap:14px!important}.bank-tools h2,.exam-panel h2{color:var(--ux-ink)!important}.bank-tools>div>span,.bank-title-row>div>span{color:var(--ux-accent)!important}
.bank-tools select,.bank-tools input{background:var(--ux-input)!important;color:var(--ux-ink)!important;border:1px solid var(--ux-line)!important;border-radius:11px!important;min-height:45px!important}
.bank{gap:18px!important;align-items:start!important}.bank article{background:var(--ux-surface)!important;border:1px solid var(--ux-line)!important;border-radius:20px!important;box-shadow:var(--ux-shadow)!important;overflow:hidden!important}
.bank article>h2{background:var(--ux-card-head)!important;color:var(--ux-ink)!important;border-bottom:1px solid var(--ux-line)!important;padding:15px 155px 15px 17px!important}
.bank article>.selection{right:12px!important;top:9px!important}.bank article>.selection input{accent-color:var(--ux-accent)!important}.bank article:has(.selection input:checked){border-color:var(--ux-accent)!important;box-shadow:0 0 0 2px var(--ux-glow)!important}
.question-preview{background:var(--ux-preview)!important;border-bottom:1px solid var(--ux-line)!important;padding:15px!important}.question-preview img{background:#fff!important;border-radius:12px!important}
.question-preview .preview-error:not([hidden]){background:var(--ux-warning)!important;border:1px dashed var(--ux-warning-line)!important;border-radius:13px!important;padding:14px!important}
.bank .body{padding:17px!important}.bank-readiness{background:var(--ux-card-head)!important;border-inline-start-color:var(--ux-accent)!important;border-radius:10px!important}
@media(min-width:1250px){.bank{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:1149px){.bank{grid-template-columns:1fr!important}.bank-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){body.teacher-shell-page>main#main{padding:24px 15px 125px!important;width:100%!important}.bank-tools{padding:16px!important}}
@media(max-width:620px){.bank-tools{grid-template-columns:1fr!important}.bank-title-row{align-items:stretch!important;flex-direction:column!important}.bank article>h2{padding:14px 133px 14px 12px!important}.bank article>.selection{right:6px!important}.bank .body{padding:12px!important}.question-preview{padding:10px!important}}


/* --- th-ux-theme-C.css --- */
:root{--ux-bg:#f4f9f6;--ux-ink:#173931;--ux-muted:#648178;--ux-accent:#0c806b;--ux-on-accent:#fff;--ux-side:#fafffb;--ux-side-text:#173c33;--ux-side-muted:#658279;--ux-side-highlight:#e2f5eb;--ux-surface:#fff;--ux-line:#d7e9df;--ux-input:#fbfffc;--ux-card-head:#f1f9f4;--ux-preview:#f6faf7;--ux-warning:#fff8e9;--ux-warning-line:#e8d08c;--ux-glow:#13a17b38;--ux-shadow:0 10px 30px #28674a10}
@media(min-width:1250px){.bank{grid-template-columns:1fr!important;max-width:1050px!important}}
.exam-panel{background:linear-gradient(105deg,#e6f5ec,#fff)!important}
.bank-tools{border-left:5px solid #0c806b!important}
/* Cohesive Academic Green across prior approved A-panel / B-library layouts. */
body.teacher-shell-page .activation-card{background:linear-gradient(125deg,#ffffff 0%,#f4fbf6 60%,#e8f5ed 100%)!important;border-color:#d7e9df!important}
body.teacher-shell-page .activation-card h2{color:#173931!important}
body.teacher-shell-page .activation-card p{color:#647d71!important}
body.teacher-shell-page .activation-cta{background:#0c806b!important;color:#fff!important;box-shadow:0 8px 19px #0c806b27!important}
body.teacher-shell-page .activation-progress li{border-color:#d8e9df!important;background:#fff!important;color:#34574a!important}
body.teacher-shell-page .activation-progress li.done span{background:#dff4e9!important;color:#13765a!important}
body.teacher-shell-page :is(.eyebrow,.metrics small,.library-body small){color:#0c806b!important}
body.teacher-shell-page .library-card .pdf-mark{background:#0c806b!important;color:#fff!important}
body.teacher-shell-page .choice-card.attention{background:#f7fbf1!important;border-color:#d7e7c8!important}
/* Academic green stays consistent across roster and all primary actions. */
body.teacher-shell-page .primary,body.teacher-shell-page .approve {background:#0c806b!important;color:#fff!important;border-color:#0c806b!important}
body.teacher-shell-page .primary:hover,body.teacher-shell-page .approve:hover {background:#096c5a!important}
/* ==== th-ux-color-bridge.css ==== */
/* Generated from TEST legacy CSS by scripts/build_theme_color_bridge.py */
/* Layout-specific colors now follow --ux-* tokens. Status/error and print styles are excluded. */
/* source: account.css */
html[data-th-color].th-css-account header i{color:var(--ux-accent) !important}
html[data-th-color].th-css-account .eyebrow,html[data-th-color].th-css-account .grid article>span{color:var(--ux-accent) !important}
html[data-th-color].th-css-account .avatar{background:var(--ux-accent) !important}
html[data-th-color].th-css-account .meter i{background:var(--ux-accent) !important}
/* source: admin.css */
html[data-th-color].th-css-admin header i{color:var(--ux-accent) !important}
/* source: agenda.css */
html[data-th-color].th-css-agenda header i{color:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .head span{color:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .create>button{background:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .check{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .plan-task{border-left:4px solid var(--ux-accent) !important}
html[data-th-color].th-css-agenda .plan-task b{color:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .cell-add{color:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .subject-chips button{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
html[data-th-color].th-css-agenda .pop-save{background:var(--ux-accent) !important}
/* source: app.css */
html[data-th-color].th-css-app .brand b{color:var(--ux-accent) !important}
html[data-th-color].th-css-app .pill{color:var(--ux-accent) !important;background:var(--ux-side-highlight) !important}
html[data-th-color].th-css-app .hero h1 em{color:var(--ux-accent) !important}
html[data-th-color].th-css-app .primary{background:var(--ux-accent) !important}
html[data-th-color].th-css-app .grid article>b{color:var(--ux-accent) !important}
html[data-th-color].th-css-app .section-kicker{color:var(--ux-accent) !important}
html[data-th-color].th-css-app .flow-grid article b,html[data-th-color].th-css-app .price-grid article>b{color:var(--ux-accent) !important}
/* source: auth.css */
html[data-th-color].th-css-auth .auth-brand b,html[data-th-color].th-css-auth .auth-card>.auth-kicker,html[data-th-color].th-css-auth .auth-card footer a{color:var(--ux-accent) !important}
html[data-th-color].th-css-auth .auth-card input:focus{border-color:var(--ux-accent) !important}
html[data-th-color].th-css-auth .auth-card button{background:var(--ux-accent) !important}
/* source: coaching-index.css */
html[data-th-color].th-css-coaching-index .primary,html[data-th-color].th-css-coaching-index .approve,html[data-th-color].th-css-coaching-index .management button{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching-index .roster-summary>button:hover{border-color:var(--ux-accent) !important}
/* source: coaching.css */
html[data-th-color].th-css-coaching header i{color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .eyebrow{color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .create>button{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .avatar{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .students em{color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .check{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .invites button{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .student-card em{color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .approve{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .student-account button,html[data-th-color].th-css-coaching .student-account a{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .profile-nav a:hover{border-color:var(--ux-accent) !important;color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .plan-link{color:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .weekly-study{background:linear-gradient(180deg,#fff,var(--ux-side-highlight)) !important}
html[data-th-color].th-css-coaching .premium-cta{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .exam-progress-bar i{background:var(--ux-accent) !important}
html[data-th-color].th-css-coaching .parent-security-form button{background:var(--ux-accent) !important}
/* source: dashboard-commercial.css */
html[data-th-color].th-css-dashboard-commercial .eyebrow{color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .primary,html[data-th-color].th-css-dashboard-commercial .activation-cta{background:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .quick-actions>b{color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .metrics small{color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .recent-list span{color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .empty a{color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .toolbox-grid>a:hover{border-color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .toolbox-grid>a>b{color:var(--ux-accent) !important}
html[data-th-color].th-css-dashboard-commercial .toolbox-grid .admin-tool{background:var(--ux-side-highlight) !important}
/* source: exams.css */
html[data-th-color].th-css-exams nav a[aria-current]{background:var(--ux-side-highlight) !important}
/* source: language-picker.css */
html[data-th-color].th-css-language-picker .language-picker-list button[aria-current=true]{background:var(--ux-side-highlight) !important}
/* source: messages.css */
html[data-th-color].th-css-messages .eyebrow{color:var(--ux-accent) !important}
html[data-th-color].th-css-messages .empty-state .empty-icon{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
/* source: panel.css */
html[data-th-color].th-css-panel .logo>span{background:var(--ux-accent) !important}
html[data-th-color].th-css-panel .logo small{color:var(--ux-accent) !important}
html[data-th-color].th-css-panel .side nav a.on,html[data-th-color].th-css-panel .side nav a:hover{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
html[data-th-color].th-css-panel .panel header small,html[data-th-color].th-css-panel .eyebrow{color:var(--ux-accent) !important}
html[data-th-color].th-css-panel .new,html[data-th-color].th-css-panel .work a{background:var(--ux-accent) !important}
html[data-th-color].th-css-panel .quick>a>b{color:var(--ux-accent) !important}
html[data-th-color].th-css-panel .metrics small{color:var(--ux-accent) !important}
html[data-th-color].th-css-panel .recent-head>a,html[data-th-color].th-css-panel .empty a{color:var(--ux-accent) !important}
html[data-th-color].th-css-panel .recent-list .kind{color:var(--ux-accent) !important;background:var(--ux-side-highlight) !important}
@media(max-width:780px){html[data-th-color].th-css-panel .side nav a.on{color:var(--ux-accent) !important;background:var(--ux-side-highlight) !important}}
@media(max-width:780px){html[data-th-color].th-css-panel .quick>a>b{color:var(--ux-accent) !important}}
@media(max-width:780px){html[data-th-color].th-css-panel .mobile-bottom-nav .nav-tab.active{color:var(--ux-accent) !important;background:var(--ux-side-highlight) !important}}
@media(max-width:780px){html[data-th-color].th-css-panel .drawer-item:active{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}}
/* source: pdf-studio-premium.css */
html[data-th-color].th-css-pdf-studio-premium .layout-choice label:has(input:checked) span{background:var(--ux-side-highlight) !important}
html[data-th-color].th-css-pdf-studio-premium .paper-template-choice label:has(input:checked) span{background:var(--ux-side-highlight) !important}
/* source: projects.css */
html[data-th-color].th-css-projects .drive-icon{background:var(--ux-side-highlight) !important}
html[data-th-color].th-css-projects .source-cover-card .cover span{background:var(--ux-accent) !important}
html[data-th-color].th-css-projects .source-card-body a{color:var(--ux-accent) !important}
html[data-th-color].th-css-projects .pdf-mark{background:var(--ux-accent) !important}
/* source: question-bank.css */
html[data-th-color].th-css-question-bank header div span{color:var(--ux-accent) !important}
html[data-th-color].th-css-question-bank .title>span{color:var(--ux-accent) !important}
html[data-th-color].th-css-question-bank .meta b{color:var(--ux-accent) !important}
html[data-th-color].th-css-question-bank .empty a{color:var(--ux-accent) !important}
html[data-th-color].th-css-question-bank .bank-tools>div span{color:var(--ux-accent) !important}
/* source: teacher-shell.css */
html[data-th-color].th-css-teacher-shell .teacher-shell-links a:hover,html[data-th-color].th-css-teacher-shell .teacher-shell-meta a:hover,html[data-th-color].th-css-teacher-shell .teacher-shell-links a[aria-current=page],html[data-th-color].th-css-teacher-shell .teacher-shell-meta a[aria-current=page]{background:var(--ux-side-highlight) !important}
@media(max-width:900px){html[data-th-color].th-css-teacher-shell .teacher-mobile-nav>a[aria-current=page]{background:var(--ux-side-highlight) !important}}
/* source: th-notifications-clean.css */
html[data-th-color].th-css-th-notifications-clean body.teacher-shell-page .mark-read:focus-visible,html[data-th-color].th-css-th-notifications-clean body.teacher-shell-page .notification-list a:focus-visible{outline:3px solid var(--ux-accent) !important}
/* source: th-ux-account-layouts.css */
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout] .eyebrow,html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout] .grid article>span{color:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout] .account-form button[type=submit]{background:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout] .account-form button[type=submit]:hover{background:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout] .profile .avatar{background:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout="A"] .stats article b{color:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout="B"] .grid article{border-top:4px solid var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-account-layouts body[data-th-account-layout="C"] .stats article b{color:var(--ux-accent) !important}
/* source: th-ux-admin-layouts.css */
html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout] .eyebrow{color:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout] .primary{background:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout] .metrics b,html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout] .big-number{color:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout="A"] .metrics>a,html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout="A"] .metrics>article{border-top:4px solid var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-admin-layouts body[data-th-admin-layout="B"] .overview-grid>.card{border-top:4px solid var(--ux-accent) !important}
/* source: th-ux-exam-layouts.css */
html[data-th-color].th-css-th-ux-exam-layouts body[data-th-exam-layout="C"] .exam-row{border-left:6px solid var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-exam-layouts body[data-th-exam-layout="C"] .exam-card .open-label{background:var(--ux-accent) !important}
/* source: th-ux-student-layouts.css */
html[data-th-color].th-css-th-ux-student-layouts body[data-th-student-layout="A"] .student-row{border-left:4px solid var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-student-layouts body[data-th-student-layout="A"] .roster-summary strong{color:var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-student-layouts body[data-th-student-layout="B"] .student-row>.next{border-left:3px solid var(--ux-accent) !important}
html[data-th-color].th-css-th-ux-student-layouts body[data-th-student-layout="C"] .student-row .avatar{color:var(--ux-accent) !important}
html[data-th-color].th-inline-0aaa0e667229 .exit-discard{background:var(--ux-side-highlight) !important;color:var(--ux-accent) !important}
html[data-th-color].th-inline-bf62559a962a .brand b{color:var(--ux-accent) !important}
html[data-th-color].th-inline-bf62559a962a a{color:var(--ux-accent) !important}
html[data-th-color].th-inline-bf62559a962a .pick{background:var(--ux-accent) !important}
html[data-th-color].th-inline-80a1defaeb37 .zbtn{background:var(--ux-accent) !important}
html[data-th-color].th-inline-80a1defaeb37 .meeting a{color:var(--ux-accent) !important}
html[data-th-color].th-inline-b3b1b99bd595 .btn{background:var(--ux-accent) !important}
/* ==== th-global-theme-rules.css ==== */
/* Central TestimHazır palette: shared tokens and audited accessible components. */
/* Layer 1: semantic design tokens, not page-specific theme copies. */
html[data-th-color="stone"] {
  --ux-bg:#F0EEE8; --ux-surface:#FAF8F4; --ux-side:#E6E4DD;
  --ux-card-head:#ECEBE5; --ux-preview:#F3F1EA; --ux-input:#F8F7F2;
  --ux-ink:#28323A; --ux-muted:#51606B; --ux-accent:#3F5865;
  --ux-side-text:#28343A; --ux-side-muted:#51606B; --ux-side-highlight:#D5DEE0;
  --ux-on-accent:#FFFFFF; --ux-line:#D7D8D2; --ux-glow:#3F586526;
  --ux-shadow:0 9px 25px #29363C0C;
}
html[data-th-color="nordic"] {
  --ux-bg:#EAF0F4; --ux-surface:#F7F9FB; --ux-side:#E0E8EF;
  --ux-card-head:#E9EFF4; --ux-preview:#F1F5F8; --ux-input:#F9FAFC;
  --ux-ink:#263447; --ux-muted:#526578; --ux-accent:#365C7A;
  --ux-side-text:#293D51; --ux-side-muted:#526578; --ux-side-highlight:#CFDCE9;
  --ux-on-accent:#FFFFFF; --ux-line:#CDD9E2; --ux-glow:#365C7A25;
  --ux-shadow:0 9px 25px #344A5C0C;
}
html[data-th-color="sand"] {
  --ux-bg:#F0EADF; --ux-surface:#FBF7F0; --ux-side:#E9E1D6;
  --ux-card-head:#F0E8DF; --ux-preview:#F6EFE5; --ux-input:#FDFAF4;
  --ux-ink:#382F2B; --ux-muted:#67584F; --ux-accent:#885348;
  --ux-side-text:#3D302B; --ux-side-muted:#67584F; --ux-side-highlight:#E0CDC0;
  --ux-on-accent:#FFFFFF; --ux-line:#DED1C4; --ux-glow:#88534829;
  --ux-shadow:0 9px 25px #65503A0C;
}
html[data-th-color="plum"] {
  --ux-bg:#F0EDF0; --ux-surface:#FAF8FA; --ux-side:#E8E2E9;
  --ux-card-head:#F0EAF0; --ux-preview:#F5F1F5; --ux-input:#FCFAFC;
  --ux-ink:#362E3B; --ux-muted:#5F5366; --ux-accent:#68516D;
  --ux-side-text:#3D3241; --ux-side-muted:#5F5366; --ux-side-highlight:#DCD2E1;
  --ux-on-accent:#FFFFFF; --ux-line:#DBD3DC; --ux-glow:#68516D27;
  --ux-shadow:0 9px 25px #55425F0C;
}
/* Compatibility: resolve legacy approved component colors into semantic tokens. */
html[data-th-color] body.teacher-shell-page,
html[data-th-color] body.teacher-shell-page .commercial-dashboard,
html[data-th-color] body.teacher-shell-page > main {
  background:var(--ux-bg)!important;color:var(--ux-ink)!important;
}
html[data-th-color] body.teacher-shell-page .teacher-shell,
html[data-th-color] body.teacher-shell-page .teacher-mobile-nav {
  background:var(--ux-side)!important;border-color:var(--ux-line)!important;
}
html[data-th-color] body.teacher-shell-page .teacher-shell-brand > span,
html[data-th-color] body.teacher-shell-page :is(.activation-cta,.primary,.approve,.bank-primary-next,.server-filter-actions button,.ds-button-accent,.button.primary,.heading-upload),
html[data-th-color] body.teacher-shell-page .library-card .pdf-mark {
  background:var(--ux-accent)!important;color:var(--ux-on-accent)!important;
  border-color:var(--ux-accent)!important;box-shadow:0 7px 18px var(--ux-glow)!important;
}
html[data-th-color] body.teacher-shell-page :is(.eyebrow,.library-body small,.metrics small,.bank-tools>div>span) {
  color:var(--ux-accent)!important;
}
html[data-th-color] body.teacher-shell-page .teacher-shell-links a[aria-current="page"],
html[data-th-color] body.teacher-shell-page .teacher-shell-meta a[aria-current="page"],
html[data-th-color] body.teacher-shell-page .teacher-mobile-nav a[aria-current="page"] {
  background:var(--ux-side-highlight)!important;color:var(--ux-side-text)!important;
}
html[data-th-color] body.teacher-shell-page :is(.summary-card,.recent-card,.choice-card,.library-card,.bank article,.exam-card,.form-card,.source-category,.stats article,.notification-list article),
html[data-th-color] body.teacher-shell-page :is(.panel,.exam-panel,.bank-tools) {
  background:var(--ux-surface)!important;border-color:var(--ux-line)!important;
}
html[data-th-color] body.teacher-shell-page .activation-card {
  background:linear-gradient(120deg,var(--ux-surface),var(--ux-card-head))!important;
  border-color:var(--ux-line)!important;color:var(--ux-ink)!important;
}
html[data-th-color] body.teacher-shell-page .activation-card :is(h2,p) {color:var(--ux-ink)!important}
html[data-th-color] body.teacher-shell-page :is(.bank article>h2,.bank-readiness,.metrics>a,.choice-card.attention,.activation-progress li) {
  background:var(--ux-card-head)!important;border-color:var(--ux-line)!important;
}
html[data-th-color] body.teacher-shell-page :is(.question-preview,.question-preview .preview-error:not([hidden])) {
  background:var(--ux-preview)!important;
}
html[data-th-color] body.teacher-shell-page :is(.exam-panel,.bank-tools) {
  background:var(--ux-surface)!important;
}
html[data-th-color] body.teacher-shell-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  background:var(--ux-input)!important;border-color:var(--ux-line)!important;color:var(--ux-ink)!important;
}
html[data-th-color] body.teacher-shell-page :is(a,button,input,select,textarea):focus-visible {
  outline-color:var(--ux-accent)!important;
}

/* Global semantic aliases. One palette owns all site colors, not each page. */
html[data-th-color="green"] {
  --ux-bg:#F4F9F6;--ux-surface:#FFFFFF;--ux-side:#FAFFFB;
  --ux-card-head:#F1F9F4;--ux-preview:#F6FAF7;--ux-input:#FBFFFC;
  --ux-ink:#173931;--ux-muted:#4B665C;--ux-accent:#0C806B;
  --ux-side-text:#173C33;--ux-side-muted:#4B665C;--ux-side-highlight:#E2F5EB;
  --ux-on-accent:#FFFFFF;--ux-line:#D7E9DF;--ux-glow:#13A17B38;
  --ux-shadow:0 10px 30px #28674A10;
}
html[data-th-color] {
  --ds-ink:var(--ux-ink);--ds-muted:var(--ux-muted);--ds-line:var(--ux-line);
  --ds-surface:var(--ux-surface);--ds-surface-soft:var(--ux-card-head);
  --ds-canvas:var(--ux-bg);--ds-accent:var(--ux-accent);
  --ds-accent-soft:var(--ux-side-highlight);
  --teacher-shell-ink:var(--ux-ink);--teacher-shell-muted:var(--ux-muted);
  --teacher-shell-line:var(--ux-line);--teacher-shell-accent:var(--ux-accent);
  --ink:var(--ux-ink);--muted:var(--ux-muted);--line:var(--ux-line);
  --soft:var(--ux-card-head);--accent:var(--ux-accent);
  --accent-soft:var(--ux-side-highlight);--surface:var(--ux-surface);
  --bg:var(--ux-bg);--primary:var(--ux-accent);
  accent-color:var(--ux-accent);
}
@media screen {
html[data-th-color] body {
  background:var(--ux-bg)!important;
  color:var(--ux-ink)!important;
}
html[data-th-color] body :is(
  .card,.card-body,.panel-card,.content-card,.work-card,
  .summary-card,.recent-card,.choice-card,.library-card,
  .source-card,.exam-card,.student-card,.student-row,.source-category,
  .form-card,.profile,.plan-card,.notification-card,.metrics>a,.recent,
  .roster-tools,.roster-summary>div,.roster-summary>button,
  .planner-top-bar,.day-column,.course-card,.lesson-card,
  .search-results a,.settings-card,.payment-card,.faq-card,
  .price-grid article,.flow-grid article,.hero-steps span,
  .content,.nav,.create,.student-exam-card
) {
  background-color:var(--ux-surface)!important;
  border-color:var(--ux-line)!important;
}
html[data-th-color] body :is(
  .site-header,.topbar,.top-bar,.teacher-shell,.teacher-mobile-nav,
  .student-global-header,.parent-global-header,.home-page>header
) {
  background-color:var(--ux-side)!important;
  border-color:var(--ux-line)!important;
}
html[data-th-color] body :is(
  .primary,.ds-button-accent,.button.primary,.new,.activation-cta,
  .create>button,.pick,.premium-cta,.bank-primary-next,
  .btn-save,.btn-primary,.btn-task-add-submit,.task-popover .pop-save
) {
  background-color:var(--ux-accent)!important;
  color:var(--ux-on-accent)!important;
  border-color:var(--ux-accent)!important;
}
html[data-th-color] body :is(
 .eyebrow,.ds-eyebrow,.section-kicker,.section-label,.accent,
 .price-grid h3,.brand b,.logo small,.plan-link,
 .recent-list .kind,.role-brand b
) {
  color:var(--ux-accent)!important;
}
html[data-th-color] body :is(
  .exam-panel,.form-card,.student-exam-card,.student-account,.panel
) {
  border-color:var(--ux-line)!important;
}
html[data-th-color] body :is(
  input:not([type=checkbox]):not([type=radio]),
  select,textarea
) {
  border-color:var(--ux-line)!important;
}
html[data-th-color] body :is(
  input:not([type=checkbox]):not([type=radio]),
  select,textarea
):not([style*="background"]) {
  background-color:var(--ux-input)!important;
}
html[data-th-color] body :is(
  .btn,.button,button:not(.delete):not(.danger),a
):focus-visible {
  outline:3px solid var(--ux-accent)!important;
  outline-offset:2px;
}
}


/* Accessibility contract for every palette: contextual text / surface parity.
   Shared semantic tokens beat stale colors without overriding error/success cues. */
@media screen {
html[data-th-color] body :is(
  .language-picker-panel small,.language-picker-panel button small,
  .teacher-shell kbd,.teacher-shell small,.teacher-mobile-nav small,
  .student-row small,.roster-summary small,.student-card small,
  .source-list small,.library-card small,.recent-list small,
  .head p,.lede,.lead,.section-lead,.th-footnote,
  .th-theme-centre header p,.th-option-content small,
  .summary-grid small,.stats span,.quick small,
  .empty p,.profile p,.activation-card p
) {color:var(--ux-muted)!important}
html[data-th-color] body :is(
  .language-picker-panel,.language-picker-panel button,
  .language-picker-panel a,.teacher-shell kbd
) {border-color:var(--ux-line)!important}
html[data-th-color] body :is(
  .profile,.student-account,.student-exams,.account-profile,
  .student-exam-card,.roster-tools
) {
  background:var(--ux-surface)!important;
  color:var(--ux-ink)!important;
  border-color:var(--ux-line)!important;
}
html[data-th-color] body :is(.profile,.student-account,.student-exams,.account-profile) :is(
  h1,h2,h3,h4,strong,label,p
) {color:var(--ux-ink)!important}
html[data-th-color] body :is(
  .student-account,.student-exams,.account-profile
) :is(input:not([type=checkbox]),select,textarea) {
  background:var(--ux-input)!important;
  color:var(--ux-ink)!important;
  border-color:var(--ux-line)!important;
}
/* Contrast is enforced for intentional dark callouts; these are not light cards. */
html[data-th-color] body :is(
  .work,.invites>form,.invites>article,.studio-step,
  .exam-builder-bar,.bulk-bar,.floating-bulk-bar
) {
  background:var(--ux-ink)!important;
  color:#fff!important;
}
html[data-th-color] body :is(
  .work,.invites>form,.invites>article,.studio-step,
  .exam-builder-bar,.bulk-bar,.floating-bulk-bar
) :is(h1,h2,h3,h4,p,small,span,strong,label) {
  color:#fff!important;
}
/* The navigation keyboard hint previously used a near-white grey (2:1). */
html[data-th-color] body .teacher-shell kbd {
  color:var(--ux-ink)!important;background:var(--ux-card-head)!important;
}
html[data-th-color] body :is(.button.primary,.ds-button-accent,.primary,.pick,.new,.premium-cta,.bank-primary-next,.activation-cta)
{color:#fff!important}
}


/* Audited text roles: every muted label must clear 4.5:1 on its surface. */
@media screen {
html[data-th-color] body :is(
 .commercial-dashboard .lede,.commercial-dashboard .choice-card small,
 .commercial-dashboard .metrics span,.commercial-dashboard .metrics small,
 .library-card span,.library-card .library-metrics span,
 .exam-card .access-meta,.exam-card .open-label,.exam-card a:not(.primary),
 .student-row label,.student-row .student-main span,
 .student-row .student-main small,.student-row .student-meta,
 .student-row .student-badge,.roster-summary span,
 .account-form p,.grid article p,.grid article>strong,
 .card-head>small,.activity-list time,.card time,
 .admin-dashboard .lead,.admin-dashboard .hero p,
 .home-footer b,.home-footer p,.home-page .hero-note,
 .agenda-header a,.planner-head a,.student-select-group label
) {color:var(--ux-muted)!important}
/* Stay readable on dark product-value feature banners. */
html[data-th-color] body.home-page .home-value :is(
 .section-kicker,.section-label,.eyebrow,h2,h3,p,span,strong
) {color:#fff!important}
html[data-th-color] body.home-page .home-value {
 color:#fff!important;
}
html[data-th-color] body :is(.teacher-shell-links a,.teacher-shell-meta a,.teacher-mobile-nav a) {
 color:var(--ux-side-muted)!important;
}
html[data-th-color] body :is(.teacher-shell-links a[aria-current=page],.teacher-shell-meta a[aria-current=page],.teacher-mobile-nav a[aria-current=page]) {
 color:var(--ux-side-text)!important;
}
}


/* WCAG contextual text rules: semantic, page-scoped, shared by all palettes. */
@media screen {
html[data-th-color] body .commercial-dashboard .dash-head p,
html[data-th-color] body .commercial-dashboard .dash-head .lead,
html[data-th-color] body .commercial-dashboard .dash-head .lede,
html[data-th-color] body .bank article small,
html[data-th-color] body .bank article .description,
html[data-th-color] body .bank article .metadata,
html[data-th-color] body .card-head>small,
html[data-th-color] body .card p,
html[data-th-color] body .card .plan-grid span,
html[data-th-color] body .activity-list p span,
html[data-th-color] body .activity-list time,
html[data-th-color] body .hero .lead,
html[data-th-color] body .student-row label,
html[data-th-color] body .student-row span,
html[data-th-color] body .student-row small,
html[data-th-color] body .roster-summary span,
html[data-th-color] body .th-theme-centre header p,
html[data-th-color] body .home-page .hero-note,
html[data-th-color] body .home-page .trial-note {
  color:var(--ux-muted)!important;
}
html[data-th-color] body .teacher-shell :is(.teacher-shell-links,.teacher-shell-meta) a:not([aria-current=page]) b,
html[data-th-color] body .teacher-shell :is(.teacher-shell-links,.teacher-shell-meta) a:not([aria-current=page]) span,
html[data-th-color] body .teacher-shell :is(.teacher-shell-links,.teacher-shell-meta) a:not([aria-current=page]) small {
  color:var(--ux-side-muted)!important;
}
html[data-th-color] body .teacher-shell :is(.teacher-shell-links,.teacher-shell-meta) a[aria-current=page] :is(b,span,small) {
  color:var(--ux-side-text)!important;
}
html[data-th-color] body .home-page .home-value .section-kicker {
  color:#fff!important;
}
html[data-th-color] body .home-page .home-value :is(span,strong,p,b,em,small) {
  color:#fff!important;
}
html[data-th-color] body .home-page .home-footer :is(b,p,small),
html[data-th-color] body .home-page :is(.hero-note,.home-legal-note) {
  color:var(--ux-muted)!important;
}
html[data-th-color] body .agenda-controls :is(a,small,p),
html[data-th-color] body>header a:not(.btn),
html[data-th-color] body .th-theme-centre :is(.th-footnote,.th-option-content small){
 color:var(--ux-muted)!important;
}
}

/* Verified contrast fixes for compact controls and pale accent badges. */
@media screen {
html[data-th-color] body .language-picker :is(button,summary) small,
html[data-th-color] body .language-picker .language-picker-current small {
  color:var(--ux-ink)!important;
}
html[data-th-color] body .exam-card a:not(.primary):not(.btn-primary),
html[data-th-color] body .home-page .home-hero .pill {
  color:var(--ux-ink)!important;
}
html[data-th-color] body.home-page .home-hero .pill {
  color:var(--ux-ink)!important;
}
html[data-th-color] body.home-page :is(
  .flow-grid article,.price-grid article,.usage-card
) :is(p,small,span) {
  color:var(--ux-muted)!important;
}
html[data-th-color] body :is(.card,.price-grid article) small {
  color:var(--ux-muted)!important;
}
html[data-th-color] body.home-page > p,
html[data-th-color] body.home-page main > p,
html[data-th-color] body.home-page .home-footer p {
  color:var(--ux-muted)!important;
}
}

/* Distinguish pale linked status from filled primary action; prevent 4:1 green/sand. */
@media screen {
html[data-th-color] body .exam-card .exam-access-summary a {
  color:var(--ux-ink)!important;
}
html[data-th-color] body.home-page .home-footer .payment-note {
  color:var(--ux-muted)!important;
}
}

@media screen {
/* Selected exam tab sits on a pale surface, never an accent-colored button. */
html[data-th-color] body .exam-view-tabs a[aria-current=page] {
  color:var(--ux-ink)!important;
}
/* Real workspace explanation is secondary text on the page canvas. */
html[data-th-color] body.home-page .home-proof .proof-copy p {
  color:var(--ux-muted)!important;
}
}