/* Home sheets share the Portal's rounded, quiet material language. */
.device-detail{--ink:#1c2634;--muted:#6d7786;--accent:#087eff;box-sizing:border-box;width:min(480px,calc(100vw - 40px));max-height:88dvh;margin:auto;padding:30px;border:1px solid #ffffffbd;border-radius:36px;background:#f3f5f9f2;color:var(--ink);font-family:var(--font,-apple-system,BlinkMacSystemFont,system-ui,sans-serif);box-shadow:0 32px 100px #07122555,inset 0 1px #fff;backdrop-filter:blur(44px) saturate(1.25);-webkit-backdrop-filter:blur(44px) saturate(1.25);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;animation:home-sheet-in .22s ease-out}
.device-detail::backdrop{background:#07152666;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.device-detail[data-domain=light]{--accent:#d58b04}.device-detail[data-domain=cover]{--accent:#7462dc}.device-detail[data-domain=climate]{--accent:#078bbc}
.device-detail *{box-sizing:border-box}.device-detail button,.device-detail select{font:inherit;color:inherit;min-height:48px;border:0;cursor:pointer;transition:background .15s,transform .15s}
.device-detail button:active:not(:disabled){transform:scale(.97)}.device-detail :focus-visible{outline:3px solid #007aff;outline-offset:4px}.device-detail :disabled{opacity:.42;cursor:default}
.device-detail .detail-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:36px;height:36px;min-height:36px;border-radius:50%;background:#dde2ea;color:#626c7a;font-size:26px;font-weight:400;padding:0;line-height:1}
.detail-hero{text-align:center;padding:6px 30px 22px}.detail-device-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 18px;border-radius:26px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent)}.detail-device-icon .i{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.6}
.detail-hero small{font-size:13px;color:var(--muted);font-weight:600}.device-detail h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;margin:6px 0}.device-detail .detail-status{font-size:14px;line-height:1.6;color:var(--muted);margin:6px 0 0;min-height:23px;overflow-wrap:anywhere}
.detail-body{display:grid;gap:16px}.detail-actions{display:flex;gap:6px;padding:5px;border-radius:20px;background:#e3e7ed}.detail-action{flex:1;border-radius:16px;background:transparent;font-size:15px;font-weight:600}.detail-action[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #12213b12;color:var(--accent)}
.detail-control{display:grid;grid-template-columns:1fr auto;gap:14px;background:#fff;border-radius:24px;padding:20px;font-size:15px;font-weight:600}.detail-control output{color:var(--accent);font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.detail-control input[type=range]{grid-column:1/-1;width:100%;min-width:0;margin:4px 0 0;height:38px;background:transparent;accent-color:var(--accent);cursor:pointer;touch-action:pan-y}
.detail-choice{display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,1.8fr);gap:10px;align-items:center;border-radius:22px;padding:7px 16px;background:#fff;font-size:15px;font-weight:600}.device-detail select{width:100%;max-width:100%;min-width:0;text-align:right;background:transparent;border-radius:12px;padding:10px 4px;font-size:15px;font-weight:400;color:var(--muted)}
.detail-playback{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.detail-playback button,.detail-mute{background:#fff;border-radius:18px;padding:12px 16px;font-size:14px;font-weight:600}.detail-mute[aria-pressed=true]{color:var(--accent)}.detail-track{text-align:center;font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.device-detail[aria-busy=true] .detail-status{color:var(--accent)}
/* Touch targets and a single visual rhythm on the existing home cards. */
.live-controls{gap:7px!important;flex-wrap:wrap}.live-controls button{min-height:44px!important;border-radius:16px!important}.live-controls input[type=range]{min-height:38px;accent-color:#eef6ff}.rooms button{min-height:42px}.dock button{min-height:44px}
@media(max-width:600px){.device-detail{width:100%;max-width:100vw;max-height:91dvh;margin:auto 0 0;border-radius:32px 32px 0 0;padding:28px 22px max(28px,env(safe-area-inset-bottom));border-bottom:0}.detail-hero{padding-bottom:20px}.detail-device-icon{width:70px;height:70px;border-radius:23px}.device-detail h2{font-size:25px}.detail-control{padding:18px}.device-detail .detail-close{top:18px;right:18px}}
@keyframes home-sheet-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.device-detail{animation:none}.device-detail button{transition:none}}

.acc{position:relative}.acc .accessory-favorite,.acc .accessory-reorder{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:36px;height:36px;min-width:36px;border:0;border-radius:50%;background:#ffffff25;color:inherit;font-size:18px;cursor:pointer}.acc .accessory-favorite[aria-pressed=true]{color:#ffe394;background:#ffffff35}.acc .accessory-reorder{right:50px;font-size:16px}.acc>div:nth-child(2){padding-right:38px}.acc .accessory-favorite:focus-visible,.acc .accessory-reorder:focus-visible{outline:2px solid currentColor;outline-offset:3px}