:root{color-scheme:light;--paper: #f4f1e8;--ink: #1c261f;--muted: #667164;--line: #d4d0c3;--panel: #fffdf6;--field: #2f6c43;--field-dark: #17412a;--warning: #a46500;--danger: #b3261e;--sky: #2b6695;--shadow: 0 16px 50px rgba(47, 57, 45, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(120deg,rgba(47,108,67,.18),transparent 42%),linear-gradient(180deg,#fff8e1 0%,var(--paper) 34%,#e8eee2 100%);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{width:min(100%,720px);min-height:100dvh;margin:0 auto;padding:16px 12px 92px}.loading{display:grid;place-content:center;gap:12px;min-height:100dvh;color:var(--field-dark);font-weight:850}.spin{animation:spin .85s linear infinite}.switch-loading{display:grid;place-content:center;justify-items:center;gap:10px;min-height:240px;color:var(--field-dark);font-weight:850}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 2px 16px}.topbar p,.section-title p{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em}.topbar h1,.section-title h2{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(25px,8vw,40px);line-height:1.02}.topbar span{display:inline-block;margin-top:7px;color:var(--muted);font-weight:700}.farm-select{max-width:100%;margin:0;padding:4px 30px 4px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-size:clamp(22px,7vw,34px);font-weight:800;line-height:1.05;letter-spacing:0;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--field) 50%),linear-gradient(135deg,var(--field) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 11px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.farm-select:disabled{opacity:.55}.health-dot{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fffdf6cc;font-size:14px;font-weight:900;white-space:nowrap}.health-dot.online{color:var(--field);border-color:#9ecfa9;background:#e3f5df}.health-dot.stale{color:var(--warning);border-color:#e2bc73;background:#fff1d3}.health-dot.offline{color:var(--danger);border-color:#e3a29d;background:#ffe1dc}.notice{display:flex;align-items:center;gap:8px;margin:10px 0;border-radius:8px;padding:11px 12px;font-weight:800}.notice.warning{background:#fff1d3;color:#7d4b00}.notice.danger{background:#ffe1dc;color:var(--danger)}.device-panel,.device-empty-panel,.log-panel,.auth-panel,.alert-panel{border:1px solid var(--line);border-radius:8px;background:#fffdf6eb;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:74px;border:1px solid rgba(28,38,31,.12);border-radius:8px;padding:12px;background:#ffffffa8}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:850}.metric strong{display:block;margin-top:7px;font-size:22px;line-height:1.05;overflow-wrap:anywhere}.device-panel,.device-empty-panel,.log-panel,.auth-panel,.alert-panel{margin-top:14px;padding:14px}.device-empty-panel{display:grid;gap:14px;padding:14px 14px 16px;scroll-margin-top:14px}.device-empty-hero{display:grid;gap:13px;border:1px solid rgba(28,38,31,.1);border-radius:12px;padding:18px;background:linear-gradient(135deg,#fffdf6fa,#f2f7edf5),radial-gradient(circle at 100% 0%,rgba(43,102,149,.14),transparent 34%);box-shadow:0 12px 34px #2f392d1a}.device-empty-kicker{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:30px;border:1px solid rgba(43,102,149,.2);border-radius:999px;padding:6px 10px;background:#e5f0f7c7;color:#25546f;font-size:12px;font-weight:950}.device-empty-hero h2{margin:0;color:var(--ink);font-size:clamp(25px,7.2vw,36px);line-height:1.04;letter-spacing:0}.device-empty-hero p{margin:0;color:#4d5a50;font-size:15px;font-weight:760;line-height:1.65}.device-empty-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-empty-status span{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid rgba(28,38,31,.1);border-radius:9px;padding:8px 9px;background:#ffffff9e;color:var(--field-dark);font-size:13px;font-weight:900;text-align:center}.device-empty-cta{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;border:1px solid rgba(23,65,42,.26);border-radius:10px;background:#193d2a;color:#f8fff6;font-size:15px;font-weight:950;cursor:pointer;box-shadow:0 10px 22px #17412a29}.device-empty-cta:active{background:var(--field-dark)}.device-empty-chevron{transition:transform .22s ease}.device-empty-chevron.open{transform:rotate(180deg)}.device-empty-steps{display:grid;gap:10px;margin:0;padding:2px 2px 0;list-style:none}.device-empty-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;border:1px solid rgba(28,38,31,.1);border-radius:10px;padding:12px;background:#ffffffb8}.device-empty-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--field-dark);color:#fff;font-size:14px}.device-empty-steps strong{display:block;color:var(--ink);font-size:15px}.device-empty-steps span{display:block;margin-top:3px;color:var(--muted);font-size:13px;font-weight:760;line-height:1.5}@media(max-width:420px){.device-empty-status{grid-template-columns:1fr}}.auth-panel{display:grid;gap:11px;margin:0 0 14px;box-shadow:none}.auth-panel p{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em}.auth-panel h2{margin:0;font-size:20px;letter-spacing:0;overflow-wrap:anywhere}.auth-panel span,.auth-panel small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.membership-list{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:10px}.membership-list strong{color:var(--field-dark);font-size:14px}.membership-list span{margin:0;overflow-wrap:anywhere}.auth-panel form{display:grid;gap:8px}.auth-panel input{min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;font-weight:800}.auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-actions button,.auth-signout{min-height:46px;border:0;border-radius:8px;background:var(--field-dark);color:#fff;font-weight:950}.auth-actions button:nth-child(2){background:var(--sky)}.auth-actions button:disabled{opacity:.55}.alert-panel{margin:0 0 14px;border-color:#dfa8a2;background:#fff8f2}.alert-row{display:grid;gap:4px;margin-top:10px;border-left:5px solid var(--warning);border-radius:8px;padding:10px 11px;background:#fff1d3}.alert-row.critical{border-left-color:var(--danger);background:#ffe1dc}.alert-row.info{border-left-color:var(--sky);background:#e8f2fb}.alert-row strong{font-size:16px}.alert-row span{color:#3c493f;font-weight:760;line-height:1.4}.alert-row small{color:var(--muted);font-weight:850}.section-title h2{font-size:21px}.status-grid{margin:12px 0}.control-pin-panel{display:grid;gap:10px;margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fffdf6}.control-pin-panel p{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em}.control-pin-panel strong{display:block;color:var(--field-dark);font-size:17px}.control-access-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fffdf6}.control-access-panel p{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em}.control-access-panel strong,.control-access-panel span{display:block}.control-access-panel strong{color:var(--field-dark);font-size:17px}.control-access-panel span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.control-access-panel b{flex:0 0 auto;border-radius:8px;padding:7px 9px;background:#ecf1e8;color:var(--field-dark);font-size:13px}.control-access-panel.allowed{border-color:#9ecfa9;background:#eef8ec}.control-access-panel.locked,.control-access-panel.read-only{border-color:#e2bc73;background:#fff7e6}.control-access-panel.locked strong,.control-access-panel.read-only strong{color:var(--warning)}.control-pin-panel.locked strong{color:var(--danger)}.control-pin-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.control-pin-panel input{min-width:0;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;font-weight:850}.control-pin-panel button{min-height:46px;border:0;border-radius:8px;padding:0 14px;background:var(--field-dark);color:#fff;font-weight:950}.mqtt-check-panel{margin:12px 0;border:1px solid var(--line);border-radius:8px;background:#fffdf6;overflow:hidden}.mqtt-check-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px;background:#f6f1df}.mqtt-check-head p{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em}.mqtt-check-head h3{margin:0;font-size:19px;letter-spacing:0}.mqtt-check-head>strong{border-radius:8px;padding:7px 9px;background:#fff1d3;color:#7d4b00;font-size:13px;white-space:nowrap}.mode-real .mqtt-check-head>strong{background:#dff3dc;color:var(--field)}.mode-blocked .mqtt-check-head>strong{background:#ffe1dc;color:var(--danger)}.mqtt-check-list{display:grid}.mqtt-check-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;border-bottom:1px solid var(--line);padding:11px 12px}.mqtt-check-list article:last-child{border-bottom:0}.mqtt-check-list article.pass svg{color:var(--field)}.mqtt-check-list article.fail svg{color:var(--danger)}.mqtt-check-list strong,.mqtt-check-list span{display:block}.mqtt-check-list strong{font-size:14px}.mqtt-check-list span{margin-top:3px;color:var(--muted);font-size:13px;font-weight:760;line-height:1.35}.empty-log,.log-row{display:grid;align-items:center;gap:9px;min-height:46px;border-top:1px solid var(--line);padding:10px 0}.empty-log{display:flex;color:var(--muted);font-weight:800}.log-row{grid-template-columns:52px 1fr auto auto}.log-row span{color:var(--muted);font-weight:900}.log-row b{border-radius:8px;padding:5px 8px;background:#ecf1e8;color:var(--field-dark);font-size:12px}.log-row small{color:var(--muted);font-weight:800}.log-row em{grid-column:2 / -1;color:var(--muted);font-size:12px;font-style:normal;font-weight:750;overflow-wrap:anywhere}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;width:min(100%,720px);margin:0 auto;border-top:1px solid var(--line);background:#fffdf6f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav.with-logs{grid-template-columns:repeat(4,1fr)}.bottom-nav a{display:grid;place-items:center;gap:4px;min-height:64px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:900}.bottom-nav a.active{color:var(--field-dark)}:root{--advice-go-1: #2f7d4a;--advice-go-2: #174d2e;--advice-caution-1: #c07f18;--advice-caution-2: #8a5507;--advice-avoid-1: #bf4238;--advice-avoid-2: #86241d;--advice-na-1: #6b7570;--advice-na-2: #454e49;--risk-low: #3f9a5f;--risk-medium: #d99a26;--risk-high: #d15448}.risk-low{background:var(--risk-low)}.risk-medium{background:var(--risk-medium)}.risk-high{background:var(--risk-high)}.weather-banner{display:flex;align-items:center;gap:8px;border-radius:12px;padding:11px 13px;font-size:14px;font-weight:850;line-height:1.4}.weather-banner.stale{background:#fff1d3;color:#7d4b00}.weather-banner.unavailable{background:#e8eae8;color:#3f4844}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h3{margin:0;font-size:15px;letter-spacing:0}.derived-badge{border-radius:999px;padding:4px 9px;background:#e8f2fb;color:var(--sky);font-size:11px;font-weight:900;white-space:nowrap}.risk-card{display:grid;gap:7px;align-content:start;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fffdf6eb;box-shadow:var(--shadow)}.risk-card header{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.04em}.risk-card strong{font-size:24px;line-height:1.05;overflow-wrap:anywhere}.level-badge{justify-self:start;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:950;color:#fff}.level-badge.risk-none{background:#cfd4cf;color:#454e49}.risk-card p{margin:0;color:#3c493f;font-size:13px;font-weight:750;line-height:1.45}.weather-footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:2px 0 4px;color:var(--muted);text-align:center;font-size:12px;font-weight:800}.weather-footer b{border-radius:999px;padding:3px 9px;background:#fff1d3;color:#7d4b00;font-size:11px}.weather-module{margin-top:14px;scroll-margin-top:12px}.device-control{margin-top:12px}.ctl-toggle{display:grid;gap:11px}.ctl-notice{display:flex;align-items:center;gap:8px;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:850;line-height:1.4}.ctl-notice>span{display:grid;gap:3px}.ctl-notice small{font-size:12px;font-weight:780;opacity:.86}.ctl-notice.danger{background:#ffe1dc;color:var(--danger)}.ctl-notice.warning{background:#fff1d3;color:#7d4b00}.ctl-notice.info{background:#e8f2fb;color:var(--sky)}.ctl-notice.muted{background:#eceee9;color:#4c564f}.ctl-footnote{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:12px;font-weight:800}.purpose-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--muted);transition:background .18s ease,border-color .18s ease,color .18s ease}.purpose-icon.plate{width:32px;height:32px;border-radius:7px;border-color:#b9bfb6;background:linear-gradient(180deg,#eef0ea,#dde1d7)}.purpose-icon.on{border-color:#9ecfa9;background:#e3f5df;color:var(--field-dark)}.purpose-icon.off{color:var(--muted)}.purpose-icon.unknown{border-color:#e2bc73;background:#fff1d3;color:var(--warning)}.hold-stop{position:relative;display:grid;justify-items:center;gap:3px;min-height:62px;border:0;border-radius:12px;padding:10px;background:var(--danger);color:#fff;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.hold-stop:disabled{opacity:.55}.hold-progress{position:absolute;inset:0 auto 0 0;width:0;background:#ffffff47}.hold-stop.holding .hold-progress{width:100%;transition:width 1.2s linear}.hold-label{display:inline-flex;align-items:center;gap:7px;position:relative;font-size:17px;font-weight:950}.hold-stop small{position:relative;font-size:11px;font-weight:800;opacity:.85}@media(min-width:700px){.shell{padding-top:28px}}.topbar-actions{display:flex;align-items:center;gap:8px}:root{--paper: #eef2f4;--ink: #17202b;--muted: #64707d;--line: #d9e0e5;--panel: #ffffff;--field: #2f415c;--field-dark: #1d2a3c;--warning: #e88617;--danger: #c83f36;--sky: #2d7ca9;--shadow: 0 14px 34px rgba(29, 42, 60, .11);--advice-go-1: #1f8f5f;--advice-go-2: #0f5f42;--advice-caution-1: #e88617;--advice-caution-2: #9f5d05;--advice-avoid-1: #c83f36;--advice-avoid-2: #85231d;--advice-na-1: #74808c;--advice-na-2: #46515d;--risk-low: #239d6b;--risk-medium: #e09a22;--risk-high: #d95348}body{background:linear-gradient(180deg,#263a55 0 188px,transparent 188px),var(--paper);font-family:Avenir Next,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.shell{max-width:430px;padding:14px 12px 88px}.topbar{align-items:center;min-height:64px;margin:-14px -12px 10px;padding:14px 14px 12px;color:#fff}.topbar p,.section-title p{letter-spacing:.08em}.topbar p,.topbar span{color:#ffffffb8}.topbar h1{max-width:250px;font-size:1.4rem;line-height:1.1}.farm-select{max-width:250px;border:1px solid rgba(255,255,255,.22);background-color:#ffffff14;color:#fff;font-size:1.35rem}.health-dot{min-height:36px;border-color:#ffffff2e;border-radius:8px;background:#ffffff14;color:#fff;font-size:.78rem}.health-dot.online{border-color:#63e29a6b;background:#1f8f5f38;color:#d9fbe7}.account-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 10px;background:#ffffffeb;box-shadow:0 10px 28px #1d2a3c14}.account-strip div{display:grid;gap:2px;min-width:0}.account-strip span,.account-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-strip span{color:var(--muted);font-size:.75rem;font-weight:800}.account-strip strong{color:var(--field-dark);font-size:.82rem}.account-strip .auth-signout{min-height:34px;border-radius:8px;padding:0 12px}.auth-shell{display:grid;align-content:start;gap:12px;padding-top:0}.auth-hero{display:grid;gap:13px;margin:0 -12px;padding:28px 24px 26px;background:linear-gradient(135deg,rgba(31,143,95,.28),transparent 42%),linear-gradient(180deg,#263a55,#1d2a3c);color:#fff}.auth-brand{display:inline-flex;align-items:center;gap:9px;color:#ffffffd1;font-size:.78rem;font-weight:950;letter-spacing:.13em}.auth-hero h1{margin:0;max-width:330px;font-size:2rem;line-height:1.08;letter-spacing:0}.auth-hero p{margin:0;max-width:340px;color:#ffffffc7;font-size:.95rem;font-weight:760;line-height:1.55}.auth-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.auth-proof-grid span{display:grid;justify-items:center;gap:5px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:9px 4px;background:#ffffff14;color:#ffffffdb;font-size:.72rem;font-weight:900;text-align:center}.auth-shell .auth-panel{margin:-18px 0 0;border:1px solid #d7e0e6;border-radius:8px;padding:16px;background:#fff;box-shadow:0 18px 42px #1d2a3c29}.auth-panel-head p{margin:0 0 6px;color:#7a8590;font-size:.72rem;font-weight:950;letter-spacing:.1em}.auth-panel-head h2{margin:0;color:var(--field-dark);font-size:1.55rem;line-height:1.08}.auth-panel-head span{display:block;margin-top:7px;color:#65717e;font-size:.86rem;font-weight:780;line-height:1.45}.auth-shell .auth-panel form{gap:11px;margin-top:2px}.auth-shell .auth-panel label{display:grid;gap:6px}.auth-shell .auth-panel label>span{margin:0;color:#65717e;font-size:.72rem;font-weight:950;letter-spacing:.05em}.auth-shell .auth-panel input{min-height:50px;border-color:#d8e0e6;border-radius:8px;background:#f7fafc;color:var(--field-dark);font-size:.95rem}.auth-shell .auth-actions{grid-template-columns:1fr;gap:8px;margin-top:2px}.auth-shell .auth-actions button{min-height:50px;border-radius:8px;background:var(--field-dark)}.auth-shell .auth-actions button:nth-child(2){border:1px solid #d8e0e6;background:#fff;color:var(--field-dark)}.auth-state{display:flex;align-items:center;gap:8px;border:1px solid #d8e0e6;border-radius:8px;padding:10px 11px;background:#f7fafc;color:#65717e;font-size:.82rem;font-weight:850;line-height:1.4}.auth-state.danger{border-color:#c83f363d;background:#fff2f0;color:#a1342c}.auth-signed-in{display:grid;gap:10px}.device-panel,.device-empty-panel,.log-panel,.auth-panel,.alert-panel,.risk-card,.control-pin-panel,.control-access-panel,.mqtt-check-panel,.metric{border-color:var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.weather-module{display:grid;gap:10px;margin-top:0;scroll-margin-top:10px}.brand-weather{position:relative;display:grid;gap:10px;border-radius:8px;padding:1px;color:#fff;overflow:hidden;box-shadow:0 24px 54px #141f2d47}.brand-weather.advice-go{background:linear-gradient(145deg,#1f8f5f,#1d2a3c 72%)}.brand-weather.advice-caution{background:linear-gradient(145deg,#e88617,#263a55 72%)}.brand-weather.advice-avoid{background:linear-gradient(145deg,#c83f36,#263a55 72%)}.brand-weather.advice-unavailable{background:linear-gradient(145deg,#74808c,#263a55 72%)}.brand-weather.status-stale{background:linear-gradient(145deg,#8a6a2d,#3f4954 72%);box-shadow:0 18px 42px #3f49543d}.brand-weather:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 46%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 72%);pointer-events:none}.brand-weather-shell,.brand-hour-card{position:relative;z-index:1}.brand-weather-shell{display:grid;gap:11px;padding:15px 16px 6px}.brand-weather-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-weather-top span,.brand-weather-top b{display:inline-flex;align-items:center;gap:5px;color:#ffffffc7;font-size:.76rem;font-weight:850}.brand-weather-verdict{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center}.verdict-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff1f}.brand-weather-verdict p{margin:0 0 4px;color:#ffffffb3;font-size:.73rem;font-weight:950;letter-spacing:.08em}.brand-weather-verdict h2{margin:0;font-size:1.95rem;line-height:1.02;letter-spacing:0}.brand-weather-summary{margin:0;max-width:320px;color:#ffffffe0;font-size:.9rem;font-weight:760;line-height:1.5}.brand-reasons{display:grid;grid-template-columns:1fr;gap:8px}.brand-reasons article{display:grid;gap:4px;border-left:3px solid rgba(255,255,255,.34);padding-left:10px}.brand-reasons span{color:#ffffff9e;font-size:.72rem;font-weight:900}.brand-reasons strong{color:#fff;font-size:.84rem;line-height:1.4}.brand-hour-card{margin:0 8px 8px;border:1px solid rgba(255,255,255,.17);border-radius:8px;padding:9px 10px;background:#0e172252;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-hour-card .panel-head{margin-bottom:8px}.brand-hour-card .panel-head h3{color:#fff}.brand-hour-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.brand-hour{display:grid;justify-items:center;gap:5px;min-height:68px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 3px;background:#ffffff14}.brand-hour.now{border-color:#ffffff7a;background:#ffffff2b}.brand-hour span,.brand-hour strong{color:#fff;font-size:.72rem;font-weight:900;white-space:nowrap}.brand-hour svg{color:#ffffffe6}.brand-hour.risk-low{box-shadow:inset 0 -4px 0 var(--risk-low)}.brand-hour.risk-medium{box-shadow:inset 0 -4px 0 var(--risk-medium)}.brand-hour.risk-high{box-shadow:inset 0 -4px 0 var(--risk-high)}.brand-hour.unavailable{border-color:#ffffff1f;background:#ffffff0d;box-shadow:none;opacity:.72}.brand-risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-risk-grid .risk-card{min-height:104px;padding:11px 10px;box-shadow:0 10px 24px #1d2a3c14}.brand-risk-grid .risk-card strong{color:var(--field-dark);font-size:1.18rem}.brand-risk-grid .risk-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem}.brand-footer{padding:2px 4px;font-size:.72rem}.brand-footer b.quality-good{background:#e7f5ed;color:#13734c}.brand-footer b.quality-degraded{background:#fff1d3;color:#7d4b00}.brand-footer b.quality-unavailable{background:#e8eae8;color:#3f4844}.alert-panel,.device-panel,.device-empty-panel,.log-panel{margin-top:12px}.device-panel{padding:13px}.device-console-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid #d7e0e6;border-radius:8px;padding:13px;background:linear-gradient(180deg,#fff,#f7fafc);box-shadow:0 12px 28px #1d2a3c14}.device-console-title{min-width:0}.device-console-title p{margin:0 0 6px;color:#7a8590;font-size:.72rem;font-weight:950;letter-spacing:.1em}.device-console-title h2{margin:0;color:var(--field-dark);font-size:1.42rem;line-height:1.1;letter-spacing:0}.device-console-title span{display:block;margin-top:7px;color:#65717e;font-size:.84rem;font-weight:780;line-height:1.4}.device-console-badge{display:inline-flex;align-items:center;align-self:start;gap:6px;border:1px solid #d5dde4;border-radius:999px;padding:8px 10px;background:#fff;color:#65717e;font-size:.78rem;font-weight:950;white-space:nowrap}.device-console-badge.online{border-color:#239d6b38;background:#eef9f3;color:#13734c}.device-console-badge.stale{border-color:#e09a2242;background:#fff8ec;color:#986100}.device-console-badge.offline{border-color:#d9534847;background:#fff1ef;color:#a1342c}.device-console-meta{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #e2e8ed;padding-top:11px}.device-console-meta span{display:grid;gap:3px;color:#7a8590;font-size:.68rem;font-weight:900}.device-console-meta strong{overflow:hidden;color:var(--field-dark);font-size:.86rem;font-weight:950;white-space:nowrap;text-overflow:ellipsis}.device-status-line{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.device-status-line .metric:last-child{grid-column:1 / -1}.metric{min-height:62px;padding:10px;box-shadow:none}.metric strong{font-size:1rem}.control-access-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;margin:10px 0;padding:10px;box-shadow:none}.control-access-panel svg{color:var(--field)}.control-access-panel strong{font-size:.92rem}.control-access-panel span{font-size:.78rem}.control-pin-panel,.mqtt-check-panel{box-shadow:none}.mqtt-check-list{max-height:150px;overflow:auto}.hold-stop{border-radius:8px;background:var(--field-dark)}.bottom-nav{width:min(100%,430px);border-top:1px solid rgba(29,42,60,.18);background:#fffffff5}.bottom-nav.no-logs{grid-template-columns:repeat(3,1fr)}.bottom-nav a{min-height:62px}@media(max-width:374px){.brand-weather-verdict h2{font-size:1.82rem}.brand-hour-row,.brand-risk-grid{gap:5px}.brand-hour{min-height:74px}.brand-risk-grid .risk-card{padding:9px 8px}}.control-deck{border:1px solid #d7e0e6;border-radius:8px;padding:10px;background:linear-gradient(180deg,#f8fafb,#eef3f6);box-shadow:inset 0 1px #fff,0 16px 32px #1d2a3c14}.deck-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:2px 2px 0}.deck-head span,.deck-head strong{display:block}.deck-head span{color:#7a8590;font-size:.68rem;font-weight:950;letter-spacing:.12em}.deck-head strong{margin-top:2px;color:var(--field-dark);font-size:.95rem}.deck-state{border:1px solid #d5dde4;border-radius:999px;padding:5px 9px;background:#fff;color:#697582;font-size:.68rem;font-weight:950;letter-spacing:.08em}.deck-state.online{border-color:#239d6b38;background:#eef9f3;color:#13734c}.deck-state.stale{border-color:#e09a2242;color:#986100}.deck-state.offline{border-color:#d9534847;color:#a1342c}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.channel-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:8px 10px;min-height:178px;border:1px solid #d8e0e6;border-radius:8px;padding:10px;background:#fff;color:var(--ink);box-shadow:0 8px 18px #1d2a3c0f;overflow:hidden}.channel-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#cfd8df}.channel-card.on{border-color:#e8861773;background:linear-gradient(180deg,rgba(232,134,23,.08),transparent 44%),#fff}.channel-card.on:before{background:var(--warning)}.channel-card.disabled{opacity:.52}.channel-card.pending{opacity:1;border-color:#2b669573;background:linear-gradient(180deg,#e8f2fbdb,#fffffff0),#fff;box-shadow:0 12px 28px #2b669521}.channel-card.pending:before{background:var(--sky)}.channel-top{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;min-height:20px}.channel-id{color:#6a7682;font-size:.72rem;font-weight:950;letter-spacing:.1em}.channel-lamp{width:11px;height:11px;border:1px solid #b8c3cc;border-radius:50%;background:#c7d0d8;box-shadow:inset 0 0 0 2px #ffffff8c}.channel-lamp.on{border-color:#e886176b;background:var(--warning);box-shadow:0 0 12px #e8861785,inset 0 0 0 2px #ffffff52}.channel-lamp.unknown{background:#d5a21e}.channel-identity{display:flex;align-items:center;align-self:center;gap:9px;min-width:0}.channel-card .purpose-icon.plate{width:40px;height:40px;border-color:#d8e0e6;background:#f5f8fa;color:#667381}.channel-card .purpose-icon.on{border-color:#e886175c;background:#e886171a;color:#9b5b05}.channel-copy{min-width:0}.channel-copy strong{display:block;overflow:hidden;color:var(--field-dark);font-size:.92rem;line-height:1.18;white-space:nowrap;text-overflow:ellipsis}.channel-copy span{display:block;overflow:hidden;margin-top:4px;color:#7a8590;font-size:.72rem;font-weight:850;white-space:nowrap;text-overflow:ellipsis}.channel-status{grid-column:1;display:inline-flex;align-items:center;gap:5px;align-self:end;color:#72808c;font-size:.75rem;font-weight:900}.channel-status.on{color:#9b5b05}.channel-status.unknown{color:#986100}.channel-status.pending{color:var(--sky)}.relay-dial{grid-column:1;grid-row:4;display:grid;place-items:center;justify-self:center;width:74px;height:74px;border:1px solid #c5d0d6;border-radius:50%;padding:5px;background:linear-gradient(145deg,#fff,#dfe7eb);color:#62717b;box-shadow:inset 0 2px 4px #ffffffdb,0 4px 10px #1d2a3c1f;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.relay-dial-core{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(77,97,108,.28);border-radius:50%;background:#ffffffc7;box-shadow:inset 0 1px 2px #ffffffe6}.relay-dial small{font-size:.68rem;font-weight:950;letter-spacing:.04em}.relay-dial.on{border-color:#a465009e;background:linear-gradient(145deg,#c77a14,#8e5300);color:#fff;box-shadow:inset 0 2px 5px #ffedbd57,0 8px 16px #a465003d}.relay-dial.on .relay-dial-core{border-color:#ffffff7a;background:#ffffff2b}.relay-dial.pending{border-color:#2b66959e;background:linear-gradient(145deg,#5d93bb,#2b6695);color:#fff;box-shadow:inset 0 2px 5px #e4f5ff52,0 8px 16px #2b669538}.relay-dial.pending .relay-dial-core{border-color:#ffffff73;background:#ffffff29}.relay-dial:not(:disabled):active{transform:scale(.94)}.relay-dial:disabled{cursor:default}.channel-readonly{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #d8e0e6;border-radius:7px;background:#f5f8fae0;color:#52606d;font-size:.76rem;font-weight:950}.channel-readonly.on{border-color:#e8861780;background:#fff1d3eb;color:#7d4b00}.channel-readonly.unknown{border-color:#a4650047;background:#fff7e6db;color:#7d4b00}.ctl-toggle .hold-stop{border:1px solid rgba(200,63,54,.28);background:linear-gradient(135deg,#822820,#261d28);box-shadow:0 12px 28px #82282029}@media(max-width:374px){.channel-grid{gap:7px}.channel-card{min-height:158px;padding:9px}.channel-copy strong{font-size:.84rem}}