@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{--bg:#f4f6f4;--surface:#fff;--surface-soft:#edf5f2;--ink:#13231f;--muted:#687773;--line:#dbe5e2;--accent:#0f7a68;--accent-strong:#0b5b4f;--gold:#f4b43f;--gold-soft:#fff5d8;--blue:#2367c7;--danger:#b42318;--ok:#15803d;--warn:#b7791f;--shadow:0 14px 34px #13231f14;--shadow-soft:0 5px 14px #13231f0f;--radius:8px;font-family:Vazirmatn,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top right, #fff8e7 0, #fff8e700 270px), var(--bg);min-height:100%;color:var(--ink);margin:0}body{direction:rtl}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{fill:currentColor;flex:none;width:18px;height:18px}.app-shell,.app-layout{min-height:100vh}.app-frame{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.app-main{min-width:0;padding-bottom:0}.sidebar{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;grid-template-rows:auto 1fr;gap:18px;height:100vh;padding:18px 14px;display:grid;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:4px 4px 12px;display:flex}.sidebar nav{align-content:start;gap:8px;display:grid}.sidebar button,.bottom-nav button{color:var(--muted);border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:9px;min-height:42px;padding:8px 10px;display:flex;position:relative}.sidebar button.active,.bottom-nav button.active{color:var(--accent-strong);background:var(--surface-soft)}.sidebar button i,.bottom-nav button i{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-inline-start:auto;font-size:10px;font-style:normal;display:grid}.bottom-nav{z-index:18;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:62px;box-shadow:var(--shadow);background:#fffffff0;border-radius:14px;grid-template-columns:repeat(5,1fr);padding:6px;display:none;position:fixed;bottom:10px;left:10px;right:10px}.bottom-nav button{flex-direction:column;justify-content:center;gap:3px;min-height:50px;padding:5px;font-size:11px}.bottom-nav button i{margin:0;position:absolute;top:1px;left:12px}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(14px,4vw,34px);display:flex;position:sticky;top:0}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(20px,4vw,28px)}.brand-block{gap:2px;min-width:0;display:grid}.brand-title{align-items:center;gap:9px;min-width:0;display:flex}.brand-logo{width:38px;height:38px;color:var(--gold);background:linear-gradient(180deg, var(--gold-soft), #fff);box-shadow:var(--shadow-soft);border:1px solid #f1dfb4;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-logo svg{width:21px;height:21px}.top-actions{align-items:center;gap:8px;display:flex}.muted,.title-block span,.device-top span,.modal-summary span{color:var(--muted);font-size:13px;line-height:1.6}.clock{border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;background:linear-gradient(#fff,#fbfdfc);align-items:center;gap:8px;min-height:40px;padding:7px 10px;display:flex}.clock span{color:var(--muted);font-size:12px}.clock strong{font-size:13px;font-weight:700}.dashboard{width:min(1180px,100%);margin:0 auto;padding:clamp(14px,4vw,28px)}.view-stack{gap:16px;display:grid}.hero-panel,.view-title{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#fff,#fbfdfc);justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.hero-panel h2,.view-title h2{letter-spacing:0;margin:2px 0 0;font-size:clamp(22px,5vw,32px)}.hero-panel p,.view-title p{color:var(--muted);margin:6px 0 0;line-height:1.8}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.stats-grid div{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;gap:4px;padding:12px;display:grid}.stats-grid strong{color:var(--accent-strong);font-size:20px}.stats-grid span{color:var(--muted);font-size:12px}.all-devices{padding:0}.device-meta{color:var(--muted);font-size:11px}.channel-row.disabled{opacity:.65}.pairing-flow{gap:12px;display:grid}.step-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:3px;padding:11px;display:grid}.step-card span{color:var(--muted);font-size:12px}.preview-sentence{border-radius:var(--radius);background:var(--gold-soft);color:#6f4a05;border:1px solid #f1dfb4;padding:10px;font-size:13px;line-height:1.8}.account-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:center;gap:12px;padding:14px;display:flex}.account-card div:last-child{gap:4px;display:grid}.account-card span{color:var(--muted)}.welcome{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.welcome h2{letter-spacing:0;margin:2px 0 0;font-size:clamp(22px,5vw,34px)}.eyebrow{color:var(--accent-strong);font-size:13px;font-weight:700}.homes-list{gap:14px;display:grid}.home-card,.zone-card,.device-card,.auth-card,.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.home-card{transition:border-color .16s,box-shadow .16s;overflow:clip}.home-card:hover{border-color:#bfd2cd;box-shadow:0 18px 42px #13231f1a}.zone-card{box-shadow:none;background:#fbfcfc;border-color:#e3ebe8}.device-card{box-shadow:var(--shadow-soft);border-color:#e2ebe8;gap:12px;padding:12px;display:grid}.card-head,.zone-head{width:100%;min-height:74px;color:var(--ink);text-align:right;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.title-block{gap:2px;min-width:0;display:grid}.title-block strong{word-break:break-word;font-size:16px}.avatar,.mini-avatar{color:var(--accent-strong);background:var(--surface-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.avatar{width:46px;height:46px;box-shadow:inset 0 0 0 1px #0f7a6814}.mini-avatar{width:38px;height:38px}.mini-avatar.online{color:var(--ok);background:#e5f7eb}.chevron{color:var(--muted);transition:transform .16s}.chevron.open{transform:rotate(180deg)}.quick-actions{flex-wrap:wrap;gap:8px;padding:0 14px 14px;display:flex}.device-card>.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.device-card>.quick-actions .ghost-btn,.device-card>.quick-actions .danger-link{width:100%;min-width:0;min-height:38px}.zones-list,.devices-grid{gap:10px;padding:0 14px 14px;display:grid}.devices-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.device-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.status,.pill{color:#41504d;white-space:nowrap;background:#edf2f2;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:2px 9px;font-size:12px;display:inline-flex}.status.ok{color:var(--ok);background:#dcfce7}.status.off{color:var(--danger);background:#f6e6e4}.channels{gap:8px;display:grid}.channel-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.channel-row span{color:var(--muted);font-size:12px;display:block}.range{color:var(--muted);grid-column:1/-1;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.range input{padding:0}.switch{border:1px solid var(--line);background:#dbe4e2;border-radius:999px;width:54px;height:32px;padding:3px}.switch i{background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .16s;display:block;box-shadow:0 2px 6px #1b2b272e}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on i{transform:translate(-22px)}.btn,.ghost-btn,.danger-link,.icon-btn,.tiny-btn{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 11px;text-decoration:none;display:inline-flex}.btn.primary,.tiny-btn.primary{background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-color:var(--accent);color:#fff;box-shadow:var(--shadow-soft)}.btn.danger,.tiny-btn.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.ghost-btn:hover,.btn:hover,.icon-btn:hover,.tiny-btn:hover{border-color:#b9cbc6}.danger-link{color:var(--danger);background:#fff;border-color:#f0c0bb}.icon-btn{width:40px;height:40px;padding:0;position:relative}.tiny-btn{min-height:30px;padding:5px 9px;font-size:12px}.full{width:100%}.dot{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:-6px;left:-6px}.auth-layout{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{gap:14px;width:min(430px,100%);padding:24px;display:grid}.auth-card h1{margin:0;font-size:30px}.auth-card p{color:var(--muted);margin:0}.mark{background:linear-gradient(180deg, var(--gold-soft), #fff);width:50px;height:50px;color:var(--gold);box-shadow:var(--shadow-soft);border:1px solid #f1dfb4;border-radius:8px;place-items:center;display:grid}.segmented{border-radius:var(--radius);background:#edf3f2;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #1b2b2714}.auth-message{border-radius:var(--radius);min-height:38px;color:var(--accent-strong);background:#eef9f6;align-items:center;padding:8px 10px;font-size:13px;display:flex}.auth-message.error{color:var(--danger);background:#fff0ef}.form{gap:11px;display:grid}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}label,.label-title{color:var(--muted);gap:6px;font-size:13px;display:grid}input,select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:42px;color:var(--ink);background:#fff;padding:8px 10px}input[type=checkbox]{width:18px;min-height:18px}.days{flex-wrap:wrap;gap:8px;display:flex}.days label{color:var(--ink);border:1px solid var(--line);background:#f7faf9;border-radius:999px;align-items:center;padding:6px 9px;display:inline-flex}.modal-backdrop{z-index:20;background:#0d181561;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;width:min(680px,100%);max-height:min(86vh,860px);display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:12px 16px;display:flex}.modal-head h3{margin:0;font-size:18px}.modal-body{padding:16px;overflow:auto}.stack{gap:14px;display:grid}.hint,.token-box,.plan{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f7faf9;padding:11px;line-height:1.7}.token-box{text-align:center;gap:8px;display:grid}.token-box strong{letter-spacing:.08em;color:var(--accent-strong);direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:28px}.modal-summary{align-items:center;gap:10px;display:flex}.device-summary-text{gap:2px;min-width:0;display:grid}.device-summary-text strong{line-height:1.4}.device-mac{color:var(--muted);text-align:right;direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.mini-list,.scenario-list{gap:8px;display:grid}.scenario-section{gap:10px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title span{color:var(--muted);font-size:13px}.create-scenario-box{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf9;overflow:clip}.create-scenario-box summary{cursor:pointer;color:var(--accent-strong);align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.create-scenario-box .form{padding:0 12px 12px}.mini-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.mini-row div{gap:2px;display:grid}.mini-row span{color:var(--muted);font-size:12px}.actions{flex-wrap:wrap;gap:6px;display:flex}.notification-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.notification-row.error{background:snow;border-color:#f0c0bb}.notification-row div{gap:3px;min-width:0;display:grid}.notification-row span{color:var(--muted);font-size:12px;line-height:1.6}.notification-row time{color:var(--muted);white-space:nowrap;font-size:11px}.scenario-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:clip}.scenario-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.scenario-card summary span:first-child{gap:2px;display:grid}.scenario-card small{color:var(--muted)}.scenario-detail{color:var(--muted);gap:10px;padding:0 11px 11px;display:grid}.scenario-detail p{margin:0;line-height:1.7}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;gap:4px;padding:14px;display:grid}.empty strong{color:var(--ink)}.danger-text{color:var(--danger);margin:0;line-height:1.8}.toast{z-index:40;border-radius:var(--radius);color:#fff;background:var(--accent-strong);max-width:min(420px,100vw - 36px);box-shadow:var(--shadow);padding:12px 14px;position:fixed;bottom:18px;right:18px}.toast.error{background:var(--danger)}@media (width<=760px){.app-frame{display:block}.sidebar{display:none}.app-main{padding-bottom:84px}.bottom-nav{display:grid}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.clock{order:3;justify-content:center;width:100%}.welcome,.hero-panel,.view-title{flex-direction:column;align-items:stretch}.hero-panel .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome .btn{width:100%}.card-head,.zone-head{grid-template-columns:auto minmax(0,1fr) auto;min-height:66px}.quick-actions{grid-template-columns:1fr 1fr;display:grid}.quick-actions .danger-link{grid-column:1/-1}.device-card>.quick-actions .danger-link{grid-column:auto}.devices-grid,.row{grid-template-columns:1fr}.modal-backdrop{place-items:end center;padding:0}.modal{border-radius:8px 8px 0 0;width:100%;max-height:92vh}.mini-row{flex-direction:column;align-items:flex-start}.notification-row{grid-template-columns:1fr;align-items:flex-start}.mini-row .actions{width:100%}.mini-row .actions button{flex:1}}@media (width<=440px){.dashboard,.topbar{padding:12px}.brand-title h1{font-size:22px}.clock span{display:none}.quick-actions{grid-template-columns:1fr}.device-card>.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-row{grid-template-columns:1fr auto}.range{grid-template-columns:1fr}.token-box strong{font-size:22px}}.pairing-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#fbfdfc);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:13px;display:grid}.pairing-hero p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.8}.pairing-orb{width:48px;height:48px;color:var(--accent-strong);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid}.pairing-form{gap:12px}.device-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.device-type-option{border:1px solid var(--line);border-radius:var(--radius);min-height:118px;color:var(--ink);text-align:right;box-shadow:var(--shadow-soft);background:#fff;align-content:center;justify-items:start;gap:7px;padding:12px;display:grid}.device-type-option.selected{border-color:var(--accent);background:linear-gradient(#f4fbf8,#fff);box-shadow:0 0 0 3px #0f7a681a}.device-type-option:disabled{opacity:.75}.device-type-icon{width:34px;height:34px;color:var(--accent-strong);background:var(--surface-soft);border-radius:8px;place-items:center;display:grid}.device-type-option small,.selection-preview small{color:var(--muted);line-height:1.6}.selection-preview{border-radius:var(--radius);background:#fbfdfc;border:1px dashed #bfd2cd;gap:2px;padding:10px;display:grid}.selection-preview span{color:var(--muted);font-size:12px}.pairing-token-panel{border-radius:var(--radius);background:linear-gradient(180deg, var(--gold-soft), #fff);border:1px solid #f1dfb4;gap:10px;padding:12px;display:grid}.pairing-status{color:#6f4a05;align-items:center;gap:8px;display:flex}.pairing-status span{background:var(--gold);border-radius:999px;width:10px;height:10px;animation:1.5s infinite pairingPulse;box-shadow:0 0 #f4b43f73}.pairing-steps{color:var(--muted);margin:0;padding:0 20px 0 0;font-size:13px;line-height:1.9}.token-expiry{color:var(--muted)}@keyframes pairingPulse{0%{box-shadow:0 0 #f4b43f73}70%{box-shadow:0 0 0 9px #f4b43f00}to{box-shadow:0 0 #f4b43f00}}@media (width<=520px){.device-type-grid,.pairing-hero{grid-template-columns:1fr}}:root{--bg:#eef3f1;--surface:#fff;--surface-soft:#edf7f4;--surface-raised:#fbfdfc;--ink:#10201c;--muted:#60736e;--line:#d6e2de;--accent:#0d806c;--accent-strong:#075c50;--accent-soft:#dff4ef;--gold:#d99b22;--gold-soft:#fff6df;--shadow:0 16px 42px #10201c1a;--shadow-soft:0 8px 22px #10201c12;--shadow-hover:0 20px 52px #10201c21}html,body{background:linear-gradient(135deg, #0d806c14 0 20%, #fff0 46%), linear-gradient(180deg, #f8fbfa 0, var(--bg) 52%, #e8efed 100%)}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.app-frame{background:linear-gradient(90deg,#075c5009,#fff0 280px),0 0}.sidebar{background:#fbfdfce0;padding:18px 12px;box-shadow:-8px 0 28px #10201c0a}.sidebar-brand{min-height:64px;padding:8px 6px 14px}.sidebar button{border:1px solid #0000;min-height:46px;padding:9px 12px;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s}.sidebar button:hover{color:var(--ink);border-color:var(--line);background:#f6faf9}.sidebar button.active{color:var(--accent-strong);box-shadow:inset -3px 0 0 var(--accent);background:linear-gradient(#f4fbf8,#e8f6f2);border-color:#c6ded7}.topbar{background:#f8fbfae0;min-height:76px;box-shadow:0 8px 24px #10201c0d}.brand-logo,.mark{background:linear-gradient(180deg, #fff6dff5, #fff), var(--gold-soft);color:#b77912;border-color:#ead4a0}.brand-title h1{font-weight:800}.clock{box-shadow:var(--shadow-soft);background:#ffffffbd;border-color:#cfe0db}.dashboard{padding-top:clamp(18px,4vw,34px)}.hero-panel,.view-title{background:linear-gradient(135deg,#0d806c1a,#fff0 42%),linear-gradient(#fff,#f8fbfa);border-color:#cededa;position:relative;overflow:hidden}.hero-panel:before,.view-title:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--accent), var(--gold));width:5px;height:100%;position:absolute;top:0}.hero-panel>*,.view-title>*{position:relative}.hero-panel h2,.view-title h2{font-weight:800}.stats-grid div,.account-card,.home-card,.zone-card,.device-card,.scenario-card,.mini-row,.notification-row,.empty,.modal{border-color:#d3e1dd}.stats-grid div{background:linear-gradient(#fff,#f8fbfa);min-height:86px;transition:transform .16s,box-shadow .16s,border-color .16s}.stats-grid div:hover,.device-card:hover,.home-card:hover{box-shadow:var(--shadow-hover);border-color:#bdd5cf;transform:translateY(-1px)}.stats-grid strong{font-size:24px;font-weight:800}.home-card{background:#fffffff2}.home-card,.zone-card,.device-card{position:relative}.home-card:before,.zone-card:before,.device-card:before{content:"";inset-inline-start:0;background:#dce9e5;width:4px;height:100%;position:absolute;top:0}.home-card:before{background:linear-gradient(180deg, var(--accent), #9ccfc4)}.zone-card:before{background:#b9d5ce}.device-card.is-online:before{background:var(--ok)}.device-card.is-offline:before{background:#d9a39d}.card-head,.zone-head{min-height:82px;padding-inline-start:18px}.card-head:hover,.zone-head:hover{background:linear-gradient(90deg,#0d806c0f,#fff0)}.title-block strong{font-weight:800}.avatar,.mini-avatar,.pairing-orb,.device-type-icon{background:linear-gradient(#eff9f6,#fff);border:1px solid #cde3dc}.mini-avatar.online{background:linear-gradient(#e8faee,#fff);border-color:#bde7c8}.quick-actions{border-top:1px solid #d6e2dea6;padding-top:12px}.zone-card .quick-actions,.device-card .quick-actions{border-top:0}.devices-grid{gap:12px}.device-card{background:linear-gradient(#fff,#fbfdfc);overflow:hidden}.device-top{padding-bottom:2px}.device-meta{border-radius:var(--radius);background:#f7faf9;border:1px solid #e1ebe8;padding:8px 10px}.status,.pill{border:1px solid #0000;min-height:26px;font-weight:800}.status.ok{background:#e9faee;border-color:#bae6c5}.status.off{background:#fff1ef;border-color:#ecc4c0}.channel-row{background:#ffffffd1;border-color:#dae7e3;min-height:62px;transition:border-color .16s,box-shadow .16s,background .16s}.channel-row:hover{box-shadow:var(--shadow-soft);background:#fff;border-color:#c1d8d1}.switch{background:#dce6e3;border-color:#cbd9d5;transition:background .16s,border-color .16s,box-shadow .16s}.switch.on{box-shadow:0 0 0 4px #0d806c1f}.switch.pending{position:relative;overflow:hidden}.switch.pending:after{content:"";border:2px solid #ffffffb8;border-top-color:#ffffff2e;border-radius:999px;animation:.8s linear infinite spin;position:absolute;inset:3px}.channel-row.ack-pending{background:linear-gradient(#fffdf6,#fff);border-color:#e1c36d}.channel-row.ack-confirmed{background:linear-gradient(#f2fbf5,#fff);border-color:#a9dfb7}.channel-row.ack-failed{background:linear-gradient(#fff7f6,#fff);border-color:#efb7b1}.channel-row.ack-pending span,.channel-row.ack-confirmed span,.channel-row.ack-failed span{font-weight:800}.channel-row.ack-pending span{color:#8a6107}.channel-row.ack-confirmed span{color:var(--ok)}.channel-row.ack-failed span{color:var(--danger)}.btn,.ghost-btn,.danger-link,.icon-btn,.tiny-btn{font-weight:800;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s}.btn:hover,.ghost-btn:hover,.icon-btn:hover,.tiny-btn:hover,.danger-link:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.ghost-btn{background:linear-gradient(#fff,#f7faf9)}.danger-link{background:linear-gradient(#fff,#fff8f7)}input,select{background:#fbfdfc;border-color:#cfddd9;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,select:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 4px #0d806c1f}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0d18156b,#0d18158c)}.modal{border-color:#c9dbd5;box-shadow:0 24px 70px #0d181538}.modal-head{background:linear-gradient(#fff,#f8fbfa)}.token-box,.pairing-token-panel{background:linear-gradient(135deg, #d99b2224, #fff0 42%), linear-gradient(180deg, var(--gold-soft), #fff);border-color:#ead4a0}.device-type-option{align-content:start;min-height:132px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.device-type-option:hover{box-shadow:var(--shadow-hover);border-color:#bdd5cf;transform:translateY(-1px)}.device-type-option.selected{background:linear-gradient(135deg,#0d806c1a,#fff0 54%),#fff}.scenario-card summary{background:linear-gradient(#fff,#fbfdfc);font-weight:800}.scenario-detail{border-top:1px solid #edf3f1;padding-top:11px}.notification-row{background:linear-gradient(#fff,#fbfdfc)}.notification-row.error{background:linear-gradient(#fff8f7,#fff)}.create-scenario-panel{border-radius:var(--radius);background:linear-gradient(#fff,#f8fbfa);border:1px solid #d3e1dd;gap:12px;padding:12px;display:grid}.scenario-builder{gap:13px}.scenario-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scenario-type-card{border:1px solid var(--line);border-radius:var(--radius);min-height:112px;color:var(--ink);text-align:right;box-shadow:var(--shadow-soft);background:#fff;align-content:start;justify-items:start;gap:7px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.scenario-type-card:hover{box-shadow:var(--shadow-hover);border-color:#bdd5cf;transform:translateY(-1px)}.scenario-type-card.selected{border-color:var(--accent);background:linear-gradient(135deg,#0d806c1c,#fff0 56%),#fff;box-shadow:0 0 0 3px #0d806c1a}.scenario-type-card small{color:var(--muted);line-height:1.6}.scenario-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.toast{border:1px solid #ffffff47;bottom:22px;box-shadow:0 18px 48px #10201c38}@media (width>=980px){.view-stack{gap:18px}.hero-panel,.view-title{min-height:132px;padding:20px}.home-card>.zones-list{padding-top:2px}}@media (width<=760px){html,body{background:linear-gradient(#f8fbfa 0,#eef3f1 58%,#e8efed 100%)}.topbar{min-height:auto;padding-bottom:10px}.dashboard{padding-top:14px}.bottom-nav{background:#fbfdfcf2;border-color:#c6ded7e6;box-shadow:0 16px 44px #10201c2e}.bottom-nav button{border:1px solid #0000;font-weight:800}.bottom-nav button.active{background:linear-gradient(#eff9f6,#fff);border-color:#c9e0d9}.hero-panel,.view-title{padding:16px 14px}.stats-grid div{min-height:78px}.card-head,.zone-head{min-height:74px}.scenario-type-grid,.scenario-builder-grid{grid-template-columns:1fr}}