.class-picker { min-width:0; width:100%; }
.class-picker label { display:block; }
.class-picker__label { display:block; font-size:11px; margin-bottom:5px; color:var(--muted,#6e7d99); }
.class-picker select { width:100%; min-height:38px; font:inherit; font-weight:700; color:inherit; background:var(--surface,#fff); border:1px solid var(--border,#dce1ed); border-radius:8px; padding:6px 24px 6px 9px; }
.class-picker small { display:block; margin-top:6px; line-height:1.5; overflow-wrap:anywhere; }
.sidebar__context { min-height:90px; height:auto; flex-shrink:0; }
.app-shell--collapsed .sidebar__context { padding:6px; }
.app-shell--collapsed .class-picker__label,.app-shell--collapsed .class-picker small { display:none; }
.app-shell--collapsed .class-picker select { padding-left:3px; font-size:11px; }
.settings-fields { border:0; padding:0; margin:0; display:grid; gap:20px; min-width:0; }
.settings-fields .form-grid { margin:0; }
.timezone-field { display:grid; gap:9px; min-width:0; }
.timezone-field input { min-width:0; width:100%; border:1px solid var(--border,#dce1ed); border-radius:10px; min-height:44px; padding:10px 13px; font:inherit; font-size:14px; background:var(--surface,#fff); color:inherit; }
.timezone-field small,.settings-hint,.settings-form-actions small { color:var(--muted,#6e7d99); font-size:13px; line-height:1.6; }
.settings-form-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.class-summary-list { display:flex; gap:10px; flex-wrap:wrap; }
.class-summary { border:1px solid var(--border,#dce1ed); border-radius:12px; padding:12px 16px; display:grid; gap:4px; min-width:130px; overflow-wrap:anywhere; }
.class-summary.is-current { border-color:#5656e8; background:rgba(86,86,232,.07); }
.class-summary small { color:#5656e8; }
.class-summary span { font-size:13px; color:var(--muted,#6e7d99); }
.class-name-preview { padding:12px 16px; background:rgba(86,86,232,.07); border-radius:10px; }
.mail-development { padding:12px 16px; color:#805200; background:#fff5df; border:1px solid #f0d49b; border-radius:10px; font-size:14px; line-height:1.6; }
.settings-notice { margin-top:18px; border:1px solid #a2dcc7; background:#e8f9f2; color:#12634b; border-radius:12px; padding:14px 18px; }
.class-busy-overlay { position:fixed; inset:0; z-index:10000; cursor:progress; background:rgba(120,130,155,.08); }
[data-theme=dark] .class-picker select { background:#182239; color:#e8edf9; border-color:#3b4965; }
[data-theme=dark] .timezone-field input { background:#182239; color:#e8edf9; border-color:#3b4965; }
[data-theme=dark] .mail-development { background:#342b19; color:#ffe0a1; border-color:#6b5731; }
[data-theme=dark] .settings-notice { background:#123d32; color:#b4f4da; border-color:#37695b; }
@media(max-width:767px) { .class-summary { flex:1 1 120px; } .settings-form-actions .button { width:100%; } }