/* XS Manager: monitoring-first device list. No remote fonts or UI framework. */
.device-monitor-list{display:grid;gap:12px}
.device-monitor-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(190px,1fr) minmax(240px,1.2fr) 180px;align-items:center;gap:20px;padding:20px;background:var(--s1);border:1px solid var(--bdr);border-radius:15px}
.device-monitor-row>*{min-width:0}
.device-list-identity,.device-list-connection{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.device-list-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}
.device-list-title .device-name-link{font-size:16px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;text-align:start}
.device-list-model,.device-list-location{color:var(--sec);font-size:11px;overflow-wrap:anywhere}
.device-list-identity .device-ip-link{max-width:100%;margin-top:3px}
.device-list-identity code{white-space:normal;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}
.device-list-check{color:var(--sec);font-size:10px;line-height:1.8}
.device-list-check time,.device-radio-caption time{display:inline-block;unicode-bidi:isolate}
.device-list-reason{font-size:11px;line-height:1.7;color:var(--amber);overflow-wrap:anywhere}
.device-radio-summary{padding:12px;background:var(--s2);border:1px solid var(--bdr);border-radius:12px}
.device-radio-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;color:var(--sec);font-size:10px;margin-bottom:10px}
.device-radio-summary.is-historical .device-radio-caption{color:var(--amber)}
.device-radio-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.device-radio-metrics small{display:block;font-size:10px;color:var(--sec);margin-bottom:3px}
.device-radio-metrics b{display:block;font-size:14px;color:var(--pri);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;unicode-bidi:plaintext}
.device-radio-empty{padding:16px;border:1px dashed var(--bdr);border-radius:12px;color:var(--sec);font-size:12px;line-height:1.8}
.device-radio-empty span{display:block;font-size:10px;color:var(--mut)}
.device-list-actions{display:grid;gap:7px}
.device-list-actions .btn{min-height:38px;white-space:normal;justify-content:center}
.device-list-more{position:relative;font-size:12px}
.device-list-more summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bdr);border-radius:9px;color:var(--sec)}
.device-list-more summary::-webkit-details-marker{display:none}
.device-list-more[open]{z-index:5}
.device-list-more>div{position:absolute;inset-inline:0;top:100%;min-width:160px;background:var(--s1);padding:5px;border:1px solid var(--bdr);border-radius:10px;box-shadow:0 8px 24px #0002}
.device-list-more button{display:block;width:100%;min-height:44px;background:none;border:0;border-radius:6px;color:var(--sec);font:inherit;text-align:start;padding:8px 12px;cursor:pointer}
.device-list-more button:hover{background:var(--s2)}
.device-list-more .device-list-delete{color:var(--red)}
.device-monitor-row button:focus-visible,.device-list-more summary:focus-visible{outline:2px solid var(--bluel);outline-offset:3px}
@media(max-width:1250px){.device-monitor-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.device-list-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.device-monitor-row{grid-template-columns:minmax(0,1fr);padding:15px;gap:14px}.device-list-connection{padding-block:10px;border-block:1px solid var(--bdr)}.device-list-actions .btn,.device-list-more summary{min-height:44px}.device-radio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.device-radio-metrics b{font-size:12px}.device-radio-metrics small{font-size:9px}}
@media(max-width:360px){.device-radio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.device-list-actions{grid-template-columns:minmax(0,1fr)}}
