.pv-scene.device-detail-open{position:relative;isolation:isolate}
.device-detail-layer{position:absolute;inset:0;z-index:20;display:flex;justify-content:flex-end;overflow:hidden;border-radius:inherit;font-family:var(--sans);color:#23364b}
.device-detail-backdrop{position:absolute;inset:0;width:100%;border:0;background:#172a4730;cursor:pointer}
.device-detail-panel{position:relative;width:min(90%,540px);height:100%;display:flex;flex-direction:column;min-height:0;background:#fff;box-shadow:-12px 0 32px #253b551a;animation:device-panel-in .22s ease-out}
.device-detail-panel>header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:12px 18px;border-bottom:1px solid #e4eaf2;background:#fff;font-size:10px;color:#72839b}
.device-detail-close{border:1px solid #dfe7f2;border-radius:9px;background:#f8faff;color:#326ddb;padding:8px 12px;font:500 11px var(--sans);cursor:pointer}
.device-detail-close:focus-visible{outline:2px solid #326ddb;outline-offset:2px}
.device-detail-content{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:20px;scrollbar-width:thin}
.device-detail-content .wx-profile{padding:0!important;max-width:100%;min-width:0;font-size:11px}
.device-detail-content .wx-profile h3{font:600 24px/1.15 var(--sans)!important;letter-spacing:-.6px;margin:8px 0!important}
.device-detail-content .wx-profile-identity{flex-wrap:wrap;gap:10px}.device-detail-content .wx-profile-contact{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;overflow-wrap:anywhere}
.device-detail-content .wx-profile h4{font:600 12px/1.5 var(--sans);margin:20px 0 10px}.device-detail-content .wx-services{grid-template-columns:1fr}.device-detail-content .wx-profile .wx-note p{font-size:11px}
.device-detail-content .wx-profile-owner{flex-wrap:wrap;gap:12px}.device-detail-content .wx-profile-appointment{flex-wrap:wrap;gap:10px}
.native-phone .device-detail-layer{inset:35px 0 16px;border-radius:0 0 22px 22px}
.native-phone .device-detail-panel{width:100%;box-shadow:none}.native-phone .device-detail-backdrop{display:none}
.native-phone .device-detail-panel>header{padding:9px 12px;font-size:8px}.native-phone .device-detail-content{padding:16px 12px}
.native-phone .device-detail-content .wx-profile h3{font-size:21px!important}.native-phone .device-detail-content .wx-profile-identity>.wx-pill{margin:0}
.native-phone .device-detail-content .wx-profile-contact{flex-direction:column;font-size:10px}
.native-phone .device-detail-content .wx-order-header,.native-phone .device-detail-content .wx-order-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.native-phone .device-detail-content .wx-order-header>:last-child{display:none}.native-phone .device-detail-content .wx-order-row>.wx-pill{grid-column:1/-1;justify-self:start}
.native-phone .device-detail-content .wx-order-row strong{font-size:11px}.native-phone .device-detail-content .wx-profile-owner{font-size:9px}.native-phone .device-detail-content .wx-profile-next{padding:12px;margin-block:16px}
@keyframes device-panel-in{from{opacity:.5;transform:translateX(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.device-detail-panel{animation:none}}
