#astra-router-wan-live-r1.astra-wan-live{margin:22px 0 30px;padding:0;font:inherit;color:inherit;max-width:100%}
.astra-wan-shell{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:var(--card,#fff);padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.astra-wan-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.astra-wan-eyebrow{font-size:.64rem;font-weight:800;letter-spacing:.12em;color:#0284c7;margin-bottom:4px}.astra-wan-header h2{margin:0;font-size:1.12rem;font-weight:800;letter-spacing:-.02em}.astra-wan-header p{margin:4px 0 0;color:#64748b;font-size:.76rem}
.astra-wan-legend{display:flex;gap:13px;font-size:.72rem;font-weight:700;white-space:nowrap}.astra-wan-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.astra-wan-legend .dl:before{background:#22c55e}.astra-wan-legend .ul:before{background:#38bdf8}
.astra-wan-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.astra-wan-totals>div{border:1px solid rgba(148,163,184,.19);border-radius:12px;background:rgba(248,250,252,.72);padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.astra-wan-totals span{font-size:.74rem;color:#64748b}.astra-wan-totals strong{font-size:.96rem;font-weight:800}
.astra-wan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.astra-wan-card{border:1px solid rgba(148,163,184,.18);border-radius:13px;background:rgba(255,255,255,.92);padding:12px;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.035)}.astra-wan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.astra-wan-title-wrap{min-width:0}.astra-wan-name{font-weight:800;font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.astra-wan-meta{font-size:.64rem;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.astra-wan-status{font-size:.58rem;font-weight:800;padding:3px 6px;border-radius:999px;background:rgba(148,163,184,.13);flex:0 0 auto}.is-online .astra-wan-status{color:#16a34a;background:rgba(34,197,94,.11)}.is-down .astra-wan-status{color:#d97706;background:rgba(245,158,11,.11)}.is-error .astra-wan-status{color:#dc2626;background:rgba(239,68,68,.10)}
.astra-wan-current{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0 7px}.astra-wan-current>div{display:flex;flex-direction:column;gap:2px}.astra-wan-current span{font-size:.64rem;color:#64748b}.astra-wan-current strong{font-size:1rem;letter-spacing:-.02em}.astra-wan-current .download strong{color:#16a34a}.astra-wan-current .upload strong{color:#0284c7}
.astra-wan-chart{display:block;width:100%;height:58px;border-radius:8px;background:rgba(148,163,184,.035)}.astra-wan-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:7px;font-size:.61rem;color:#64748b}.astra-wan-stats b{font-weight:700;color:#475569}.astra-wan-warning{padding:8px 10px;margin-bottom:10px;border-radius:9px;background:rgba(245,158,11,.10);font-size:.7rem}.astra-wan-loading{padding:16px;border:1px solid rgba(148,163,184,.20);border-radius:12px;color:#64748b}
@media (prefers-color-scheme:dark){.astra-wan-shell,.astra-wan-card{background:var(--card,#111827)}.astra-wan-totals>div{background:rgba(15,23,42,.32)}.astra-wan-stats b{color:inherit}}
@media (max-width:1100px){.astra-wan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.astra-wan-grid,.astra-wan-totals{grid-template-columns:1fr}.astra-wan-header{align-items:flex-start;flex-direction:column}.astra-wan-current{grid-template-columns:1fr 1fr}}