/* Same accepted preview colors; only paint properties differ by mobile preference. */
:root[data-mobile-theme="forest-green"]{color:#14231d;background:#f5f6f2;--ink:#14231d;--muted:#176b4d;--line:#14231d24;--blue:#176b4d}
:root[data-mobile-theme="forest-green"] .status.error{color:#14231d;background:rgb(23 107 77 / 16%)}
:root[data-mobile-theme="forest-green"] input,:root[data-mobile-theme="forest-green"] textarea,:root[data-mobile-theme="forest-green"] select{border:1px solid #14231d45}
:root[data-mobile-theme="forest-green"] .primary{color:#f5f6f2}
:root[data-mobile-theme="forest-green"] .primary:hover:enabled{background:#14231d}
:root[data-mobile-theme="forest-green"] .secondary{border:1px solid #14231d55}
:root[data-mobile-theme="forest-green"] .class-choice{border:1px solid #14231d40}
:root[data-mobile-theme="forest-green"] .class-choice.active{color:#f5f6f2;border-color:var(--blue)}
:root[data-mobile-theme="forest-green"] .module-card{--card-fill:#f5f6f2;--card-title:#14231d;--card-body:#14231d}
:root[data-mobile-theme="forest-green"] .module-card:hover:enabled{box-shadow:0 6px 18px #14231d24}
:root[data-mobile-theme="forest-green"] .chinese{--card-fill:#176b4d;--card-title:#f2f7f3;--card-body:#f2f7f3;--card-plate:transparent;border-color:#176b4d}
:root[data-mobile-theme="forest-green"] .math{--card-fill:#e9f3ed;--card-title:#14231d;--card-body:#14231d;--card-plate:rgb(242 247 243 / 55%);border-color:#d6ded5}
:root[data-mobile-theme="forest-green"] .foreign{--card-fill:#f2f7f3;--card-title:#14231d;--card-body:#14231d;--card-plate:rgb(242 247 243 / 55%);border-color:#d6ded5}
:root[data-mobile-theme="forest-green"] .timetable{--card-fill:#103d2d;--card-title:#f2f7f3;--card-body:#f2f7f3;border-color:#103d2d}
:root[data-mobile-theme="forest-green"] .notices{--card-fill:#e9f3ed;--card-title:#14231d;--card-body:#14231d;--card-plate:rgb(242 247 243 / 55%);border-color:#d6ded5}
:root[data-mobile-theme="forest-green"] .duty{--card-fill:#e7ece6;--card-title:#14231d;--card-body:#14231d;--card-plate:rgb(242 247 243 / 55%);border-color:#d6ded5}
:root[data-mobile-theme="forest-green"] .display{--card-fill:#f5f6f2;--card-title:#14231d;--card-body:#14231d;--card-plate:rgb(242 247 243 / 55%);border-color:#d6ded5}
:root[data-mobile-theme="forest-green"] .draft-state{background:#f5f6f2;color:#14231d}
:root[data-mobile-theme="forest-green"] .pending-panel,:root[data-mobile-theme="forest-green"] .comparison{background:#f5f6f2}
:root[data-mobile-theme="forest-green"] .auth-tabs [aria-pressed=true]{color:#f5f6f2;border-color:var(--blue)}
:root[data-mobile-theme="forest-green"] .grant-list label{background:#f5f6f2}
:root[data-mobile-theme="forest-green"] .capability{border:1px solid #14231d35;background:#f5f6f2}
.theme-picker{display:flex;align-items:center;gap:6px;max-width:100%;margin:0;color:var(--ink);font-size:14px}
.theme-picker label{margin:0;font-size:14px;white-space:nowrap}
.theme-picker select{width:auto;min-height:44px;max-width:100%;padding:8px 10px;border-color:var(--line);border-radius:14px;font-size:16px;background:transparent}
:root[data-mobile-theme="forest-green"] .theme-picker select{border-color:var(--line)}
.theme-choice{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%}
#mobileThemeHint{flex-basis:100%;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
