.line-monitor-panel { display: grid; gap: 12px; padding: 14px; border: 1px solid #dce5ef; border-radius: 7px; background: #f8fafc; }
.line-monitor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.line-monitor-heading h4, .line-monitor-heading p, .line-monitor-footnote, .line-monitor-warning { margin: 0; }
.line-monitor-heading p, .line-monitor-footnote { margin-top: 4px; color: #65768b; }
.line-monitor-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.line-monitor-metric { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; border: 1px solid #dce5ef; border-radius: 6px; background: #fff; }
.line-monitor-metric span, .line-monitor-metric small { color: #65768b; }
.line-monitor-metric strong { color: #17324f; font-size: 18px; }
.line-monitor-warning, .line-monitor-error { color: #ba2d38; }
@media (max-width: 900px) { .line-monitor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .line-monitor-heading { display: grid; } .line-monitor-grid { grid-template-columns: 1fr; } }