/* Brand + Component overrides (CDN Bootstrap compatible) */

:root{
  --brand:#0d6efd;
  --brand-2:#0a58ca;
  --bg:#f6f8fc;
  --text:#0f172a;
  --muted:#6b7280;
  --ring: rgba(13,110,253,.25);
  --radius: 14px;
}

html, body{
  height:100%;
}

body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  background: var(--bg);
}

.card{
  border: 1px solid rgba(15,23,42,.06) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.06) !important;
}

.navbar{
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.btn{
  border-radius: 12px !important;
}

.btn-primary{
  background: linear-gradient(180deg, #1a7cff 0%, var(--brand) 100%) !important;
  border-color: var(--brand) !important;
}

.btn-outline-primary{
  border-radius: 12px !important;
}

.form-control, .form-select{
  border-radius: 12px !important;
  border-color: rgba(15,23,42,.12) !important;
}

.form-control:focus, .form-select:focus{
  border-color: rgba(13,110,253,.65) !important;
  box-shadow: 0 0 0 .2rem var(--ring) !important;
}

.table{
  border-radius: 12px;
  overflow:hidden;
}

.table thead th{
  background: rgba(13,110,253,.08) !important;
  color: #0b3a8b;
  font-weight: 700;
  border-bottom: 1px solid rgba(13,110,253,.18) !important;
}

.table-striped>tbody>tr:nth-of-type(odd){
  --bs-table-bg-state: rgba(13,110,253,.035);
}

.badge{
  border-radius: 999px;
}

hr{
  border-color: rgba(15,23,42,.08);
}

/* Layout helpers */
.main-content{
  padding: 0 1.25rem 2rem;
}

/* Small logo/hero accents */
.logger-hero{
  height: 46px;
  background: radial-gradient(1200px circle at 10% 0%, rgba(13,110,253,.15), transparent 45%);
}

.logger-content{
  min-height: calc(100vh - 80px);
}