/* Device management uses the same local Arabic typeface as the portal. */
.device-registry{font-family:Tajawal,Arial,sans-serif;font-size:15px;line-height:1.65}
.device-registry :is(button,input,select,textarea){font-family:inherit}
.device-registry .section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 4px}
.device-registry .section-intro h2{margin:0 0 6px;font-size:23px;line-height:1.4;letter-spacing:0}
.device-registry .section-intro p{margin:0;color:#728078;font-size:14px}
.device-registry .dash-card{border:1px solid #e1e9e3;border-radius:18px;padding:24px;background:#fff;box-shadow:0 3px 12px #173f2c03}
.device-registry .dash-card>h3{font-size:18px;margin:0 0 18px;font-weight:700}
.device-registry .button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;width:auto;padding:10px 17px;border:1px solid #dbe5de;border-radius:10px;background:#fff;color:#325443;box-shadow:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}
.device-registry .button:hover{background:#f0f6f2;border-color:#b6cebf}
.device-registry .button:focus-visible{outline:3px solid #b1ddc3;outline-offset:3px}
.device-registry .button:disabled{opacity:.5;cursor:wait}
.device-registry .button.primary{background:#11744c;color:#fff;border-color:#11744c}
.device-registry .button.primary:hover{background:#0b5d3c}
.device-registry .section-intro .button{white-space:nowrap;flex-shrink:0;font-weight:400}
.device-registry .compact-form{gap:16px}
.device-registry .compact-form h3{margin:0 0 5px;font-size:19px}
.device-registry label{font-size:14px;font-weight:400;color:#465c4f}
.device-registry :is(input,select){background:#fafcfb;border:1px solid #dce6df;border-radius:10px;min-height:44px;padding:10px 13px;color:#213c2d;font:400 15px Tajawal,Arial,sans-serif;outline:none}
.device-registry input::placeholder{color:#97a39b;font-weight:400}
.device-registry :is(input,select):focus{background:#fff;border-color:#4b9b73;box-shadow:0 0 0 3px #147b4e0c}
.device-registry .compact-form>.button{justify-self:start;margin-top:4px;min-width:145px}
.device-registry label:has([data-filter]){display:flex;flex-direction:column;gap:8px;max-width:430px;margin-bottom:20px}
.device-registry [data-filter]{width:100%}
.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,390px),1fr));gap:18px;margin-top:8px;align-items:start}
.device-card{border:1px solid #dfe8e2;border-radius:16px;padding:22px;background:#fff;min-width:0;overflow:hidden}
.device-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}
.device-identity{display:flex;gap:12px;align-items:center;min-width:0}
.device-mark{display:grid;place-items:center;width:44px;height:48px;flex-shrink:0;border-radius:12px;background:#edf5ef;color:#11744c}
.device-mark svg{width:24px;height:24px}
.device-registry .device-card h3{font-size:18px;line-height:1.4;margin:0 0 3px;color:#183c29;overflow-wrap:anywhere}
.device-registry .device-branch{font-size:13px;color:#7b8b80;line-height:1.6;margin:0}
.device-state{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 9px;border-radius:7px;background:#f2f4f3;font-size:12px;line-height:1.6;color:#7a857e;white-space:nowrap}
.device-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.device-state[data-state=online]{background:#eaf7ef;color:#23824b}
.device-state[data-state=paused],.device-state[data-state=pending]{background:#fff5df;color:#9a751f}
.device-state[data-state=revoked]{background:#fff0ed;color:#ad574b}
.device-details{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:0 0 18px}
.device-details>div:last-child{grid-column:1/-1}
.device-details dt{font-size:12px;color:#89978e;margin:0 0 3px}
.device-details dd{margin:0;font-size:14px;color:#314f3d;overflow-wrap:anywhere}
.device-details dd[dir=ltr]{text-align:right;letter-spacing:.3px;font-size:13px}
.device-activity{display:flex;flex-wrap:wrap;gap:4px 16px;border-top:1px solid #edf1ee;padding-top:14px;color:#89978e;font-size:11px;line-height:1.8}
.device-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #edf1ee}
.device-registry .device-actions .button{min-height:36px;padding:8px 11px;font-size:12px;font-weight:400;border-radius:8px;background:#f7faf8;border-color:#e2eae5;color:#4b6657}
.device-registry .device-actions .button:hover{background:#edf4ef}
.device-registry .device-actions [data-action=edit]{background:#edf6ef;border-color:#d8e9dd;color:#246843;font-weight:700}
.device-registry .device-actions [data-action=revoke]{background:#fff;color:#b46b60;border-color:transparent}
.device-registry .device-actions [data-action=revoke]:hover{background:#fff3ef;color:#a23e30}
.activation-box{border:1px solid #9cc5ad!important;margin:0}
.activation-box code{display:block;font-size:clamp(15px,3vw,25px);letter-spacing:2px;padding:20px;background:#eff6ed;border-radius:12px;overflow-wrap:anywhere;user-select:all}
.activation-box button{margin:8px}
.device-card form{margin-top:20px}.device-registry .device-card .compact-form{padding:0}
.device-registry [data-branches]>p,.device-registry [data-events]>p{padding:10px 0;font-size:14px;border-bottom:1px solid #eef2ee;line-height:1.8}
.device-registry [data-branches]>p:last-child,.device-registry [data-events]>p:last-child{border:0;padding-bottom:0}
@media(max-width:700px){.device-registry .dash-card{padding:18px}.device-card{padding:17px}.device-registry .section-intro{align-items:flex-start;flex-direction:column;gap:12px}.device-registry .section-intro h2{font-size:21px}.device-grid{grid-template-columns:1fr}.device-registry .compact-form>.button{width:100%}.device-card-head{gap:8px}.device-mark{width:38px;height:43px}.device-registry .device-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.device-registry .button{transition:none}}