.vpn-head{align-items:flex-start}.vpn-head .head-actions{flex-wrap:wrap;justify-content:flex-end}.vpn-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.vpn-toolbar .field:first-child{flex:1;min-width:200px}.vpn-toolbar .field{min-width:170px}.vpn-toolbar .muted{margin-left:auto;font-size:11px;padding:10px 0}.vpn-table td{vertical-align:top}.vpn-table small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.vpn-table .vpn-name{max-width:230px;overflow:hidden;text-overflow:ellipsis}.vpn-notes{max-width:230px;white-space:normal;overflow-wrap:anywhere}.vpn-table .button{padding:6px 9px}.vpn-details{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:16px 0}.vpn-details div{min-width:0}.vpn-details dt{color:var(--muted);font-size:11px;margin-bottom:4px}.vpn-details dd{font-size:12px;margin:0;overflow-wrap:anywhere}.vpn-details .vpn-full{grid-column:1/-1}.vpn-help{margin-top:22px}.vpn-help ol{padding-left:20px;font-size:12px;color:var(--muted);line-height:1.8}.vpn-server{margin:20px 0;padding:18px 22px}.vpn-server summary{cursor:pointer;font-weight:500;font-size:12px}.vpn-mask{font-size:11px;overflow-wrap:anywhere;line-height:1.8}.vpn-mask code{color:var(--muted)}.vpn-status{display:flex;align-items:center;gap:7px}.vpn-meta{font-size:11px;color:var(--muted)}.vpn-error{margin-top:12px}.vpn-key{font:11px ui-monospace,monospace;overflow-wrap:anywhere}.vpn-form .field{margin-top:14px}.vpn-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.vpn-kpis .kpi-value{font-size:26px}.vpn-device-actions{display:flex;gap:6px}.vpn-kpis .kpi-note{line-height:1.6}.vpn-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){.vpn-head{flex-direction:column}.vpn-head .head-actions{justify-content:flex-start}.vpn-toolbar .muted{margin-left:0}.vpn-details{grid-template-columns:1fr}.vpn-details .vpn-full{grid-column:auto}.vpn-kpis .kpi-value{font-size:22px}.vpn-kpis .kpi-note{font-size:10px}}