/* css/settings.css - WS11 Settings screen (Batch D PKG-1). Pre-allocated by the
   Batch D claim commit; PKG-1 (WS11-Settings) is the ONLY writer of this file.
   Matches design-source/SettingsPage.dc.html (clean voice) + SPEC #17. Built
   entirely on css/workout.css :root tokens - zero hard-coded theme colors here
   (the theme-swatch previews below are a deliberate exception: they render a
   FIXED miniature of each theme's own palette, not the currently active one,
   so they must stay literal regardless of which theme is live). */

.set-header{display:flex;align-items:center;gap:12px;padding:2px 0 10px}
.set-back{width:36px;height:36px;border-radius:10px;background:var(--s2);color:var(--mut2);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex:none}
.set-back svg{width:16px;height:16px}
.set-title{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--txt)}

.set-section-label{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:14px 0 10px}
.set-section-label:first-of-type{margin-top:0}

.set-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:13px 14px}
.set-card + .set-section-label{margin-top:18px}

.set-blk-title{font-size:13px;font-weight:650;color:var(--txt)}
.set-blk-sub{font-size:11.5px;color:var(--mut);margin-top:2px}

.set-divider{border-top:1px solid var(--b1);margin-top:12px;padding-top:11px}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* Theme swatches */
.set-theme-row{display:flex;gap:6px;margin-top:9px}
.set-theme-chip{flex:1;border-radius:10px;border:1.5px solid var(--b1);padding:8px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;cursor:pointer;font-family:var(--font-ui)}
.set-theme-chip.sel{border-color:var(--acc);background:color-mix(in srgb, var(--acc) 5%, transparent)}
.set-theme-swatch{width:100%;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid transparent}
.set-theme-accbar{width:22px;height:5px;border-radius:3px}
.set-theme-label{font-size:11px;font-weight:600;color:var(--mut2)}
.set-theme-chip.sel .set-theme-label{font-weight:700;color:var(--acc)}

/* Headings-font (voice) chips */
.set-voice-row{display:flex;gap:6px;margin-top:9px}
.set-voice-chip{flex:1;height:48px;border-radius:10px;background:var(--s2);border:none;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:650;color:var(--mut2);cursor:pointer}
.set-voice-chip[data-voice-choice="handwritten"]{font-family:var(--font-hand);font-size:19px;font-weight:600}
.set-voice-chip.sel{background:var(--acc);color:var(--acc-text)}

/* Session layout chips with mini wireframe previews */
.set-layout-row{display:flex;gap:6px;margin-top:9px}
.set-layout-chip{flex:1;border-radius:10px;border:1.5px solid var(--b1);padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;cursor:pointer;font-family:var(--font-ui)}
.set-layout-chip.sel{border-color:var(--acc);background:color-mix(in srgb, var(--acc) 5%, transparent)}
.set-layout-preview{width:100%;height:44px;border-radius:6px;background:var(--s2);padding:5px 6px;display:flex;flex-direction:column;gap:3px;justify-content:center}
.set-layout-bar{height:5px;border-radius:2px;background:var(--b2)}
.set-layout-bar.ok{background:var(--grn)}
.set-layout-bar.dim{background:var(--b1)}
.set-layout-label{font-size:11px;font-weight:600;color:var(--mut2)}
.set-layout-chip.sel .set-layout-label{font-weight:700;color:var(--acc)}
/* Focus preview: big set number + status dot */
.set-layout-preview.focus-preview{align-items:center}
.set-layout-preview-num{font:700 13px 'JetBrains Mono',monospace;color:var(--mut2)}
.set-layout-preview-dot{width:14px;height:14px;border-radius:999px;background:var(--grn);margin-top:2px}
/* Timeline preview: rows of dot + bar */
.set-tl-row{display:flex;align-items:center;gap:4px}
.set-tl-dot{width:6px;height:6px;border-radius:999px;flex:none}
.set-tl-dot.filled{background:var(--grn)}
.set-tl-dot.cur{background:var(--acc)}
.set-tl-dot.open{border:1px solid var(--b2);background:none}
.set-tl-bar{height:4px;border-radius:2px;flex:1}
.set-tl-bar.done{background:var(--b2)}
.set-tl-bar.cur{background:var(--acc)}
.set-tl-bar.open{background:var(--b1)}

/* Default rest stepper */
.set-stepper{display:flex;align-items:center;gap:8px}
.set-stepper-btn{width:40px;height:40px;border-radius:9px;background:var(--s2);border:none;display:flex;align-items:center;justify-content:center;font:600 12px 'JetBrains Mono',monospace;color:var(--mut2);cursor:pointer}
.set-stepper-val{font:650 17px 'JetBrains Mono',monospace;color:var(--txt);min-width:44px;text-align:center}

/* Units pill toggle */
.set-units{display:flex;background:var(--s2);border-radius:999px;padding:2px}
.set-unit-opt{padding:7px 16px;border-radius:999px;background:none;border:none;font:600 12px 'JetBrains Mono',monospace;color:var(--mut2);cursor:pointer}
.set-unit-opt.sel{background:var(--acc);color:var(--acc-text);font-weight:700}

/* Rest-over alert switch */
.set-switch{width:46px;height:28px;border-radius:999px;background:var(--b1);display:flex;align-items:center;padding:2px;justify-content:flex-start;border:none;cursor:pointer;flex:none}
.set-switch.on{background:var(--grn);justify-content:flex-end}
.set-switch-knob{width:24px;height:24px;border-radius:999px;background:var(--s1)}

/* People list */
.set-people-card{padding:4px 14px}
.set-person-row{display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--b1);cursor:pointer}
.set-person-row:last-of-type{border-bottom:none}
.set-avatar{width:32px;height:32px;border-radius:999px;background:var(--s3);color:var(--mut2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}
.set-avatar.cur{background:var(--acc);color:var(--acc-text)}
.set-person-name{font-size:13.5px;font-weight:650;color:var(--txt)}
.set-person-meta{font-size:11px;color:var(--mut);margin-top:1px}
.set-person-arrow{color:var(--mut);font-size:15px}
.set-add-person{display:flex;align-items:center;gap:12px;min-height:48px;color:var(--acc);font-size:13px;font-weight:650;background:none;border:none;cursor:pointer;width:100%;text-align:left}
.set-adv-timer{display:flex;align-items:center;gap:12px;min-height:40px;color:var(--mut2);font-size:12.5px;font-weight:600;background:none;border:none;cursor:pointer;width:100%;text-align:left}

/* Data list */
.set-data-card{padding:4px 14px}
.set-data-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--b1);background:none;border-left:none;border-right:none;border-top:none;width:100%;cursor:pointer;text-align:left}
.set-data-row:last-of-type{border-bottom:none}
.set-data-title{font-size:13px;font-weight:650;color:var(--txt)}
.set-data-sub{font-size:11.5px;color:var(--mut);margin-top:1px}
.set-data-arrow{color:var(--mut);font-size:15px}