.smart-home-view,.instructions-view{padding-bottom:calc(var(--bottom-nav-height,76px) + env(safe-area-inset-bottom) + 18px)}
.smart-home-intro{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:18px;border-radius:22px;background:linear-gradient(145deg,#082c50,#0d6680);color:#fff}.smart-home-intro h2{margin:4px 0}.smart-home-intro p{margin:6px 0 0;color:#cce5ed;font-size:.85rem}.smart-home-intro button{border:0;border-radius:14px;background:#ff6a2a;color:#fff;padding:11px 12px;font-weight:800;min-width:102px}.smart-home-connections{display:grid;gap:10px;margin-top:12px}.smart-home-card{display:grid;grid-template-columns:48px 1fr 38px;gap:12px;align-items:center;padding:13px;border-radius:18px;background:var(--surface,#fff);box-shadow:0 8px 24px #0c315012}.smart-provider-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#ff6b28,#ff9a32);color:white;font-weight:900}.smart-home-card span:nth-child(2){display:grid;gap:2px}.smart-home-card small{color:var(--muted,#668096)}.smart-home-card i{font-style:normal;font-size:.75rem;color:#b26a12}.smart-home-card.connected i{color:#19834a}.smart-home-card>button{border:0;background:#edf5f8;border-radius:12px;width:38px;height:38px;font-size:1.5rem;color:#0a4c70}.smart-home-empty{margin-top:14px;display:grid;justify-items:center;text-align:center;padding:30px 20px;border:1px dashed #bcd0db;border-radius:22px;background:#f7fbfc}.smart-home-empty>span{font-size:2.1rem;color:#ff6a2a}.smart-home-empty p{margin:5px 0;color:#647c8c}.smart-home-empty.compact{padding:22px}.smart-home-dialog{max-height:min(720px,calc(100dvh - env(safe-area-inset-top) - 20px));overflow:auto}.smart-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.smart-provider-grid button{border:1px solid #c9d9e2;border-radius:17px;background:#f7fafc;padding:12px;text-align:left;display:grid;grid-template-columns:39px 1fr;gap:2px 9px;min-height:92px}.smart-provider-grid button>span{grid-row:1/3;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#0b5b83;color:#fff;font-weight:900}.smart-provider-grid small{grid-column:2;color:#60788b}.smart-selected-provider{display:flex;gap:13px;align-items:center;margin:12px 0}.smart-selected-provider>span{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#ff6828;color:#fff;font-weight:900}.smart-selected-provider h2,.smart-selected-provider p{margin:0}.smart-selected-provider p{color:#647c8c}.smart-home-dialog form{display:grid;gap:13px}.smart-security-note,.smart-provider-wait{display:grid;gap:4px;padding:13px;border-radius:15px}.smart-security-note{background:#e9f7f0;color:#145d3b}.smart-provider-wait{background:#fff4e5;color:#85520c}.smart-wizard-back,.smart-inline-back{border:0;background:transparent;color:#0b5b83;font-weight:800;padding:8px 0}.smart-device-head{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.smart-device-head h2,.smart-device-head p{margin:0}.smart-device-head>button{border:0;background:#fff0ed;color:#b9361f;border-radius:12px;padding:9px}.instruction-search{display:flex!important;align-items:center;gap:8px;background:#fff;border:1px solid #c8d8e1;border-radius:16px;padding:0 12px}.instruction-search input{border:0!important;background:transparent!important;padding:13px 0!important;min-width:0}.instruction-count{margin:9px 4px;color:#6c8190;font-size:.8rem}.instruction-group{margin-top:15px}.instruction-group h2{font-size:.95rem;margin:0 0 8px}.instruction-group>button{width:100%;display:grid;grid-template-columns:34px 1fr 18px;gap:2px 10px;text-align:left;align-items:center;border:0;border-bottom:1px solid #e5edf1;background:#fff;padding:12px}.instruction-group>button:first-of-type{border-radius:17px 17px 0 0}.instruction-group>button:last-child{border-radius:0 0 17px 17px;border-bottom:0}.instruction-group>button>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf4f8;color:#0b5b83;font-weight:900}.instruction-group small{color:#647c8c}.instruction-group i{grid-column:3;grid-row:1/3;font-style:normal;font-size:1.3rem}.instruction-detail ol{list-style:none;padding:0;display:grid;gap:9px}.instruction-detail li{display:flex;gap:10px;align-items:flex-start}.instruction-detail li>span{flex:0 0 30px;display:grid;place-items:center;height:30px;border-radius:10px;background:#ff6828;color:#fff;font-weight:900}.instruction-detail li p{margin:4px 0}.instruction-demo{padding:13px;border-radius:16px;background:#eef6f9;margin:12px 0}.instruction-demo>div{display:grid;grid-template-columns:45px 1fr;gap:2px 10px;align-items:center;margin-top:8px}.instruction-demo>div>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#0b5b83;color:#fff;font-weight:900}.instruction-demo small{color:#61798a}
.smart-device-list{display:grid;gap:9px;margin-top:14px}.smart-device-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:17px;background:var(--surface,#fff);box-shadow:0 7px 20px #0c315014}.smart-device-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f3f7;color:#0b5b83;font-size:1.25rem}.smart-device-card div{display:grid;gap:2px;min-width:0}.smart-device-card small{color:#647c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-device-card button{border:0;border-radius:12px;background:#e7edf0;color:#536b7c;padding:9px;font-size:.72rem;font-weight:900}.smart-device-card button.on{background:#dff5e8;color:#14733e}.smart-device-card i{font-size:.72rem;color:#758896}
@media(max-width:370px){.smart-provider-grid{grid-template-columns:1fr}.smart-home-intro{padding:14px}.smart-home-intro button{min-width:88px;padding:10px 8px}}