.server-history>summary{color:var(--text);font-weight:600}
.server-history-body{min-width:0;padding-top:14px;container-type:inline-size;container-name:history}
.server-history-toolbar,.server-history-ranges,.server-history-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.server-history-toolbar{justify-content:space-between;margin-bottom:12px}
.server-history-ranges .active{color:var(--lime);border-color:#ffe50070;background:#ffe5000f}
.server-history-status,.server-history-note{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.server-history-status.stale{color:var(--warning)}
.server-history-empty,.server-history-no-data{padding:20px 12px;color:var(--muted);font-size:12px;text-align:center;border:1px dashed var(--line);border-radius:9px}
.server-history-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.server-history-chart{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-input)}
.server-history-chart-heading{display:flex;justify-content:space-between;align-items:start;gap:8px;flex-wrap:wrap}
.server-history-chart-heading strong{font-size:12px;font-weight:650}
.server-history-source{color:var(--muted);font-size:10px}
.server-history-values{display:flex;flex-wrap:wrap;gap:12px;margin:9px 0;color:var(--lime);font-size:12px;font-variant-numeric:tabular-nums}
.server-history-values .comparison{color:var(--success)}
.server-history-svg{display:block;width:100%;height:auto;overflow:visible}
.server-history-svg .history-grid{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges}
.server-history-svg .history-axis{fill:var(--muted);font-size:11px;font-family:inherit}
.server-history-svg .history-line{stroke:var(--lime);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.server-history-svg .history-line.comparison{stroke:var(--success);stroke-dasharray:5 3}
.server-history-svg .history-dot{fill:var(--lime)}
.server-history-svg .history-dot.comparison{fill:var(--success)}
.server-history-table-details{margin-top:14px}
.server-history-table-details>summary{min-height:44px;padding:12px 0;color:var(--muted);font-size:12px;cursor:pointer}
.server-history-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px}
.server-history-table{width:100%;min-width:640px;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}
.server-history-table th,.server-history-table td{padding:8px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
.server-history-table th{color:var(--muted);font-weight:550;background:var(--surface-raised)}
.server-history-table th:first-child,.server-history-table td:first-child{text-align:left}
.server-history-pagination{justify-content:space-between;margin-top:10px;font-size:11px;color:var(--muted)}
.server-vpn-observation,.server-monitor-observation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:11px;color:var(--muted)}
.server-vpn-observation .server-state,.server-monitor-observation .server-state{font-size:10px}
@container history (min-width:600px){.server-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.server-history-grid{grid-template-columns:minmax(0,1fr)}.server-history-toolbar .text-button{min-height:44px}.server-history-chart{padding:11px}.server-history-values{font-size:13px}.server-history-pagination{justify-content:flex-start}}