/* Add device dialog (event Devices tab).
   Hashed by scripts/build.mjs after views-admin. The dialog moves this link
   to the end of head, where the old <style> was appended.
   .adm-label is scoped to this dialog: Admin's views-admin.css rule is a
   different rule (letter-spacing, no margin). Both used to apply together
   only after this dialog had been opened. */

[data-attach="add-device"] .adm-label{display:block;color:var(--text-2);font-size:12px;font-weight:600;margin:12px 0 6px}
.adm-hint{color:var(--text-muted);font-size:12px;line-height:1.5;margin:0 0 8px}
.adm-pis{display:flex;flex-direction:column;gap:6px}
.adm-pi{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-sm);color:var(--text-1);font-size:13px}
.adm-pi:hover{border-color:var(--border-strong)}
.adm-pi:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.adm-bridge{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--text-1)}
.adm-bridge-name{font-weight:600}
.adm-group{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.adm-group .rxg{border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-raised)}
.adm-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-sm);font-size:12px;color:var(--text-1);cursor:pointer}
.adm-item input{width:15px;height:15px;min-width:15px;margin:0;flex:none}
.adm-item-name{min-width:0;overflow-wrap:anywhere}
.adm-item-off{cursor:default;opacity:.65}
.adm-item-off input{cursor:not-allowed}
.adm-item-why{margin-left:auto;color:var(--text-muted);font-size:11px;white-space:nowrap}
.adm-all{margin-top:14px;padding-top:10px;border-top:1px solid var(--border-subtle)}
.adm-footer{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}