.server-access-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce8e2;padding:14px 0}
.pi-history{margin-top:24px;border-top:1px solid #dce8e2;padding-top:20px;color:#18332c}
.pi-history-period{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.pi-history .pi-history-period .button.secondary[aria-pressed="true"]{background:#087956;color:white;border-color:#087956}
.pi-history-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pi-history-charts>section{min-width:0}
.pi-chart-plot svg{display:block;width:100%;height:auto}
.pi-chart-plot text{font-size:12px;fill:#58746a}
.pi-grid{stroke:#dfebe5;stroke-width:1}
.pi-series{stroke:#087956;stroke-width:2;fill:none;stroke-linejoin:round}
.pi-event-line{stroke:#a57328;stroke-width:1;stroke-dasharray:4 4}
.pi-history-inspect{display:grid;gap:12px;background:#f0f7f3;padding:18px;border-radius:12px;margin:24px 0;font-size:14px}
.pi-history-inspect input{width:100%;accent-color:#087956;min-height:32px;padding:0}
@media(max-width:760px){.pi-history-charts{grid-template-columns:1fr}}
.server-access-row label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.server-access-row input{min-width:20px;width:20px;height:20px}
.server-access-row small{color:#526c60}
[data-server-grants]{margin-top:24px}
[data-server-history] output{overflow-wrap:anywhere;line-height:1.7}
@media(max-width:600px){.server-access-row{align-items:flex-start}.server-access-row label{display:block}.server-access-row small{display:block;margin-top:5px}}