/* Existing device-card styles remain the source of layout and theme colors. */
#device-modal .ops-telemetry-bar { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin:0 0 14px; font-size:12px; color:var(--kn-text); }
#device-modal .ops-telemetry-note { color:var(--kn-muted); font-size:11px; }
#device-modal .ops-telemetry-bar button { margin:0 0 0 auto; }
#device-modal .ops-network-wide { grid-column:1/-1; }
#device-modal .ops-agent-note { font-size:11px; color:var(--kn-muted); line-height:1.6; margin:10px 0 0; overflow-wrap:anywhere; }
#device-modal .ops-network-detail,#device-modal .ops-local-routing { margin-top:14px; padding-top:12px; border-top:1px solid var(--kn-border); }
#device-modal .ops-network-detail h4,#device-modal .ops-local-routing h4 { margin:0 0 10px; font-size:12px; }
#device-modal .ops-network-detail p { font-size:11px; color:var(--kn-muted); }
#device-modal .ops-network-scroll { width:100%; overflow-x:auto; }
#device-modal .ops-network-table { width:100%; min-width:650px; border-collapse:collapse; table-layout:fixed; font-size:11px; }
#device-modal .ops-network-table th,#device-modal .ops-network-table td { padding:10px 8px; text-align:left; vertical-align:top; border-bottom:1px solid var(--kn-border); white-space:pre-line; overflow-wrap:anywhere; }
#device-modal .ops-network-table th { color:var(--kn-muted); font-weight:600; }
@media(max-width:600px){#device-modal .ops-telemetry-bar button{margin-left:0;}#device-modal .ops-telemetry-bar{gap:8px;}}