.language-picker{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;background:#fff;border-bottom:1px solid #dfe8f2;padding:5px 12px;direction:ltr;font-family:Tahoma,Arial,sans-serif}
.language-picker a{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#4d6480;line-height:1.5;text-decoration:none;white-space:nowrap}
.language-picker a[aria-current=true]{background:#e6f7f5;color:#007f83;font-weight:700}.language-picker a:hover{background:#eef7fa}.language-picker a:focus-visible{outline:2px solid #008a8c;outline-offset:2px}
html[dir=rtl] body,html[dir=rtl] body.dashboard-page{font-family:Tahoma,Arial,sans-serif;text-align:right}
html[dir=rtl] .topbar,html[dir=rtl] .topbar-inner,html[dir=rtl] .main-nav,html[dir=rtl] .row-between,html[dir=rtl] .actions,html[dir=rtl] .exam-action-panel{direction:rtl}
html[dir=rtl] .app-brand-divider,html[dir=rtl] .nav-separator{margin-inline:16px}
html[dir=rtl] .tag{margin-left:0;margin-inline-start:10px}html[dir=rtl] .admin-kicker{direction:rtl}
html[dir=rtl] table th,html[dir=rtl] table td,html[dir=rtl] .card,html[dir=rtl] label,html[dir=rtl] .share-details{text-align:right}
html[dir=rtl] .center,html[dir=rtl] .share-qr-panel,html[dir=rtl] .score-big,html[dir=rtl] .btn{text-align:center}
html[dir=rtl] .exam-action-panel{text-align:right}html[dir=rtl] .exam-delete-tool{margin-left:0;margin-inline-start:4px}
html[dir=rtl] .readable{padding-left:0;padding-inline-start:22px}html[dir=rtl] .navigator{direction:rtl}
html[dir=rtl] .choice{text-align:right}html[dir=rtl] .toast{right:auto;left:18px}
html[dir=rtl] .login-brand img,html[dir=rtl] .app-brand img{direction:ltr}html[dir=rtl] input[dir=ltr]{text-align:left}
html[dir=rtl] .hero-title,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:normal}
@media print{.language-picker{display:none!important}}
/* The desktop dashboard uses physical positioning; mirror its two regions explicitly. */
html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero-content{margin-left:auto!important;margin-right:0!important;padding:56px 3.95vw 24px 24px!important;width:55%!important;height:auto!important;min-height:386px;box-sizing:border-box}
html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero-visual{left:0!important;right:auto!important;width:44%!important;background:linear-gradient(270deg,#eef5fa,rgba(229,243,253,.9) 38%,#dcefff 76%,#f3f8fc)!important}
html[lang=ar] body.dashboard-page:not(.admin-page) .hero-quote{left:30px!important;right:auto!important;max-width:40%;text-align:right}
html[lang=ar] body.dashboard-page:not(.admin-page) .hero-quote:after{left:0;right:auto}
html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero h1{font-family:Tahoma,Arial,sans-serif!important;font-size:clamp(34px,3.1vw,56px)!important;letter-spacing:0!important;line-height:1.35!important;white-space:normal!important}
html:not([lang=th]) body.dashboard-page:not(.admin-page) .hero-lead{white-space:normal!important;font-size:clamp(18px,1.45vw,25px)!important;line-height:1.6!important;overflow-wrap:break-word}
html:not([lang=th]) body.dashboard-page:not(.admin-page) .hero-sub{font-size:clamp(15px,1.05vw,19px)!important;line-height:1.6!important}
html[lang=en] body.dashboard-page:not(.admin-page) .dashboard-hero h1{font-size:clamp(32px,3vw,56px)!important;white-space:normal!important}
html:not([lang=th]) body.dashboard-page:not(.admin-page) .hero-actions{flex-wrap:wrap!important}
@media(max-width:1200px) and (min-width:861px){
 html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero-content{width:59%!important;padding-top:42px!important}
 html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero-visual{width:40%!important}
 html:not([lang=th]) body.dashboard-page:not(.admin-page) .hero-actions .btn.big{min-width:0!important;padding:0 16px!important;font-size:17px!important}
}
@media(max-width:860px){
 html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero-content{width:100%!important;min-height:0!important;padding:30px 22px!important}
 html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero-visual{width:100%!important;left:auto!important;right:auto!important}
 html[lang=ar] body.dashboard-page:not(.admin-page) .hero-quote{top:24px!important;left:22px!important;max-width:50%}
 html[lang=ar] body.dashboard-page:not(.admin-page) .dashboard-hero h1{font-size:clamp(28px,5vw,40px)!important}
}
@media(max-width:580px){
 html:not([lang=th]) body.dashboard-page:not(.admin-page) .realtime-summary{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
 html:not([lang=th]) body.dashboard-page:not(.admin-page) .realtime-summary>div{width:100%;min-width:0}
 html:not([lang=th]) body.dashboard-page:not(.admin-page) .realtime-summary .status-pill{align-self:flex-start;max-width:100%}
 html[lang=ar] body.dashboard-page:not(.admin-page) .hero-quote{max-width:75%;left:22px!important}
}