/* Instrument composition: ESP's hierarchy, quiet navigation, one live plot. */
.page-tools{display:flex;align-items:center;gap:17px}.page-tools .icon-button{min-height:38px;min-width:38px;border-radius:11px;color:var(--muted);background:var(--alt)}.page-tools .icon{width:18px;height:18px}
:root{--bg:#f3f5f2;--surface:#fdfefc;--alt:#e8eeea;--text:#24332d;--muted:#64736b;--line:#dae2db;--accent:#27774f;--instrument:#fdfefc;--instrument-soft:#eaf0e8;--instrument-line:#dce4dc;--nav:#1a2420;--nav-active:#2b3a32;--glow-blue:#dee7e24d;--glow-mint:#d8e8d85c;--shadow:0 8px 28px #16291a06}
:root[data-theme=dark]{--bg:#101716;--surface:#19221f;--alt:#293a30;--text:#edf3ef;--muted:#a2b2a8;--line:#324238;--accent:#91dcb1;--instrument:#19221f;--instrument-soft:#213129;--instrument-line:#324238;--nav:#131b17;--nav-active:#29372f;--glow-blue:#27423625;--glow-mint:#2c48392e;--shadow:0 8px 28px #00000010}
.main-nav{width:190px;padding:25px 12px}.main-nav::after{opacity:.13}.main-nav a{font-weight:400;border-radius:10px;gap:12px;font-size:14px}.main-nav a[aria-current=page]{box-shadow:none}.main-nav .nav-brand{margin-bottom:30px}.brand .wordmark{flex-direction:row;gap:4px;align-items:baseline}.brand .wordmark strong{font-size:17px;letter-spacing:-.2px}.brand .wordmark>span{font-size:15px;margin:0;letter-spacing:.7px}
.signed-in main{margin-left:190px;padding:34px 36px 55px;max-width:1530px}
.page-heading h1{font-size:29px;font-weight:400;letter-spacing:-.6px}.furnace-heading h1{font-size:18px;color:var(--muted);letter-spacing:0}.furnace-heading{margin-bottom:25px}
.instrument{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:'head head' 'read chart' 'metrics chart' 'warning warning';border:0;border-radius:18px;box-shadow:none;background:var(--instrument)}
.instrument-head{grid-area:head;padding:0 0 25px;background:var(--bg);border:0}.instrument-head::after{display:none}.instrument-head .program-name{font-size:33px;font-weight:400;letter-spacing:-.9px}.instrument-head .reading-label{font-size:11px;letter-spacing:.8px}
.live-summary{grid-area:read;display:grid;grid-template-columns:95px minmax(0,1fr);gap:23px 12px;padding:25px 23px 20px;background:var(--instrument-soft);border-radius:16px 0 0 0}
.temperature-focus{grid-column:1/-1}.live-summary .temperature{font-size:77px;font-weight:400;letter-spacing:-4px;margin:0}.live-summary .temperature span{font-size:20px;letter-spacing:-.5px}.live-summary .rate-line{margin-top:10px}.rate-line strong{color:var(--muted);font-size:13px;font-weight:400}
.stage-focus{grid-column:1}.stage-number{margin:8px 0 0;gap:5px}.stage-number strong{font-size:44px;font-weight:400;letter-spacing:-1px}.stage-number>span{font-size:15px}.stage-focus #stage-target{font-size:11px;margin-top:9px}
.status-focus{grid-column:2;display:block;align-self:start;padding:0}.status-focus .reading-label{display:block;margin-bottom:9px}.status-focus .status{font-size:21px;font-weight:400;line-height:1.3;margin:10px 0 0}.status-focus .status::before{display:none}
.main-run-chart{grid-area:chart;margin:0;padding:21px 24px 16px;border:0;min-width:0;align-self:stretch;background:var(--instrument);border-radius:0 16px 16px 0}.run-chart-controls{min-height:32px;margin:0 0 8px}.run-chart-controls h2{font-size:16px;font-weight:400;letter-spacing:0;margin:0}.run-legend{gap:12px 18px;margin:0 0 10px;font-size:11px}.run-legend .line-dot{width:15px;height:2px;border-radius:0}.run-legend .line-dot.plan{background:repeating-linear-gradient(to right,var(--blue) 0 4px,transparent 4px 6px)}
.main-run-chart #program-profile{height:290px}.run-grid{stroke-width:.7}.run-grid-time{display:none}.run-stage{fill-opacity:.03}.run-axis,.run-stage-label{font-size:11px}.run-chart-footer{font-size:11px;min-height:30px;flex-wrap:wrap;gap:7px}.run-elapsed{margin-left:auto!important}#run-source:empty{display:none}
#run-selected{position:static;transform:none;max-width:100%;width:auto;min-height:32px;border:0;box-shadow:none;background:var(--instrument-soft);padding:9px 11px;margin:6px 0 0;font-size:12px;line-height:1.6;border-radius:9px}
.reading-panel .run-metrics{grid-area:metrics;grid-template-columns:1fr 1fr;margin:0;padding:0 23px 23px;background:var(--instrument-soft);border:0;border-radius:0 0 0 16px;gap:14px 18px}.run-metrics>div{padding-top:14px;border-top:1px solid var(--instrument-line)}.reading-panel .run-metrics dt{font-size:11px}.reading-panel .run-metrics dd{font-size:19px;font-weight:400;margin-top:4px}.run-metrics>div:nth-child(2){grid-column:1/-1;grid-row:2}.reading-panel .warning{grid-area:warning;background:var(--bg);margin:0;padding:18px 0 0;font-size:12px;color:var(--orange)}
.instrument:has(.warning:not([hidden])){border-radius:0}.instrument,.instrument-head,.reading-panel .warning{background:transparent}.furnace-actions{gap:18px;margin-top:19px}.furnace-actions a{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0}.furnace-actions strong{font-size:14px;font-weight:400}.action-icon{background:transparent;width:25px;color:var(--muted)}
.recent-history{gap:16px}.section-heading h2{font-size:19px;font-weight:400}.history-entry{border-color:var(--line)}.history-entry strong{font-weight:400}
.fleet-overview .furnace-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,275px),340px));gap:20px}.fleet-overview .furnace-card{max-width:340px;border:1px solid var(--line);box-shadow:none;border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--instrument-soft))}.fleet-overview .furnace-card h2{font-weight:400}.fleet-overview .furnace-card .status{background:transparent;padding:0;font-weight:400}.fleet-overview .card-open{border:0}.fleet-overview .furnace-card .temperature{font-weight:400}.fleet-overview .furnace-card .device-id{font-size:11px}
.graph-card,.program,.setting-list,.form-panel,.chart-panel,.auth-panel{box-shadow:none;border-color:var(--line);border-radius:16px}.graph-card h2,.program summary,.setting-row,.setting summary{font-weight:400}.graph-card .result{background:transparent;padding:0}.setting-symbol{background:none}.settings-layout{gap:32px}.setting-value{font-size:12px}.section-links a{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;font-weight:400}.section-links a[aria-current=page]{border-color:var(--accent)}
@media(min-width:1600px){.signed-in main{margin-left:190px;transform:none}}
@media(max-width:1100px){.signed-in main{padding:30px 24px 50px}.instrument{grid-template-columns:250px minmax(0,1fr)}.live-summary{padding:24px 18px 18px;grid-template-columns:87px minmax(0,1fr);gap:22px 8px}.live-summary .temperature{font-size:70px}.main-run-chart{padding:22px 18px 16px}.reading-panel .run-metrics{padding:0 18px 22px}.status-focus .status{font-size:20px}.main-run-chart #program-profile{height:290px}}
@media(max-width:950px){.main-nav{width:168px}.main-nav a{padding:14px 11px}.signed-in main{margin-left:168px}.brand .wordmark strong{font-size:15px}.brand .wordmark>span{font-size:13px}.instrument{grid-template-columns:1fr;grid-template-areas:'head' 'read' 'metrics' 'chart' 'warning'}.live-summary{grid-template-columns:minmax(210px,1.5fr) 82px minmax(90px,1fr);gap:20px;padding:23px;border-radius:16px 16px 0 0}.temperature-focus{grid-column:1}.stage-focus{grid-column:2}.status-focus{grid-column:3}.reading-panel .run-metrics{grid-template-columns:repeat(3,1fr);padding:0 23px 21px;border-radius:0}.run-metrics>div:nth-child(2){grid-column:auto;grid-row:auto}.main-run-chart{padding:20px 23px;border-radius:0 0 16px 16px}.main-run-chart #program-profile{height:270px}.live-summary .temperature{font-size:66px}}
@media(max-width:700px){.signed-in .topbar{height:62px;padding:0 18px}.topbar .brand .wordmark strong{font-size:16px}.topbar .brand .wordmark>span{font-size:14px}.signed-in main{margin:0;padding:13px 17px calc(105px + env(safe-area-inset-bottom))}.main-nav{width:auto;padding:5px}.main-nav a{font-size:11px;padding:7px 4px}.main-nav::after{display:none}.page-heading h1{font-size:27px}.furnace-heading h1{font-size:16px}.furnace-heading{margin-bottom:20px}.instrument-head{padding-bottom:20px}.instrument-head .program-name{font-size:29px}.live-summary{grid-template-columns:minmax(0,1fr) 95px;gap:16px 12px;padding:22px 18px 18px}.temperature-focus{grid-column:1;grid-row:1/3}.stage-focus{grid-column:2;grid-row:1}.status-focus{grid-column:2;grid-row:2}.status-focus .reading-label{display:none}.status-focus .status{margin:0;font-size:19px}.stage-number strong{font-size:37px}.stage-number>span{font-size:14px}.stage-focus #stage-target{margin-top:6px}.live-summary .temperature{font-size:clamp(54px,16vw,74px);letter-spacing:-3.5px}.live-summary .temperature span{font-size:17px}.reading-panel .run-metrics{padding:0 18px 20px;gap:12px}.reading-panel .run-metrics dd{font-size:17px}.reading-panel .run-metrics dt{font-size:11px}.main-run-chart{padding:20px 10px 14px}.main-run-chart #program-profile{height:235px}.run-chart-controls h2{font-size:15px}.run-chart-controls,.run-legend,.run-chart-footer{margin-left:8px;margin-right:8px}.run-chart-footer{font-size:11px}.run-legend{font-size:11px;gap:10px 16px}.reading-panel .warning{padding:16px 2px 0;font-size:11px}.furnace-actions a{padding:12px 0}.furnace-actions strong{font-size:14px}.fleet-overview .furnace-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,275px),340px))}#run-selected{font-size:11px;margin:6px 8px 0}}
@media(max-width:360px){.signed-in main{padding-left:12px;padding-right:12px}.live-summary{padding:20px 14px 17px;grid-template-columns:minmax(0,1fr) 84px;gap:15px 10px}.live-summary .temperature{font-size:52px}.live-summary .temperature span{font-size:15px}.reading-panel .run-metrics{padding-left:14px;padding-right:14px}.reading-panel .run-metrics dd{font-size:15px}.status-focus .status{font-size:17px}.reading-label{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.fleet-overview .furnace-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.instrument-head .program-name .icon{transition:transform .18s ease}.instrument-head .program-name:hover .icon{transform:translateX(3px)}.reading-panel .temperature,.status{transition:color .24s ease}.main-nav a{transition:background-color .18s ease,color .18s ease}.setting-body{animation:setting-enter .18s ease-out}.furnace-actions a:hover{background:transparent}.furnace-actions a:hover>.icon:last-child{transform:translateX(3px)}@keyframes setting-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}}
@media(hover:hover){.fleet-overview .furnace-card:hover{transform:translateY(-2px);border-color:var(--muted);box-shadow:var(--shadow)}}