/*! compat.css — componentes (v1b) — 2025-09-23 21:54:34 */
:root{--bc-primary:#0ea5e9;--bc-primary-600:#0284c7;--bc-bg:#0b1220;--bc-card:#0f172a;--bc-text:#e5e7eb;--bc-muted:#9ca3af;--bc-success:#22c55e;--bc-danger:#ef4444;--bc-warning:#f59e0b;--bc-shadow:0 10px 30px rgba(2,8,23,.35)}
.card{background:var(--bc-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:var(--bc-shadow)}
.card-lg{border-radius:20px}
.card .card-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;color:var(--bc-text)}
.card .card-content{padding:1.25rem;color:var(--bc-text)}
.card .card-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .95rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:transform .06s ease,background .2s ease,color .2s ease,border-color .2s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--bc-primary);color:#06121f}
.btn-primary:hover{background:var(--bc-primary-600);color:#fff}
.btn-outline{border:1px solid rgba(255,255,255,.15);color:var(--bc-text)}
.btn-outline:hover{border-color:var(--bc-primary);color:var(--bc-primary)}
.btn-danger{background:var(--bc-danger);color:#fff}
.btn-muted{background:rgba(255,255,255,.06);color:var(--bc-text)}
.input,.select,.textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#0b1220;color:var(--bc-text);border-radius:.75rem;padding:.65rem .9rem;transition:border-color .15s ease,box-shadow .15s ease}
.input:focus,.select:focus,.textarea:focus{border-color:var(--bc-primary);box-shadow:0 0 0 3px rgba(14,165,233,.25)}
.label{display:inline-block;margin-bottom:.35rem;color:var(--bc-muted);font-size:.9rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.table thead th{text-align:left;color:var(--bc-muted);font-weight:600;font-size:.875rem}
.table tbody tr:hover{background:rgba(255,255,255,.03)}
.table .num{text-align:right;font-variant-numeric:tabular-nums}
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:9999px;font-weight:600;font-size:.75rem}
.badge-info{background:rgba(14,165,233,.18);color:var(--bc-primary)}
.badge-success{background:rgba(34,197,94,.18);color:var(--bc-success)}
.badge-warn{background:rgba(245,158,11,.18);color:var(--bc-warning)}
.badge-danger{background:rgba(239,68,68,.18);color:var(--bc-danger)}
[data-net-status]{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:9999px;font-weight:600;font-size:.75rem;color:#fff;background:rgba(255,255,255,.1)}