.device-drawer-backdrop{position:fixed;z-index:55;inset:0;background:#16213a45;opacity:0;transition:opacity .2s}.device-drawer-backdrop.open{opacity:1}
.device-drawer{position:fixed;z-index:56;top:0;right:0;bottom:0;width:min(460px,100vw);display:flex;flex-direction:column;background:#fff;border-left:1px solid #E6EBF2;box-shadow:-12px 0 32px #16213a18;transform:translateX(100%);transition:transform .22s ease}.device-drawer.open{transform:none}
.device-drawer header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 22px 18px;border-bottom:1px solid #E6EBF2}.device-drawer header h2{margin:3px 0 0;font-size:1.15rem}.device-drawer header p{margin:0;color:#2563EB;font-size:.69rem;font-weight:750;letter-spacing:.08em}.device-drawer-summary{padding:13px 22px;color:#718096;font-size:.8rem;border-bottom:1px solid #EDF1F6}.device-drawer-list{flex:1;overflow:auto;padding:8px 22px 18px}.drawer-device{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #EDF1F6}.drawer-device strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.drawer-device small{display:block;margin-top:4px;color:#718096;font-size:.75rem;line-height:1.45}.drawer-device-actions{display:flex;gap:6px;align-items:center}.drawer-shutdown{width:32px;height:32px;padding:0;display:grid;place-items:center;background:#fff;color:#C2413C;border-color:#F3CACA}.drawer-shutdown:hover{background:#FFF5F5;color:#B42318;box-shadow:none}.device-drawer footer{padding:16px 22px 22px;border-top:1px solid #E6EBF2}.device-drawer footer button{display:flex;width:100%;justify-content:center;align-items:center;gap:7px}.device-drawer footer small{display:block;margin-top:9px;color:#718096;text-align:center;font-size:.74rem}.device-runtime{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-empty{padding:30px 0;text-align:center;color:#718096;font-size:.84rem}