/* WireGuard panel modal + dashboard IP-local link. ADDITIVE. */
.wg-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px}
.wg-modal.hidden{display:none}
.wg-modal-box{background:#fff;max-width:620px;width:100%;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin-top:24px}
.wg-modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e5e7eb}
.wg-modal-body{padding:14px;max-height:75vh;overflow:auto}
.wg-qr{display:flex;justify-content:center;background:#fff;padding:10px}
.wg-qr svg{width:400px;height:400px;max-width:88vw;image-rendering:pixelated}
.wg-conf{white-space:pre-wrap;word-break:break-all;background:#0f172a;color:#e2e8f0;padding:10px;border-radius:8px;font-size:11px;margin-top:8px}
.wg-allowed-box{width:100%;min-height:130px;box-sizing:border-box;font-family:monospace;font-size:12px;background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:6px;padding:8px;white-space:pre;overflow:auto;margin-top:6px}
.wg-break{word-break:break-all}
.wg-localip{cursor:pointer;color:#0ea5a4;font-weight:600;text-decoration:underline;margin-left:0}
/* Dashboard: rapikan kolom Status & Router biar tidak kejepit Tagihan/Aksi */
.dash-router-stack{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.dashboard-router-cell{vertical-align:top;min-width:116px;white-space:normal}
.dashboard-router-cell .badge{display:inline-block}
/* Kolom Status paling kiri: checkbox + tiap badge + timestamp URUT KE BAWAH (vertikal) */
.checkcell{display:flex;flex-direction:column;align-items:flex-start;gap:3px;vertical-align:top}
.checkcell .badge{display:inline-block;white-space:nowrap}
.checkcell .small{display:block}
.checkcell br{display:none}