/* Brand colors */
:root{
  --sumati-primary:#18364d; /* Primary */
  --sumati-secondary:#F6BD25; /* Secondary */
  --sumati-highlight:#CC4D00; /* Highlight text */
  --sumati-form:#3A5640; /* Form */
}

/* Summary cards */
.summary-card{
  border:none; border-radius:16px;
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.summary-card .icon{
  font-size:28px; opacity:.9; margin-right:8px;
}
.summary-card.primary{ background:linear-gradient(135deg,var(--sumati-primary),#0e2230); }
.summary-card.secondary{ background:linear-gradient(135deg,#facc15,var(--sumati-secondary)); color:#2e2e2e;}
.summary-card.accent{ background:linear-gradient(135deg,#16a34a,#22c55e); }
.summary-card.info{ background:linear-gradient(135deg,#3b82f6,#60a5fa); }

/* RSSI bar */
.rssi-bar{ position:relative; background:#f1f3f5; height:10px; border-radius:999px; overflow:hidden; min-width:140px;}
.rssi-fill{ height:100%; transition:width .4s ease;}
.rssi-text{ position:absolute; right:8px; top:-18px; font-size:12px; color:#6b7280; }

/* Terminal logs */
.terminal{ background:#0d1117; color:#d1d5db; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.terminal .text-success{ color:#10b981 !important; }
.terminal .text-info{ color:#60a5fa !important; }
.terminal .text-warning{ color:#f59e0b !important; }

/* Table tweaks */
.table-hover tbody tr:hover{ background:#f7fbff; }
.table-striped>tbody>tr:nth-of-type(odd)>*{ --bs-table-accent-bg:rgba(24,54,77,.04); }
.table-striped>tbody>tr:nth-of-type(even)>*{ --bs-table-accent-bg:rgba(246,189,37,.05); }

/* Sticky headers inside cards with scroll */
.card .table-responsive{ position:relative; }
.card .table-responsive thead th{ position:sticky; top:0; z-index:1; background:#fff; }

/* Buckets input group */
#newBucket{ border-color: var(--sumati-primary); }
.stat-card{ transition:transform .15s ease, box-shadow .15s; border:1px solid rgba(0,0,0,.05) }
.stat-card:hover{ transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,.15) }
.cursor-pointer{ cursor:pointer }

/* RSSI bar (đã dùng trong chips) */
.rssi-bar{ position:relative; background:#e9ecef; border-radius:6px; height:10px; min-width:120px }
.rssi-fill{ position:absolute; inset:0 0 0 0; width:0; border-radius:6px; }
.rssi-text{ position:absolute; top:14px; font-size:12px; color:#6c757d }