/* Approved System composition: scoped to settings, not the roast surface. */
#system{--settings-border:#40493c;--settings-field:#141912;--settings-text:#f2f4ed;--settings-muted:#c0c9ba;--settings-accent:#f0804c;color:var(--settings-text)}
#system .system-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}#system .system-heading h1{margin:0 0 8px}#system .system-intro{margin:0;color:var(--settings-muted);font-size:1.05rem}#system .system-editing-note{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;background:#1d231a;border:1px solid var(--settings-border);border-radius:6px;margin-bottom:22px;font-size:.94rem}#system .system-editing-note span{color:var(--settings-muted)}
#system .system-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}#system .system-setting-panel{min-width:0;display:flex;flex-direction:column;gap:0;background:#1e231d;border:1px solid var(--settings-border);border-radius:8px;padding:24px;margin:0;grid-column:auto;box-shadow:none}#system .system-panel-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px}#system .system-panel-title h2{margin:0;font-size:1.65rem;line-height:1.15}#system .system-saved-state{font-size:.88rem;color:#acd19a;max-width:100%;overflow-wrap:anywhere}#system .system-saved-state[data-tone=dirty],#system .system-supervised{color:#ebc581}#system .system-saved-state[data-tone=muted]{color:var(--settings-muted)}#system .system-saved-state[data-tone=bad]{color:#ffb09b}#system .system-description{color:var(--settings-muted);margin:0 0 20px;line-height:1.45}#system .system-supervised{font-size:.88rem}
#system fieldset{min-width:0;margin:0;padding:0;border:0}#system legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#system label{font-size:1rem;color:var(--settings-text);line-height:1.4}#system input:not([type=range]):not([type=checkbox]),#system select{width:100%;min-width:0;min-height:48px;font-size:1rem;font-variant-numeric:tabular-nums;background:var(--settings-field);border:1px solid #59624f;border-radius:5px;color:var(--settings-text);padding:10px 12px}#system button,#system summary{min-height:48px;font-size:1rem}#system button{border-radius:5px}#system :is(button,input,select,summary):focus-visible{outline:2px solid var(--settings-accent);outline-offset:3px}#system .safety-note,#system .meta,#system .calibration-save-status{color:var(--settings-muted);font-size:.94rem;line-height:1.45;overflow-wrap:anywhere}#system .calibration-save-status.bad{color:#ffb09b}
#system .system-fan-reference-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:18px;align-items:center;margin:4px 0 8px}#system .system-fan-reference-row label{font-weight:700}#system .system-field-help{display:block;font-size:.88rem;font-weight:400;color:var(--settings-muted);margin-top:5px}#system .system-reference-details,#system .system-advanced{margin:8px 0 0}#system details>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;color:var(--settings-muted);line-height:1.35;padding:10px 0}#system details>summary::-webkit-details-marker{display:none}#system details>summary:before{content:'›';flex:none;color:var(--settings-text)}#system details[open]>summary:before{transform:rotate(90deg)}#system details[open]>summary{margin-bottom:10px}#system .system-limit-details{border:1px solid #4c5842;border-radius:5px;background:#262e21;padding:0 12px;margin:12px 0 8px}#system .system-limit-details summary{font-weight:700;color:var(--settings-text)}#system .system-limit-details #fanLimitSummary{margin:0;font-size:1rem}#system .system-summary-action{margin-left:auto;border:1px solid #59624f;border-radius:5px;padding:7px 12px;min-height:36px;font-size:.88rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;color:var(--settings-text)}#system .system-limit-details[open]{padding-bottom:14px}#system .system-advanced .calibration-value-grid{margin-top:8px}
#system .system-save-row{border-top:1px solid var(--settings-border);padding-top:15px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}#system .system-save-row p{flex:1;min-width:150px;margin:0;font-size:.88rem}#system .system-save-row button{margin-left:auto;white-space:normal}#system .system-setting-panel>.system-save-row{margin-top:20px}#system .system-setting-panel>fieldset{flex:1}#system .system-pid-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}#system .system-pid-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700}#system .system-pid-fields small{display:block;color:var(--settings-muted);font-size:.88rem;font-weight:400;line-height:1.35;min-height:2.7em}#system .system-lookahead-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:18px;align-items:center}#system .system-lookahead-row label{font-weight:700}#system .system-pid-note{margin:10px 0;font-size:.88rem;color:var(--settings-muted)}
#system .system-sensor-grid{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.25fr);gap:20px;align-items:center;margin:5px 0 14px}#system .system-sensor-grid label{font-weight:700}#system .system-sensor-preview{border-left:1px solid var(--settings-border);padding-left:20px;min-width:0}#system .system-sensor-preview small{font-size:.88rem;color:var(--settings-muted)}#system #temperaturePreview{font-size:1.7rem;color:var(--settings-accent);font-weight:700;font-variant-numeric:tabular-nums;margin:8px 0;line-height:1.2;white-space:normal}#system .system-sensor-preview .system-field-help{font-size:.82rem}#system .temperature-setting-actions{margin:0;display:contents}#system .system-reset{color:var(--settings-accent);background:transparent;border-color:transparent}#system .system-temperature-slider{margin:12px 0}
#system .system-test-detail{border-bottom:1px solid var(--settings-border);margin:0;padding:0}#system .system-test-detail:last-child{border-bottom:0}#system .system-test-detail>summary{gap:12px;min-height:90px}#system .system-test-detail>summary:before{display:none}#system .system-test-copy{flex:1;min-width:0}#system .system-test-copy strong{display:block;color:var(--settings-text);font-size:1.05rem}#system .system-test-copy small{display:block;color:var(--settings-muted);font-size:.88rem;margin-top:5px}#system .system-test-copy em{font-style:normal;color:#ebc581;font-size:.82rem;margin-left:8px;white-space:nowrap}#system .system-test-detail[open]>.system-test-body{padding:0 0 18px}#system .system-test-body>h2{font-size:1.15rem}#system .system-test-body .panel{border:0;background:transparent;padding:0;margin:0;box-shadow:none}#system .system-test-body .diagnostic-fields{grid-template-columns:minmax(0,1fr)}#system .remember-stop,#system .mqtt-check{min-height:48px;align-items:center;font-size:1rem}#system input[type=checkbox]{flex:none;width:20px;height:20px;min-height:0}#system .system-test-body .row{flex-wrap:wrap}#system .system-test-body button{max-width:100%}#system .system-test-note{margin:14px 0 0;color:#ebc581;font-size:.88rem}
#system .system-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--settings-border);border-bottom:1px solid var(--settings-border);margin-top:24px;padding:0}#system .system-connection{min-width:0;padding:4px 18px;align-self:start}#system .system-connection+.system-connection{border-left:1px solid var(--settings-border)}#system .system-connection>summary:before{display:none}#system .system-connection>summary{gap:12px;min-height:80px;margin:0}#system .system-connection strong{color:var(--settings-text);font-size:1rem;display:block}#system .system-connection small{color:var(--settings-muted);font-size:.88rem;display:block;margin-top:5px}#system .system-connection[open]{grid-column:1/-1;border-left:0;border-bottom:1px solid var(--settings-border);padding-bottom:18px}#system .system-connection-body>.panel{background:transparent;border:0;padding:0;box-shadow:none;margin:0}#system .system-connection-body dd{overflow-wrap:anywhere}#system .system-device-extras{margin-top:16px}
@media(max-width:1050px){#system .system-setting-panel{padding:20px}#system .system-pid-fields{gap:10px}#system .system-settings-grid{gap:16px}#system .system-test-copy em{display:block;margin-left:0;margin-top:4px}#system .system-connections{grid-template-columns:1fr}#system .system-connection+.system-connection{border-left:0;border-top:1px solid var(--settings-border)}}
@media(max-width:760px){#system .system-settings-grid{grid-template-columns:minmax(0,1fr)}#system .system-setting-panel{padding:20px 18px}#system .system-editing-note{display:block;padding:12px;font-size:.94rem}#system .system-editing-note span{display:block;margin-top:5px}#system .system-panel-title h2{font-size:1.5rem}#system .system-sensor-grid{grid-template-columns:minmax(0,1fr)}#system .system-sensor-preview{border-left:0;border-top:1px solid var(--settings-border);padding:14px 0 0}#system .system-pid-fields small{font-size:.82rem}#system .system-pid-fields input{padding:10px 8px}#system .system-test-detail>summary{gap:8px}#system .system-test-copy strong{font-size:1rem}#system .system-connections{margin-top:18px}#system .system-connection{padding:0 2px}#system .system-save-row{gap:10px}#system .system-summary-action{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){#system *{scroll-behavior:auto;transition:none}}