/* 资源用量、连接清单与平台用量页面的正式交互补充。 */
.connection-col-ip,.connection-col-isp{width:13%}.connection-col-count,.connection-col-version{width:8%}.connection-col-rate,.connection-col-node,.connection-col-gateway,.connection-col-scheduled{width:10%}.connection-col-mac{width:12%}.connection-col-actions{width:6%}
.monitor-filters { display: flex; align-items: center; gap: 10px; padding: 14px 20px; }
.monitor-filters > label { margin: 0; }
.usage-chart-stack { display: grid; gap: 20px; margin-top: 20px; }
.connection-panel { overflow: hidden; }
.connection-filters { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.connection-filters label { margin: 0; color: var(--muted); font-size: 12px; }
.connection-filters .search { width: 220px; }
.connection-table { min-width: 1200px; table-layout: fixed; }
.connection-table th,
.connection-table td { padding-inline: 10px; text-align: center; white-space: nowrap; }
.connection-table th:first-child,
.connection-table td:first-child { text-align: left; }
.platform-usage-panel > .toolbar { border-bottom: 1px solid var(--line); }
.platform-usage-panel > .toolbar .search { width: 260px; }

@media (max-width: 950px) {
  .connection-filters .search { width: 190px; }
}

@media (max-width: 800px) {
  .monitor-filters,
  .platform-usage-panel > .toolbar { align-items: stretch; flex-direction: column; }
  .platform-usage-panel > .toolbar .search { width: 100%; }
}

/* 三张真实趋势图保持逐行布局；缺样本断线并提供键盘/鼠标悬停。 */
.usage-chart { padding: 12px 20px 18px; }
.usage-chart .empty-box { padding: 30px 12px; }
.usage-chart-caption { font-size: 13px; color: var(--muted); margin-bottom: 6px; }
.usage-chart svg { width: 100%; min-height: 190px; display: block; }
.usage-chart svg text { fill: #66778d; font-family: inherit; font-size: 12px; }
#platform-usage-table table { min-width: 1050px; }
#platform-usage-table .center { text-align: center; }