.job-layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.job-main{gap:24px;min-width:0;display:grid}.job-badge{color:#d5f74e;border:1px solid #d5f74e55;border-radius:30px;padding:10px 16px;font-size:12px}.job-controls>p{color:#a7b1aa;line-height:1.7}.job-controls>div{flex-wrap:wrap;gap:12px;display:flex}.job-controls button:disabled{opacity:.4;cursor:not-allowed}.job-cancel{margin-top:18px}.job-devices{flex-wrap:wrap;gap:32px;margin-top:18px;display:flex}.job-devices span,.job-devices code{margin-top:6px;display:block}.job-devices span{color:#a8b49d;font-size:12px}.job-legend{gap:18px;font-size:12px;display:flex}.job-legend span:first-child{color:#d5f74e}.job-legend span:last-child{color:#65c9ff}.job-chart{width:100%;height:auto;min-height:200px}.job-chart-empty{text-align:center;color:#9da6a1;align-content:center;min-height:240px;padding:25px;display:grid}.job-chart-empty span{color:#d5f74e;font-size:48px}.job-chart-empty h3{color:#e9efe8;margin:8px}.job-readings{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.job-readings span,.job-readings strong,.job-readings small{display:block}.job-readings span{color:#a8b3aa;font-size:12px}.job-readings strong{margin:10px 0;font-size:30px;font-weight:500}.job-readings small{color:#a6afa8;font-size:11px;line-height:1.5}.job-list-row{color:inherit;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;text-decoration:none;display:flex}.job-list-row strong,.job-list-row small{display:block}.job-list-row small{color:#a8b3aa;margin-top:8px}.job-list-row>span{color:#d5f74e;font-size:12px}.job-history{min-width:0}.matching-setup fieldset:disabled{opacity:.65}.app-title-row h1{overflow-wrap:anywhere}@media (max-width:1100px){.job-layout{grid-template-columns:1fr}.job-legend{flex-wrap:wrap}.job-readings{gap:12px}}@media (max-width:550px){.job-list-row{flex-direction:column;align-items:flex-start}.job-readings{grid-template-columns:1fr}.job-chart{min-height:160px}.job-badge{margin-top:15px;display:inline-block}}.job-controls .button:focus-visible{outline-offset:3px;outline:3px solid #65c9ff}.job-controls .button:disabled{color:#8b948b;opacity:.55;cursor:not-allowed;background:#18201b;border-color:#ffffff1f}.job-settings-disclosure.app-panel{border:1px solid #ffffff26;padding:0}.job-settings-disclosure>summary{cursor:pointer;align-items:center;gap:12px;min-height:58px;padding:14px 18px;list-style:none;display:flex}.job-settings-disclosure>summary::-webkit-details-marker{display:none}.job-settings-disclosure>summary:focus-visible{outline-offset:3px;outline:2px solid #d5f74e}.job-settings-step{letter-spacing:.08em;color:#a8b3aa;white-space:nowrap;font-size:9px}.job-settings-disclosure>summary strong{white-space:nowrap;font-size:14px}.job-settings-chevron{color:#d5f74e;margin-left:auto;font-size:20px;line-height:1}.job-settings-disclosure[open] .job-settings-chevron{transform:rotate(180deg)}.job-settings-disclosure[open]>summary{border-bottom:1px solid #ffffff1a}.job-settings-body{padding:24px}.job-settings-disclosure>summary:hover{background:#ffffff04}.job-settings-equipment{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:20px}.job-settings-equipment>p{letter-spacing:.1em;color:#a8b3aa;margin:0 0 8px;font-size:9px}.job-settings-equipment>strong{color:#e9efe8;font-size:16px}.job-settings-equipment dl{gap:12px;margin:16px 0 0;display:grid}.job-settings-equipment dt{color:#a8b3aa;margin-bottom:4px;font-size:11px}.job-settings-equipment dd{color:#e9efe8;margin:0;font-size:12px}.job-settings-equipment code{overflow-wrap:anywhere}.job-settings-body .job-controls{background:0 0;border:0;border-top:1px solid #ffffff26;margin-top:24px;padding:24px 0 0}.job-settings-body .job-controls h2{overflow-wrap:anywhere;font-size:18px}.job-settings-body .job-controls>div{grid-template-columns:minmax(0,1fr);display:grid}.job-settings-body .job-controls .button{white-space:normal;width:100%;padding:12px}.job-layout.job-layout-shared{grid-template-columns:minmax(0,1fr)}.job-sharing{border-top:1px solid #ffffff26;margin-top:24px;padding-top:24px}.job-sharing h2{font-size:18px}.job-sharing .button{white-space:normal;width:100%;margin-top:10px}.job-sharing input{width:100%;min-width:0}.job-sharing button:disabled{opacity:.5;cursor:not-allowed}.job-controls .job-control-state{color:#d5f74e;border:1px solid #d5f74e44;border-radius:20px;margin:0 0 12px;padding:5px 10px;font-size:12px;line-height:1.4;display:inline-block}.job-controls .job-control-state.needs-check{color:#e7c991;border-color:#e7c99155}.job-controls .job-control-help{margin:0 0 16px;font-size:12px;line-height:1.65}.job-settings-body .job-controls .job-control-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.job-control-actions .button{min-height:44px;font-size:12px}.job-control-actions .job-control-check{grid-column:1/-1}.job-controls .job-control-stop{border-color:#cfad7755}.job-control-details{color:#a7b1aa;border-top:1px solid #ffffff1a;margin-top:18px;padding-top:14px;font-size:11px;line-height:1.7}.job-control-details summary{cursor:pointer;color:#b8c2b8}.job-control-details summary:focus-visible{outline-offset:4px;outline:2px solid #65c9ff}.job-control-details p{overflow-wrap:anywhere}.job-control-actions .job-control-match{grid-column:1/-1}.job-device-details dd small{color:#a7b1aa;margin-top:5px;font-size:10px;font-weight:400;line-height:1.5;display:block}.job-device-details{margin-top:0}.job-device-heading{color:#e9efe8;border-top:1px solid #ffffff26;margin:28px 0 14px;padding-top:18px;font-size:15px}.job-device-details dt{overflow-wrap:anywhere}.job-device-details dd{overflow-wrap:anywhere;min-width:0}.job-settings-body .job-controls .job-diagnostics{gap:18px;margin-top:20px;display:grid}.job-diagnostic-result{color:#a7b1aa;overflow-wrap:anywhere;padding:0 2px;font-size:12px;line-height:1.6}.job-diagnostic-result p{white-space:pre-wrap;margin:8px 0 4px}.job-diagnostic-result small{font-size:10px}.job-legend .job-legend-preheat{color:#f5aa56}.job-legend{flex-wrap:wrap}.job-chart-wrap{position:relative}.job-chart:focus-visible{outline-offset:3px;outline:2px solid #65c9ff}.job-chart-tooltip{right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:30;box-sizing:border-box;color:#eef4ed;pointer-events:none;background:#111a16f5;border:1px solid #73816c;width:280px;max-width:calc(100vw - 32px);padding:12px;font-size:11px;position:fixed;box-shadow:0 6px 24px #0006}.job-chart-tooltip>strong{margin-bottom:8px;display:block}.job-chart-tooltip>div{grid-template-columns:1fr auto;gap:4px 10px;margin:8px 0;display:grid}.job-chart-tooltip small{color:#a7b1aa;grid-column:1/-1;font-size:10px;display:block}.job-chart-tooltip b{font-weight:500}@media (max-width:760px){.job-chart-tooltip{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}}.job-history .job-legend span:nth-child(2){color:#65c9ff}.job-history .job-legend span.job-legend-preheat{color:#f5aa56}.job-chart-wrap .job-chart{touch-action:pan-y;-webkit-user-select:none;user-select:none}.job-readings.job-readings-three{grid-template-columns:repeat(3,minmax(0,1fr))}.job-readings .job-reading-probe strong{color:#d5f74e}.job-readings .job-reading-water strong{color:#65c9ff}.job-readings .job-reading-ambient strong,.job-history .job-legend span.job-legend-ambient{color:#c4a0ff}@media (max-width:550px){.job-readings.job-readings-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;container-type:inline-size}.job-readings-three>div{min-width:0}.job-readings-three>div>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.job-readings-three strong{white-space:nowrap;letter-spacing:-.04em;margin:6px 0;font-size:clamp(14px,7cqi,24px)}.job-readings-three small{overflow-wrap:anywhere;font-size:10px}}.matching-setup .job-cancel{width:100%}.matching-details dt small{color:#91a096;max-width:280px;margin-top:4px;font-size:10px;line-height:1.5;display:block}.job-history .job-readings-three{margin-bottom:4px}.job-chart-wrap .job-chart{aspect-ratio:940/270;min-height:0;display:block}.matching-content .job-topbar{gap:16px;min-height:46px;margin-bottom:16px;padding:4px 0}.job-topbar>div:first-child{min-width:0}.job-topbar .job-topbar-name{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.3}.job-topbar-status{color:#a8b3aa;margin-top:4px;font-size:11px;display:block}@media (max-width:550px){.job-topbar .job-topbar-name{font-size:18px}}.shared-save-banner{background:#172018;border:1px solid #435348;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.shared-save-banner strong{font-size:14px}.shared-save-banner p{color:#a7b1aa;margin:6px 0 0;font-size:12px}.shared-save-actions{flex-wrap:wrap;gap:10px;display:flex}.shared-save-actions .button{min-height:44px;padding:10px 14px;font-size:12px}.job-history .job-legend-readings{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-top:18px}.job-legend-readings .job-reading-probe .reading-legend-label{color:#d5f74e}.job-legend-readings .job-reading-water .reading-legend-label{color:#65c9ff}.job-legend-readings .job-reading-ambient .reading-legend-label{color:#c4a0ff}.job-legend-readings>div>span{clip-path:none;white-space:nowrap;width:auto;height:auto;margin:0;font-size:12px;position:static;overflow:visible}.job-legend-readings strong{margin:8px 0 4px}@media (max-width:550px){.job-history .job-legend-readings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.job-legend-readings>div>span{font-size:11px}}.job-legend-readings .job-reading-water.is-preheat .reading-legend-label,.job-legend-readings .job-reading-water.is-preheat strong{color:#f5aa56}.job-heater-demand-mobile{display:none}.job-settings-disclosure>summary strong{white-space:normal;min-width:0}.job-settings-chevron{flex-shrink:0}.job-support-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),500px));align-items:start;gap:24px;min-width:0;max-width:1024px;display:grid}.job-support-panels>.job-settings-disclosure{width:100%;min-width:0;margin:0}.job-support-panels>.job-settings-disclosure[open]>summary{top:max(8px,env(safe-area-inset-top));z-index:5;background:#151a18;position:sticky;box-shadow:0 3px 8px #0004}.job-support-panels>.job-settings-disclosure[open]>summary:hover{background:#1c231f}@media (max-width:600px){.job-heater-demand-desktop{display:none}.job-heater-demand-mobile{text-align:center;color:#c5cec6;margin-top:4px;font-size:14px;font-weight:500;line-height:1.4;display:block}}