.server-history .periods{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.server-history .periods button{padding:10px 16px;color:#d9dfcb;border:1px solid #596947;background:#263021;cursor:pointer}.server-history .periods button[aria-pressed=true]{background:#6e9e36;color:#10180a;border-color:#a0ca63}.history-chart{height:220px;margin:24px 0 12px;background:#171e13;border:1px solid #414c35;padding:12px}.history-chart:empty{display:none}.history-chart svg{width:100%;height:100%;overflow:visible}.history-grid{stroke:#3c4c32;stroke-width:.4;fill:none}.history-line{stroke:#a0d663;stroke-width:2;vector-effect:non-scaling-stroke;fill:none}.history-point{fill:#a0d663}.history-offline{stroke:#df6969;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.6}.history-range,.history-message{color:#b9c2aa;font-size:13px;line-height:1.7}.history-checks>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #414c35;padding:12px 0;font-size:14px}.check-online{color:#bce28b}.check-offline{color:#ee9292}.history-checks time{color:#b9c2aa}.server-history h3{font:700 17px Arial,sans-serif;margin:28px 0 10px}@media(max-width:500px){.history-checks>div{flex-direction:column;gap:5px}.history-chart{height:180px}}