#whoopSettingsView{max-width:850px;margin:0 auto}
.whoop-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.whoop-heading h1{font-size:24px;letter-spacing:-.6px;margin:0;display:flex;align-items:center;gap:10px}
.whoop-paused{padding:7px 12px;border-radius:12px;background:var(--raised,#f8e8f3);color:var(--ink);font-size:12px;font-weight:600}
#whoopSettingsView .surface{padding:18px;margin-bottom:12px}
#whoopSettingsView h2{margin:0 0 10px;font-size:17px}
#whoopSettingsView p{margin:8px 0;font-size:13px}
#whoopSettingsFields{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}
#whoopSettingsFields label,.whoop-callback-label{display:grid;gap:6px;font-size:13px;font-weight:600}
#whoopSettingsFields input,#whoopRedirectUri{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid var(--input-line,var(--line));border-radius:12px;background:var(--inset,#fff);color:var(--ink);font-size:16px}
#whoopSettingsFields small{font-weight:400;line-height:1.5;color:var(--muted)}
.whoop-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.whoop-actions button{padding:11px 15px}
#whoopSettingsSave{background:var(--accent-fill,#037d86);border:0;color:var(--on-accent,#fff)}
#whoopSettingsStatus{min-height:22px;overflow-wrap:anywhere}
.whoop-steps{padding-left:22px;margin:0;font-size:13px;line-height:1.6}
.whoop-steps li{margin:8px 0}
#whoopRedirectUri{margin-top:6px;font-size:13px!important;font-weight:400}
.whoop-plan{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0}
.whoop-plan>div{padding:10px 0;border-bottom:1px solid var(--line)}
.whoop-plan dt{font-size:12px;color:var(--muted)}
.whoop-plan dd{margin:4px 0 0;font-size:13px}
#whoopSettingsView button:disabled{opacity:.55;cursor:not-allowed}
.whoop-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
#whoopSettingsFields .whoop-choices label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;font-weight:400;cursor:pointer}
#whoopSettingsFields .whoop-choices input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:var(--teal,#037d86)}
.whoop-choices small{display:block;font-size:11px;margin-top:4px}
#whoopProbe{background:var(--accent-fill,#037d86);color:var(--on-accent,#fff);border:0}
#whoopProbeReport{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
#whoopProbeSummary{font-size:15px;line-height:1.6}
.whoop-report-scroll{overflow-x:auto}
.whoop-report-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}
.whoop-report-table th,.whoop-report-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal}
.whoop-report-table th{font-size:11px;color:var(--muted)}
@media(max-width:480px){.whoop-choices{grid-template-columns:1fr}.whoop-report-table th,.whoop-report-table td{padding:8px 4px}}
@media(max-width:480px){.whoop-heading h1{font-size:21px}.whoop-plan{grid-template-columns:1fr}.whoop-actions button{width:100%}}

#whoopImportStart{background:var(--accent-fill,#037d86);color:var(--on-accent,#fff);border:0}
#whoopImportId,#whoopImportStored{overflow-wrap:anywhere}
/* v49: server-side automatic import. */
.whoop-schedule-toggle{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer}
.whoop-schedule-toggle input{width:20px;height:20px;margin:0;accent-color:var(--teal,#037d86)}
.whoop-schedule-time{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
#whoopScheduleTime,#whoopImportFrom,#whoopImportThrough{padding:9px 10px;border:1px solid var(--input-line,var(--line));border-radius:12px;background:var(--inset,#fff);color:var(--ink);font-size:16px}
#whoopScheduleSave{background:var(--accent-fill,#037d86);border:0;color:var(--on-accent,#fff)}
#whoopScheduleState,#whoopScheduleLast{overflow-wrap:anywhere}