.device-enrollment { margin:0 0 24px; padding:18px; border:1px solid var(--line,#dddde8); border-radius:14px; background:var(--surface-soft,#f8f8fc); }
.device-enrollment-heading { display:flex; align-items:center; gap:16px; justify-content:space-between; }
.device-enrollment-heading strong { font-size:15px; }
.device-enrollment-heading p,.device-enrollment-code p { margin:6px 0 0; color:var(--muted,#686a7a); font-size:13px; line-height:1.6; }
.device-enrollment-heading .btn { flex-shrink:0; }
.device-enrollment-address { display:grid; gap:7px; margin:16px 0 10px; }
.device-enrollment-address label { font-size:13px; font-weight:600; }
.device-enrollment-address small { color:var(--muted,#686a7a); line-height:1.5; }
.device-enrollment-status { font-size:13px; line-height:1.65; color:var(--muted,#686a7a); }
.device-enrollment-status.is-error { color:var(--danger,#af354b); }
.device-enrollment-code { margin-top:16px; text-align:center; }
.device-enrollment-code canvas { display:block; max-width:100%; height:auto; margin:auto; background:#fff; image-rendering:pixelated; border:1px solid #e3e3e3; }
.device-enrollment-report { margin-top:14px; padding:12px 14px; border-radius:10px; background:var(--surface,#fff); overflow-wrap:anywhere; }
.device-enrollment-report p { margin:0 0 7px; line-height:1.6; font-size:13px; }
.device-enrollment-report p:last-child { margin-bottom:0; }
.device-enrollment [hidden] { display:none !important; }
.device-provision-camera { margin:14px 0; display:grid; gap:10px; }
.device-provision-camera video { width:100%; max-height:360px; object-fit:contain; border-radius:10px; background:#111; }
.device-provision-reader { margin-top:12px; }
.device-provision-reader summary { cursor:pointer; color:var(--primary,#525cca); font-size:13px; }
.device-provision-reader label { display:grid; gap:6px; font-size:13px; margin:10px 0; }
.device-provision-reader textarea { min-height:80px; }
.device-provision-settings .form-error { margin-top:12px; }
@media(max-width:520px) { .device-enrollment { padding:14px; } .device-enrollment-heading { align-items:flex-start; flex-direction:column; gap:12px; } .device-enrollment-heading .btn { align-self:stretch; } }