.controls-page{--control-blue:#668999;--control-gold:#b99155;--control-water:#5c8f9d;--control-danger:#a85d57}.control-content{padding-bottom:28px}.control-heading{margin-bottom:20px}.control-heading-actions{max-width:none}.secondary-action{background:var(--surface);color:var(--green)}.stop-all-button{background:#fff7f5;border-color:#ead7d3;color:#9d514c}.control-context{margin-bottom:14px}.safety-banner{display:flex;align-items:center;gap:13px;padding:13px 16px;margin-bottom:18px;border:1px solid #e4dcc3;border-radius:9px;background:#fffdf5;color:#786c4f}.safety-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f5edcf;font-size:17px;flex:0 0 auto}.safety-banner div{flex:1}.safety-banner strong{display:block;font-size:13px}.safety-banner p{margin-top:2px;font-size:11px;color:#8e8369}.safety-badge{font-size:9px;letter-spacing:.8px;font-weight:700;padding:4px 7px;border:1px solid #dfd1a8;border-radius:4px;white-space:nowrap}.control-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.control-summary article{display:flex;align-items:center;gap:12px;padding:15px 17px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.control-summary small,.live-readings small{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.control-summary strong,.live-readings strong{font-family:Manrope,system-ui,sans-serif;font-size:13px}.summary-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:700;flex:0 0 auto}.summary-icon.auto{background:#eef3e8;color:#6c864f}.summary-icon.running{background:#f6eee1;color:#a2783d}.summary-icon.zone{background:#edf3f5;color:#688a98}.summary-icon.safe{background:#edf5ee;color:#568163}.live-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:10px 15px;margin-bottom:20px}.live-readings article{display:flex;align-items:center;gap:9px;padding:4px 18px;border-right:1px solid var(--border)}.live-readings article:first-child{padding-left:0}.live-readings article>span{color:#879a73;font-size:19px}.live-readings>a{padding-left:18px;color:var(--green);font-size:11px;font-weight:600;white-space:nowrap}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.device-card{padding:21px 21px 17px;overflow:visible;transition:border-color .2s,box-shadow .2s}.device-card.is-on{border-color:#aebf9e;box-shadow:0 8px 25px #435f3610}.device-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.device-identity{display:flex;align-items:center;gap:11px}.device-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.light-icon{background:#faf3df;color:#b78a42}.fan-icon{background:#eaf1f4;color:#65899a}.pump-icon{background:#e9f2f3;color:#5a8994}.device-identity .eyebrow{font-size:8px;margin-bottom:2px}.device-card h2{font-size:16px}.device-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:10px;font-weight:700;white-space:nowrap}.device-status i{width:6px;height:6px;border-radius:50%;background:#9aa59c}.device-status.on{background:#eff6ea;border-color:#d6e6ca;color:#5d7a49}.device-status.on i{background:#79a154;box-shadow:0 0 0 3px #79a15419}.device-status.cooldown{background:#faf4e9;border-color:#eadcc1;color:#98754b}.device-status.cooldown i{background:#be9557}.device-description{min-height:42px;margin:14px 0;color:var(--muted);font-size:11px}.mode-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mode-section>div:first-child strong{display:block;font-size:11px}.mode-section>div:first-child span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.mode-toggle{display:flex;padding:3px;background:var(--bg);border:1px solid var(--border);border-radius:7px}.mode-toggle button{border:0;background:none;color:var(--muted);font-size:10px;padding:5px 9px;border-radius:5px}.mode-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #223a2511;font-weight:700}.device-rule{margin:13px 0 10px;padding:9px 10px;border-radius:6px;background:var(--bg);color:var(--muted);font-size:10px;min-height:35px}.device-card.is-on .device-rule{background:#f1f5ed;color:#60774d}.manual-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.device-command{border:1px solid #57784a;background:#57784a;color:#fff;border-radius:6px;padding:8px 10px;font-size:10px;font-weight:700}.device-command.secondary{background:var(--surface);border-color:var(--border);color:var(--muted)}.device-command:disabled{background:var(--bg);border-color:var(--border);color:#aab2aa;opacity:1;cursor:not-allowed}.pump-start{background:#517f88;border-color:#517f88}.automation-settings{padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.setting-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.setting-heading label{font-weight:600}.setting-heading output{color:var(--green);font-weight:700}.automation-settings input[type=range]{margin:7px 0 2px}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.double-settings{display:grid;gap:13px}.double-settings>div+div{padding-top:11px;border-top:1px solid var(--border)}.pump-settings{display:grid;gap:11px}.compact-setting{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--border);font-size:10px}.compact-setting select{max-width:125px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--ink);padding:5px 7px;font-size:10px}.device-footer{display:flex;justify-content:space-between;gap:10px;padding-top:13px;margin-top:14px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.device-footer strong{color:var(--ink);font-size:10px}.control-bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:18px}.activity-card,.integration-card{min-height:310px}.activity-log{padding:12px 24px 20px;max-height:270px;overflow:auto}.activity-entry{display:grid;grid-template-columns:9px 92px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border)}.activity-entry:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:#8da073;margin-top:6px}.activity-dot.warning{background:#bd9151}.activity-dot.stop{background:#b16b63}.activity-meta{font-size:9px;color:var(--muted)}.activity-meta strong{display:block;color:var(--ink);font-size:10px;font-weight:600}.activity-message{font-size:11px;color:#6f7d71}.activity-mode{font-size:8px;padding:3px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted);text-transform:uppercase}.empty-activity{display:grid;place-items:center;min-height:185px;text-align:center;color:var(--muted);font-size:11px}.integration-body{padding:20px 24px}.integration-path{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:18px}.integration-path span{padding:8px 9px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:9px;text-align:center}.integration-path i{font-style:normal;color:var(--muted)}.integration-body p,.integration-body li{color:var(--muted);font-size:10px}.integration-body ul{padding-left:18px;margin:14px 0}.integration-body li{margin:6px 0}.integration-body code{display:block;padding:9px 11px;background:#26382d;color:#dbe7d2;border-radius:6px;font-size:10px}.control-page-alert{color:var(--control-danger)}[data-theme=dark] .safety-banner{background:#332f23;border-color:#514a36;color:#ded2ae}[data-theme=dark] .safety-banner p{color:#bdb392}[data-theme=dark] .safety-icon{background:#45402f}[data-theme=dark] .stop-all-button{background:#3b2928;border-color:#593b38;color:#e0aaa4}[data-theme=dark] .device-card.is-on .device-rule{background:#30432f;color:#bdd0ad}[data-theme=dark] .device-status.on{background:#30432f;border-color:#486541;color:#c7deb1}[data-theme=dark] .device-status.cooldown{background:#3b3327;border-color:#5a4933;color:#d8b98e}
@media(max-width:1200px){.control-summary{grid-template-columns:repeat(2,1fr)}.live-readings{grid-template-columns:repeat(4,1fr)}.live-readings>a{grid-column:1/-1;padding:11px 0 0;margin-top:8px;border-top:1px solid var(--border)}.device-grid{grid-template-columns:1fr 1fr}.pump-card{grid-column:1/-1}.pump-settings{grid-template-columns:1.3fr 1fr 1fr;align-items:end}.compact-setting{display:block;padding-top:0;border:0}.compact-setting span{display:block;margin-bottom:6px}.compact-setting select{width:100%;max-width:none}.control-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.control-heading{align-items:flex-start}.control-heading-actions{max-width:280px;justify-content:flex-end}.device-grid{grid-template-columns:1fr}.pump-card{grid-column:auto}.pump-settings{grid-template-columns:1fr}.compact-setting{display:flex;padding-top:10px;border-top:1px solid var(--border)}.compact-setting span{margin:0}.compact-setting select{width:auto;max-width:125px}.control-bottom-grid{grid-template-columns:1fr}.activity-card,.integration-card{min-height:0}}
@media(max-width:700px){.control-heading{display:block}.control-heading-actions{max-width:none;justify-content:flex-start;margin-top:17px;flex-wrap:wrap}.control-summary{grid-template-columns:1fr 1fr}.live-readings{grid-template-columns:1fr 1fr}.live-readings article{border-right:0;padding:8px 6px;border-bottom:1px solid var(--border)}.live-readings>a{grid-column:1/-1}.safety-banner{align-items:flex-start}.safety-badge{display:none}.device-grid{gap:14px}.device-card{padding:18px}.activity-entry{grid-template-columns:8px 78px 1fr}.activity-mode{display:none}.control-bottom-grid{gap:14px}}
@media(max-width:430px){.control-summary{grid-template-columns:1fr}.control-heading-actions .form-select{width:100%}.control-heading-actions .btn{flex:1}.device-card-header{display:block}.device-status{margin-top:11px}.mode-section{display:block}.mode-toggle{width:max-content;margin-top:9px}.activity-entry{grid-template-columns:8px 1fr}.activity-message{grid-column:2}.activity-meta{font-size:8px}}