/* v4.16.0 Device user picker and remembered Parent/Child modes. */
.device-user-modal{max-width:520px}
.device-user-picker{text-align:center}
.device-user-picker>img{width:190px;max-width:65%;height:auto;margin:0 auto 4px}
.device-user-picker h2,.device-pin h2{margin:4px 0 6px;color:var(--lunchadoo-navy,#153d59)}
.device-user-picker>.sub,.device-pin>.sub{margin:0 0 18px;color:#617786}
.device-user-grid{display:grid;gap:10px}
.device-user-card{width:100%;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;border:2px solid #dceaf1;border-radius:18px;background:#fff;padding:12px 14px;text-align:left;color:var(--lunchadoo-navy,#153d59);box-shadow:0 4px 12px rgba(21,61,89,.07)}
.device-user-card:hover,.device-user-card:focus-visible{border-color:var(--lunchadoo-teal,#38b9b3);transform:translateY(-1px)}
.device-user-card.selected{border-color:var(--lunchadoo-teal,#38b9b3);background:#f2fffd}
.device-user-card.parent-card{background:#f7f3ff;border-color:#ded4f3}
.device-user-card.parent-card.selected{border-color:#866ac1}
.device-user-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eef9fc;font-size:29px}
.parent-card .device-user-avatar{background:#ece4fb;font-size:24px}
.device-user-card>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.device-user-card b{font-size:17px}
.device-user-card small{font-size:13px;color:#6d8290}
.device-user-card i{font-style:normal;font-size:26px;color:#8ba0ad}
.device-pin{text-align:center}
.device-pin-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 8px;border-radius:18px;background:#f0eaff;font-size:28px}
.device-pin .field{text-align:left}
.device-pin input.invalid{border-color:#d84b5b;box-shadow:0 0 0 3px rgba(216,75,91,.14)}
.device-user-switch{display:inline-flex!important;align-items:center;gap:6px;min-height:40px;padding:7px 10px!important;border:1px solid rgba(21,61,89,.15)!important;border-radius:14px!important;background:rgba(255,255,255,.86)!important;color:var(--lunchadoo-navy,#153d59)!important}
.device-user-switch span{font-size:18px}
.device-user-switch b{font-size:12px}
.device-user-switch i{font-style:normal;font-size:12px;opacity:.65}
@media(max-width:620px){
 .device-user-modal{width:calc(100vw - 24px)!important;padding:18px!important}
 .device-user-picker>img{width:160px}
 .device-user-card{grid-template-columns:48px 1fr auto;padding:10px 12px}
 .device-user-avatar{width:48px;height:48px;font-size:26px}
 .device-user-switch b{display:none}
}