/* Layout and nested surfaces for Devices, Security, Family and Automations. */
.hp-summary{margin-bottom:16px}.hp-summary .stat-value{overflow-wrap:anywhere}.hp-summary .stat-foot{min-height:24px}.hp-small{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:12.5px!important;border-radius:11px!important;white-space:nowrap}.hp-small .icon{width:16px;height:16px}.hp-footnote{margin:14px 0 0;color:var(--muted);font-size:12px}.hp-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.hp-empty>.icon{width:32px;height:32px;color:var(--muted)}.hp-empty h3,.hp-empty p{margin:0}.hp-empty-note{padding:30px;text-align:center;color:var(--muted)}.hp-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:9px;background:var(--glass-2,var(--soft));font-size:11.5px;font-weight:600;white-space:nowrap}.hp-state i,.hp-member-home i{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}.hp-state-on{color:var(--mint-text,var(--mint));background:color-mix(in srgb,var(--mint) 12%,transparent)}.hp-state-offline{color:#eeab9f;background:#eeab9f12}.hp-tone-red{color:#eeab9f;background:#eeab9f12}.hp-filter-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--glass-2,var(--soft));color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.hp-filter-chip:hover{background:var(--hover,var(--soft));color:var(--text)}.hp-filter-chip.is-selected{color:var(--mint-text,var(--mint));border-color:color-mix(in srgb,var(--mint) 28%,transparent);background:color-mix(in srgb,var(--mint) 13%,transparent)}.hp-filter-chip small{font-size:10.5px;opacity:.8}.hp-filter-chip input{position:absolute;opacity:0;width:1px;height:1px;padding:0;pointer-events:none}.hp-filter-chip:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}
.devices-page .hp-device-container{padding-top:16px}.hp-offline-stat .stat-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.hp-offline-stat .stat-foot .btn{height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:11px!important}.hp-device-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.hp-device-tools .search-field{margin:0}.hp-device-search{flex:0 1 260px;min-width:200px}.hp-device-tool-right{display:flex;align-items:center;gap:8px;margin-left:auto}.hp-room-filters{order:3;display:flex;gap:6px;width:100%;overflow-x:auto;padding:2px 0;scrollbar-width:thin}.hp-layout-choice button{padding:0 9px!important}.hp-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.devices-page .hp-device-grid .device-card{min-width:0;background:var(--glass-2,var(--soft));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 1px var(--border);border-color:transparent;border-radius:16px}.devices-page .hp-device-grid .device-card.is-on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 40%,transparent)}.hp-device-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-top:14px;color:var(--muted);font-size:12px}.hp-table-scroll{overflow-x:auto}.hp-device-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px}.hp-device-table th{padding:10px 12px;color:var(--muted);font-size:11px;font-weight:600;border-bottom:1px solid var(--border)}.hp-device-table td{padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}.hp-device-table tr:last-child td{border-bottom:0}.hp-device-table tbody tr{cursor:pointer;transition:background .18s}.hp-device-table tbody tr:hover{background:var(--glass-2,var(--soft))}.hp-device-table tbody tr:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}.hp-device-cell{display:flex;align-items:center;gap:11px;min-width:210px}.hp-device-cell .icon-tile{width:38px;height:38px;flex:none;border-radius:11px}.hp-device-cell button{display:block;padding:0;background:none;border:0;color:var(--text);font-size:13px;font-weight:600;text-align:left}.hp-device-cell small{display:block;margin-top:2px;color:var(--muted);font-size:11.5px}.hp-number{font-variant-numeric:tabular-nums}.hp-number small{color:var(--muted);font-size:10.5px}
.hp-security-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 22px;margin-bottom:16px}.hp-security-shield{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:var(--warn);background:var(--warn-soft)}.hp-security-hero.is-safe .hp-security-shield{color:var(--good);background:var(--good-soft);box-shadow:0 0 34px -8px var(--good)}.hp-security-shield .icon{width:32px;height:32px}.hp-security-status h2{margin:3px 0 0;font-size:20px;font-weight:600;line-height:1.2}.hp-security-status p{margin:4px 0 0;font-size:13.5px;color:var(--ink-2,var(--muted))}.hp-security-status small{color:var(--muted);font-size:12px}.hp-security-facts{display:flex;gap:8px}.hp-security-facts>:is(div,a){min-width:104px;padding:10px 14px;border-radius:15px;background:var(--glass-2,var(--soft));box-shadow:inset 0 0 0 1px var(--border)}.hp-security-facts>:is(div,a)>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.hp-security-facts .icon{width:14px;height:14px}.hp-security-facts strong{display:block;font-size:22px;line-height:1.15;font-weight:600;margin-top:0}.hp-security-facts strong small{font-size:13.5px;color:var(--muted);font-weight:500}.hp-security-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px}.hp-camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hp-camera-card{position:relative;aspect-ratio:16/10.5;overflow:hidden;border-radius:22px;background:var(--glass-strong,var(--panel));box-shadow:inset 0 0 0 1px var(--border)}.hp-camera-open{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background-image:var(--photo);background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s}.hp-camera-card:hover .hp-camera-open{transform:scale(1.035)}.hp-camera-open:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0000 40%,#0005)}.hp-camera-card.is-private .hp-camera-open{filter:brightness(.72) saturate(.25)}.hp-camera-live{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;pointer-events:none;padding:5px 8px;background:#13171ac2;border:1px solid #ffffff25;border-radius:8px;color:#f1efea;font-size:9px;font-weight:700;letter-spacing:.08em}.hp-camera-live i{width:5px;height:5px;border-radius:50%;background:#83e2c2}.hp-camera-arm{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px;padding:5px 7px 5px 10px;border-radius:11px;background:var(--glass-strong,var(--panel));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--border);font-size:11px;font-weight:600}.hp-camera-arm .switch{transform:scale(.8);transform-origin:center;width:40px!important;margin:-2px -3px}.hp-camera-caption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 13px;border-radius:14px;background:var(--glass-strong,var(--panel));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff18,inset 0 0 0 1px var(--border);pointer-events:none}.hp-camera-caption h3{font-size:15px;font-weight:600;margin:0}.hp-camera-caption p{display:flex;align-items:center;gap:5px;max-width:100%;font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-camera-caption p .icon{width:13px;height:13px;flex:none}.hp-camera-live small{font-size:10px;letter-spacing:0;margin-left:4px}.hp-security-facts .hp-security-offline{background:var(--bad-soft,#f08c741f);box-shadow:none;color:var(--danger)}.hp-security-facts .hp-security-offline>span{color:var(--danger)}.hp-camera-caption .icon-btn{pointer-events:auto;width:32px;height:32px;border-radius:10px}.hp-camera-privacy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#fff;font-size:12px;text-shadow:0 1px 6px #000}.hp-motion-list{display:grid}.hp-motion-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;padding:10px 0;background:none;border:0;border-bottom:1px solid var(--border);color:var(--text)}.hp-motion-row:last-child{border:0;padding-bottom:0}.hp-motion-row:first-child{padding-top:0}.hp-motion-thumb{position:relative;width:56px;height:42px;border-radius:9px;display:grid;place-items:center;background-image:linear-gradient(#0002,#0002),var(--photo);background-position:center;background-size:cover;color:white}.hp-motion-thumb .icon{width:15px;height:15px;filter:drop-shadow(0 1px 3px #000)}.hp-motion-row strong{font-size:13.5px;font-weight:600}.hp-motion-row small{display:block;color:var(--muted);font-size:12px;margin-top:0}.hp-motion-row time{font-size:13.5px;font-weight:700;color:var(--ink-2)}.hp-motion-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--info-soft,#7cc4ea24);color:var(--info,#7cc4ea)}.hp-motion-icon .icon{width:17px;height:17px}.hp-motion-row:hover strong{color:var(--mint-text,var(--mint))}.hp-motion-panel .hp-footnote{font-size:10.5px}.hp-lock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp-lock-card{display:flex;flex-direction:column;gap:18px}.hp-lock-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hp-lock-heading>.icon-tile{width:56px;height:56px;border-radius:16px;flex:none}.hp-lock-heading>div{flex:1;min-width:100px}.hp-lock-heading h2{font-size:17px;font-weight:600;margin:0}.hp-lock-heading p{font-size:12px;margin:3px 0 0;color:var(--muted)}.hp-lock-heading>.hp-state{align-self:flex-start}.hp-lock-slider{position:relative;height:62px;border:1px solid var(--border);border-radius:18px;background:var(--glass-2,var(--soft));overflow:hidden}.hp-lock-slider.is-locked{background:color-mix(in srgb,var(--mint) 8%,var(--glass-2,var(--soft)))}.hp-lock-slider>span{display:flex;justify-content:center;align-items:center;gap:8px;height:100%;padding-left:35px;font-size:12px;color:var(--muted);pointer-events:none}.hp-lock-slider:not(.is-locked)>span{padding-left:0;padding-right:35px}.hp-lock-slider:not(.is-locked)>span .icon{transform:rotate(180deg)}.hp-lock-slider.is-dragging>span{opacity:.3}.hp-lock-knob{position:absolute;top:4px;left:calc(100% - 56px);width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:var(--glass-strong,var(--panel));color:var(--text);touch-action:none;transition:left .55s cubic-bezier(.16,1,.3,1),transform .3s,background .2s;box-shadow:0 4px 14px #0002;cursor:grab}.is-locked .hp-lock-knob{left:4px;background:var(--mint);color:var(--mint-ink)}.is-dragging .hp-lock-knob{transition:none;cursor:grabbing}.hp-lock-offline{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px;border-radius:15px;background:#eeab9f0f;color:#eeab9f;font-size:12px;line-height:1.5}.hp-lock-offline>.icon{flex:none}.hp-lock-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.hp-lock-facts dt{font-size:11.5px;color:var(--muted);margin-bottom:7px}.hp-lock-facts dd{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600}.hp-battery{display:inline-block;width:55px;height:6px;border-radius:5px;background:var(--glass-2,var(--soft));overflow:hidden}.hp-battery i{display:block;height:100%;border-radius:inherit;background:var(--mint)}.hp-battery.is-low i{background:#eeab9f}.hp-lock-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.hp-lock-footer>span{font-size:11px;color:var(--muted)}.hp-lock-history{margin-top:16px}.hp-journal-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px!important;border-radius:18px!important;margin-bottom:16px}.hp-journal-tools .search-field{flex:1 1 240px;max-width:320px;margin:0}.hp-journal-areas{display:flex;gap:5px;flex-wrap:wrap}.hp-journal-tools>.btn{margin-left:auto}.hp-journal-day+ .hp-journal-day{margin-top:22px}.hp-journal-day>h3{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--border)}.hp-journal-day>h3>span{font-size:10px;padding:2px 5px;background:var(--glass-2,var(--soft));border-radius:5px}.hp-journal-row{display:grid;grid-template-columns:48px 34px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.hp-journal-row:last-child{border-bottom:0}.hp-journal-row>time{font-size:11.5px;color:var(--muted)}.hp-journal-row>.icon-tile{width:34px;height:34px;border-radius:10px}.hp-journal-row strong{font-size:13px;font-weight:600}.hp-journal-row small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.hp-presence{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:16px}.hp-presence-intro h2{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.015em;margin:6px 0}.hp-presence-intro p{font-size:12px;color:var(--muted);margin:0}.hp-presence-row{display:flex;gap:10px;overflow-x:auto;padding:1px;scrollbar-width:thin}.hp-person-presence{display:flex;align-items:center;gap:12px;flex:1 0 170px;padding:12px;border:1px solid var(--border);border-radius:16px;text-align:left;background:var(--glass-2,var(--soft));color:var(--text)}.hp-person-presence.is-home{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 40%,transparent)}.hp-person-presence.is-home small{color:var(--good)}.hp-person-presence:hover{background:var(--hover,var(--soft))}.hp-person-presence strong{display:block;font-size:15px;font-weight:600}.hp-person-presence small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}.hp-avatar{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#f6dcb0;color:#1b1d22;font-size:12px;font-weight:700}.hp-avatar-1{background:#cfe6f2}.hp-avatar-2{background:#d9ecd2}.hp-avatar-3{background:#f2d6d0}.hp-avatar-4{background:#e2e0d6}.hp-avatar-5{background:#d4e4e4}.hp-avatar-large{width:48px;height:48px;font-size:15px}.hp-presence-dot{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border-radius:50%;background:#5fd8a8;border:2px solid var(--bg)}.hp-family-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px}.hp-member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hp-member-card{display:flex;align-items:stretch;flex-direction:column;gap:14px}.hp-member-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hp-member-top .hp-avatar{width:72px;height:72px;font-size:22px}.hp-member-identity h2{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0!important}.hp-member-identity p{display:flex;align-items:center;gap:5px;font-size:12.5px;line-height:1.45;font-weight:600;color:var(--muted);margin:3px 0 0}.hp-member-identity p.is-home{color:var(--good)}.hp-member-identity .icon{width:14px;height:14px;flex:none}.hp-role{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:8px;background:var(--glass-2,var(--soft));color:var(--muted);font-size:10.5px;font-weight:600}.hp-role.is-owner{background:var(--mint-soft);color:var(--mint-text)}.hp-member-home{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--muted)}.hp-member-home.is-home{color:var(--mint-text,var(--mint))}.hp-member-card h2{font-size:17px;line-height:1.25;font-weight:600;margin:12px 0 3px}.hp-member-card>p{font-size:12.5px;color:var(--muted);margin:0 0 14px}.hp-access{display:flex;flex-wrap:wrap;gap:6px}.hp-access>span{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--border);background:var(--glass-2,var(--soft));border-radius:10px;font-size:12px;font-weight:600}.hp-access .icon{width:13px;height:13px;color:var(--muted)}.hp-member-footer{width:100%;margin-top:auto}.hp-member-footer .btn{width:100%;justify-content:center}.hp-family-activity .activity-item{align-items:flex-start;gap:10px}.hp-family-activity .activity-item>.icon-tile{width:34px;height:34px;flex:none;border-radius:10px}.hp-family-activity .activity-item .grow{font-size:12.5px;line-height:1.4}.hp-family-activity .activity-time{display:none}.hp-guests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.hp-guest-card{display:flex;flex-direction:column;gap:14px}.hp-guest-card.is-revoked{opacity:.65}.hp-guest-head{display:flex;gap:12px;align-items:center}.hp-guest-head>div{flex:1;min-width:0}.hp-guest-head h2{font-size:15px;font-weight:600;margin:0}.hp-guest-head p{color:var(--muted);font-size:11.5px;margin:3px 0 0}.hp-guest-head>.hp-state{align-self:flex-start}.hp-guest-schedule{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:var(--well);box-shadow:inset 0 0 0 1px var(--border)}.hp-guest-schedule>div{display:flex;align-items:flex-start;gap:10px;font-size:13.5px}.hp-guest-schedule>div strong{display:block;font-size:13.5px;font-weight:600}.hp-guest-schedule .icon{width:16px;height:16px;flex:none;margin-top:2px;color:var(--mint-text)}.hp-guest-schedule small{display:block;color:var(--muted);font-size:12.5px}.hp-guest-meter{height:5px;background:var(--border);border-radius:5px;overflow:hidden}.hp-guest-meter i{display:block;height:100%;background:var(--mint);border-radius:inherit}.hp-guest-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.hp-guest-actions .btn{flex:auto}.hp-guest-actions .btn:last-child{background:none;box-shadow:none}.hp-guest-visits{margin-top:16px}
.hp-scene-status{display:flex;align-items:center;gap:8px;width:fit-content;padding:12px 16px;margin:0 0 16px;border-radius:14px;background:var(--glass,var(--panel));box-shadow:inset 0 0 0 1px var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-size:12.5px;color:var(--muted)}.hp-scene-status>i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--mint)}.hp-scene-status strong{font-weight:600;color:var(--text)}.hp-scenes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hp-scene-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px!important;overflow:hidden;isolation:isolate;--scene-tint:var(--mint)}.hp-scene-card:before{content:"";position:absolute;z-index:-1;right:-45px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--scene-tint) 12%,transparent),transparent 70%);pointer-events:none}.hp-scene-gold{--scene-tint:#e7bd7a}.hp-scene-blue{--scene-tint:#8bb9e3}.hp-scene-green{--scene-tint:#a0cbb4}.hp-scene-peach{--scene-tint:#dfa995}.hp-scene-neutral{--scene-tint:#b7bdc6}.hp-scene-card.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 55%,transparent),0 10px 30px #0002}.hp-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px}.hp-scene-heading>.icon-tile{width:44px;height:44px;border-radius:13px}.hp-scene-heading>.hp-state{font-size:9.5px}.hp-scene-copy h2{font-size:15px;font-weight:600;margin:0 0 2px}.hp-scene-copy p{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}.hp-scene-actions{display:flex;flex-direction:column;gap:6px;margin:0;padding:10px 12px;list-style:none;background:var(--well);box-shadow:inset 0 0 0 1px var(--border);border-radius:14px}.hp-scene-actions li{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.45;font-weight:600;color:var(--ink-2)}.hp-scene-actions .icon{flex:none;width:14px;height:14px;color:var(--muted)}.hp-scene-card>.btn{width:100%;justify-content:center;margin-top:auto}.hp-create-scene{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:220px;padding:18px;border:0;border-radius:22px;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line-2),var(--shadow);color:var(--text);text-align:left;transition:background .2s}.hp-create-scene:hover{background:var(--glass-strong)}.hp-create-scene>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--mint-soft);color:var(--mint-text)}.hp-create-scene strong{font-size:15px;font-weight:600}.hp-create-scene small{max-width:30ch;font-size:12.5px;color:var(--muted)}.hp-routine-toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px 8px 8px!important;margin-bottom:16px;border-radius:18px!important}.hp-routine-toolbar .search-field{margin:0;flex:1;max-width:420px}.hp-routine-toolbar>span{margin-left:auto;color:var(--muted);font-size:12px}.hp-routine-groups{display:grid;gap:16px}.hp-routine-group{padding-bottom:4px!important}.hp-routine-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:4px}.hp-routine-group-heading>.icon-tile{width:38px;height:38px;border-radius:12px;flex:none}.hp-routine-group-heading>.panel-head{margin-bottom:0;flex:1}.hp-routine-row{display:grid;grid-template-columns:40px minmax(180px,250px) minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--border)}.hp-routine-row:first-of-type{border-top:0}.hp-routine-row.is-paused .hp-routine-icon,.hp-routine-row.is-paused .hp-routine-chain{opacity:.55}.hp-routine-icon{width:40px;height:40px;border-radius:12px}.hp-routine-name h3{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:15px;font-weight:600;margin:0}.hp-routine-name h3>span{font-size:9.5px;color:var(--muted);padding:3px 6px;border-radius:6px;background:var(--glass-2,var(--soft))}.hp-routine-name p{font-size:12px;color:var(--muted);margin:4px 0 0}.hp-routine-chain{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.hp-rule-step{min-width:0}.hp-rule-step>small{display:block;font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.hp-rule-step>span,.hp-rule-step>div>span{display:flex;align-items:center;gap:6px;width:fit-content;min-height:30px;padding:4px 10px;border-radius:9px;background:var(--glass-2,var(--soft));box-shadow:inset 0 0 0 1px var(--border);font-size:12px;line-height:1.35}.hp-rule-when>span{color:#a6c9e6;background:#8cb5d412}.hp-rule-step .icon{width:13px;height:13px;flex:none}.hp-rule-then>div{display:flex;gap:5px;flex-wrap:wrap}.hp-rule-arrow{display:flex;align-items:center;padding-top:14px;color:var(--muted)}.hp-rule-arrow .icon{width:16px;height:16px}.hp-routine-actions{display:flex;align-items:center;gap:10px}.hp-routine-delete{width:28px!important;height:32px!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)}.hp-routine-delete .icon{width:15px;height:15px}.hp-routine-row[hidden],.hp-routine-group[hidden],.hp-journal-row[hidden],.hp-journal-day[hidden],.hp-empty-note[hidden]{display:none!important}
@media(max-width:1099px){.hp-routine-row{grid-template-columns:40px minmax(160px,1fr) auto;gap:12px}.hp-routine-chain{grid-column:2/4;grid-row:2}.hp-routine-actions{grid-column:3;grid-row:1}.hp-routine-icon{grid-column:1;grid-row:1/3;align-self:start}.hp-routine-name{grid-column:2;grid-row:1}}
@media(max-width:1400px){.hp-scenes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-security-hero{grid-template-columns:auto minmax(0,1fr)}.hp-security-facts{grid-column:1/-1}.hp-security-facts>:is(div,a){flex:1}.hp-summary .stat-value{font-size:20px}}
@media(max-width:1279px){.hp-security-grid{grid-template-columns:1fr}.hp-lock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-family-layout{grid-template-columns:1fr}.hp-scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-presence{grid-template-columns:1fr;gap:14px}}
@media(max-width:999px){.hp-presence{grid-template-columns:1fr;gap:14px}.hp-device-search{flex:1 1 220px}.hp-device-tool-right{margin-left:0}.hp-camera-grid{gap:12px}.hp-journal-tools .search-field{max-width:none}.hp-journal-areas{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding:2px 0}.hp-guests-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hp-lock-heading>.hp-state{margin-left:68px;margin-top:-8px}}
@media(max-width:760px){.hp-summary{gap:12px!important;margin-bottom:12px}.hp-summary .stat-value{font-size:20px}.hp-summary .stat-foot{font-size:10.5px}.hp-device-tools{gap:10px}.hp-device-search{flex-basis:100%;min-width:0}.hp-device-tool-right{width:100%;justify-content:space-between}.hp-device-tool-right>.segmented:first-child{flex:1}.hp-device-tool-right>.segmented:first-child button{flex:1;padding:0 9px}.hp-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.devices-page .hp-device-grid .device-card{min-height:148px;padding:14px}.hp-room-filters{gap:5px}.hp-filter-chip{min-height:34px;padding:0 10px;font-size:12px}.hp-device-table th,.hp-device-table td{padding:10px 8px}.hp-device-cell{min-width:190px}.hp-device-table th:nth-child(2),.hp-device-table td:nth-child(2){display:none}.hp-security-hero{gap:14px;padding:16px;margin-bottom:12px}.hp-security-shield{width:52px;height:52px;border-radius:16px}.hp-security-status h2{font-size:18px}.hp-security-status p{font-size:12px}.hp-security-status small{font-size:11px}.hp-security-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp-security-facts>:is(div,a){min-width:0;padding:9px}.hp-security-facts>:is(div,a)>span{font-size:9.5px}.hp-security-facts>:is(div,a)>span .icon{display:none}.hp-security-facts strong{font-size:20px}.hp-security-grid,.hp-camera-grid{grid-template-columns:1fr;gap:12px}.hp-camera-card{border-radius:20px}.hp-motion-list{grid-template-columns:1fr}.hp-motion-row:nth-child(2){padding-top:10px}.hp-motion-row:nth-last-child(2),.hp-motion-row:nth-last-child(3){border-bottom:1px solid var(--border)}.hp-lock-grid{grid-template-columns:1fr;gap:12px}.hp-lock-heading>.hp-state{margin:0}.hp-lock-history,.hp-guest-visits{margin-top:12px}.hp-journal-tools{gap:8px;margin-bottom:12px}.hp-journal-tools .search-field{flex:1 1 150px;min-width:120px}.hp-journal-tools>.btn{padding:0 10px!important}.hp-journal-row{grid-template-columns:38px 30px minmax(0,1fr);gap:9px}.hp-journal-row>.icon-tile{width:30px;height:30px}.hp-journal-row strong{font-size:12px}.hp-journal-row small{font-size:10.5px}.hp-presence{margin-bottom:12px}.hp-presence-intro h2{font-size:19px}.hp-person-presence{flex:none;min-width:150px;padding:12px}.hp-family-layout,.hp-member-grid,.hp-guests-grid{grid-template-columns:1fr;gap:12px}.hp-family-activity .activity-list{grid-template-columns:1fr}.hp-member-card{min-height:250px}.hp-guest-actions{gap:5px}.hp-guest-actions .btn{padding:0 10px!important}.hp-scenes-grid{grid-template-columns:1fr;gap:12px}.hp-scene-card{padding:16px!important}.hp-scene-copy p{min-height:0}.hp-scene-actions{min-height:0;padding:12px}.hp-create-scene{min-height:0}.hp-scene-status{padding:12px;font-size:12px;margin-bottom:12px;line-height:1.5}.hp-routine-toolbar{margin-bottom:12px;padding-right:12px!important}.hp-routine-toolbar>span{font-size:11px;white-space:nowrap}.hp-routine-groups{gap:12px}.hp-routine-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:16px 0}.hp-routine-icon{width:34px;height:34px;grid-row:1}.hp-routine-name{grid-column:2/4}.hp-routine-actions{grid-row:3;grid-column:2/4;justify-content:flex-end}.hp-routine-chain{grid-row:2;grid-column:1/-1;align-items:flex-start;gap:8px;padding-top:4px}.hp-rule-step>span,.hp-rule-step>div>span{font-size:11.5px;padding:5px 8px}.hp-rule-arrow{padding-top:22px}.hp-rule-when{flex:0 1 44%}.hp-rule-then{flex:1}.hp-rule-then>div{flex-direction:column}.hp-routine-group-heading>.icon-tile{width:34px;height:34px}.hp-routine-group-heading>.panel-head h2{font-size:14px}.hp-routine-toolbar input,.hp-device-search input,.hp-journal-tools input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hp-camera-open,.hp-filter-chip,.hp-lock-knob,.hp-create-scene{transition:none}}

.hp-offline-link{padding:0;border:0;background:none;color:var(--muted);font-size:12px;font-weight:600;text-align:left}.hp-offline-link:hover{color:var(--mint-text)}.hp-household-feed{display:flex;flex-direction:column}.hp-feed-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.hp-feed-row:last-child{border:0}.hp-feed-row>div{min-width:0;flex:1}.hp-feed-row strong{display:block;font-size:13.5px;font-weight:600;line-height:1.45}.hp-feed-row small{display:block;font-size:12px;color:var(--muted);line-height:1.45}.hp-feed-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:11px;background:var(--mint-soft);color:var(--mint-text)}.hp-feed-icon .icon{width:17px;height:17px}

.hp-chain-when,.hp-chain-then{display:inline-flex;align-items:center;gap:6px;min-height:30px;max-width:100%;padding:4px 10px;border-radius:10px;font-size:12.5px;line-height:1.45;font-weight:600}.hp-chain-when{color:var(--info,#7cc4ea);background:var(--info-soft,#7cc4ea24)}.hp-chain-then{color:var(--ink-2);background:var(--soft);box-shadow:inset 0 0 0 1px var(--border)}.hp-routine-chain i{font-size:11px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.hp-chain-arrow{display:inline-flex;align-items:center;color:var(--muted)}.hp-chain-arrow .icon{width:16px;height:16px}.hp-routine-row.is-paused .hp-chain-when{color:var(--muted);background:var(--soft)}.devices-page .hp-summary .sparkline,.automations-page .hp-summary .sparkline,.devices-page .hp-summary .stat:first-child .dot,.automations-page .hp-summary .stat:first-child .dot{display:none}.devices-page .hp-summary .stat:nth-child(2) .stat-foot:before{content:"";width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--good);margin-right:5px}.automations-page .hp-summary .stat:nth-child(n+3) .stat-value{font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.devices-page .page-heading{margin-bottom:32px}.devices-page .hp-summary .stat{min-height:112px;height:112px}.devices-page .hp-summary .stat-value{line-height:1.1;margin:7px 0 12px}.devices-page .hp-summary .stat-foot{min-height:0}.hp-filter-chip.is-selected{background:var(--mint);color:var(--mint-ink);border-color:transparent}.hp-device-search input{background:var(--soft)}
@media(max-width:760px){.devices-page .page-heading{margin-bottom:24px}.devices-page .hp-summary .stat{min-height:108px;height:auto}}