.vsr-source-card { box-sizing:border-box; width:260px; max-width:calc(100vw - 90px); max-height:30vh; overflow:auto; padding:11px 13px; border:1px solid rgba(148,163,184,.28); border-radius:9px; background:rgba(15,23,42,.95); color:#cbd5e1; font:11px/1.5 system-ui,sans-serif; box-shadow:0 5px 18px #0004; }
.vsr-source-heading { font-size:13px; font-weight:700; color:#f1f5f9; }
.vsr-source-status { font-weight:600; color:#7dd3fc; margin:3px 0; }
.vsr-source-delayed { color:#fbbf24; }
.vsr-source-card time { display:block; font-size:10px; color:#94a3b8; margin-bottom:6px; }
.vsr-source-keys { display:flex; flex-wrap:wrap; gap:4px 10px; margin:7px 0; }
.vsr-source-key { display:inline-flex; align-items:center; gap:5px; }
.vsr-source-key i { width:10px; height:10px; border-radius:3px; display:inline-block; }
.vsr-source-note { font-size:11px; line-height:1.45; color:#94a3b8; margin:6px 0; }
.vsr-source-card a,.vsr-source-popup a { color:#7dd3fc; }
.vsr-source-card a { display:inline-block; margin-right:6px; }
/* Mitme legendi ja alumiste kaardinuppude jaoks peab jätkuma ruumi ka 720px vaates. */
.leaflet-left:has(.vsr-source-card ~ .vsr-source-card) .vsr-source-card { max-height:18vh; }
.vsr-source-popup { padding:12px 26px 10px 12px; min-width:220px; max-width:285px; font:12px/1.5 system-ui,sans-serif; color:#e2e8f0; }
.vsr-source-popup strong { font-size:14px; }
.vsr-source-popup dl { display:grid; grid-template-columns:auto 1fr; gap:3px 12px; }
.vsr-source-popup dt { color:#94a3b8; }
.vsr-source-popup dd { margin:0; }
.vsr-source-badge { margin-left:auto; white-space:nowrap; border-radius:4px; padding:1px 5px; background:rgba(148,163,184,.18); color:#cbd5e1; font:600 10px/1.4 monospace; }
@media(max-width:600px) { .vsr-source-card { width:225px; max-height:22vh; padding:8px 10px; } .vsr-source-heading { font-size:12px; } }