/* Device identity and cooldown behavior are owned by the existing widget. */
.ag-devices, .ag-device-dialog {
 --dv-text:var(--sub-text,#f5f5f5); --dv-muted:var(--sub-text-muted,#ababab);
 --dv-border:var(--sub-border,#2c2c2c); --dv-tile:var(--sub-surface-soft,#1b1b1b);
 --dv-accent:var(--sub-accent,#fafafa); --dv-danger:var(--sub-danger,#f79d9d);
 color:var(--dv-text); font:inherit; min-width:0;
}
.ag-device-header,.ag-device-header-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ag-device-header {margin-bottom:22px;}
.ag-device-header-actions {flex-shrink:0;}
.ag-device-kicker {margin:0 0 6px;color:var(--dv-muted);font-size:12px;font-weight:500;letter-spacing:0;}
.ag-device-heading {margin:0;color:var(--dv-text);font-size:24px;font-weight:650;letter-spacing:-.035em;line-height:1.2;}
.ag-device-count {color:var(--dv-muted);border:1px solid var(--dv-border);border-radius:7px;padding:8px 10px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.ag-device-list {display:grid;gap:10px;}
.ag-device-tile {display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--dv-border);background:var(--dv-tile);border-radius:10px;min-width:0;}
.ag-device-icon {width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--dv-border);background:transparent;border-radius:9px;color:var(--dv-text);}
.ag-device-icon svg {width:23px;height:23px;stroke-width:1.5;}
.ag-device-details {min-width:0;}
.ag-device-name {margin:0;color:var(--dv-text);font-size:15px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;}
.ag-device-os {margin:5px 0 0;color:var(--dv-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
.ag-device-model,.ag-device-date {margin:4px 0 0;color:var(--dv-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.ag-device-button {min-height:42px;min-width:42px;padding:10px 13px;border:1px solid var(--dv-border);border-radius:7px;background:transparent;color:var(--dv-text);font:inherit;font-size:13px;font-weight:550;line-height:1.35;cursor:pointer;white-space:nowrap;}
.ag-device-remove,.ag-device-button--danger {color:var(--dv-danger);}
.ag-device-button:hover:not(:disabled) {background:color-mix(in srgb,var(--dv-text) 5%,transparent);border-color:var(--dv-muted);}
.ag-device-button:focus-visible {outline:2px solid var(--dv-accent);outline-offset:3px;}
.ag-device-button:disabled {cursor:not-allowed;color:var(--dv-muted);border-style:dashed;opacity:.8;}
.ag-device-cooldown {padding:14px 16px;margin:18px 0 0;border:1px solid var(--dv-border);border-radius:8px;color:var(--dv-muted);font-size:13px;line-height:1.6;background:transparent;}
.ag-device-footnote {margin:14px 0 0;color:var(--dv-muted);font-size:12px;line-height:1.7;max-width:68ch;}
.ag-device-message {color:var(--dv-text);margin-bottom:12px;font-size:13px;}
.ag-device-message:empty {display:none;}
.ag-device-state {padding:24px;border:1px dashed var(--dv-border);border-radius:10px;color:var(--dv-muted);font-size:14px;}
.ag-device-state--error {color:var(--dv-danger);}
.ag-device-dialog {width:min(480px,calc(100vw - 32px));padding:26px;border:1px solid var(--dv-border);border-radius:12px;background:var(--sub-surface,#111);box-shadow:0 24px 80px #0005;}
.ag-device-dialog::backdrop {background:rgba(0,0,0,.65);backdrop-filter:blur(4px);}
.ag-device-dialog h3 {color:var(--dv-text);font-size:24px;font-weight:650;line-height:1.25;letter-spacing:-.035em;margin:0 0 18px;overflow-wrap:anywhere;}
.ag-device-dialog p {margin:12px 0;color:var(--dv-muted);line-height:1.65;}
.ag-device-dialog-note {font-size:13px;}
.ag-device-dialog-actions {display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap;}
@media(max-width:540px) {
 .ag-device-header {align-items:flex-start;gap:14px;flex-wrap:wrap;}.ag-device-header-actions {gap:7px;width:100%;justify-content:space-between;}.ag-device-heading{font-size:22px;}
 .ag-device-refresh {padding:9px;}.ag-device-tile {grid-template-columns:40px minmax(0,1fr);gap:12px;padding:15px;}
 .ag-device-icon {width:40px;height:40px;}.ag-device-remove {grid-column:2;justify-self:start;margin-top:0;}
 .ag-device-cooldown{padding:13px;}.ag-device-dialog-actions {display:grid;grid-template-columns:1fr;width:100%;}.ag-device-dialog-actions button{width:100%;}
}
@media(prefers-reduced-motion:reduce){.ag-devices *,.ag-device-dialog *{animation:none!important;transition:none!important;}}