/* ── eSolutions Furniture brand variables ─────────────────────── */
:root {
  --es-navy:       #001938;
  --es-blue:       #14599F;
  --es-blue-light: #549EEA;
  --es-gray:       #DAE1E8;
  --es-text:       #201610;
  --es-muted:      #9CA7B0;
}

/* ── Base ─────────────────────────────────────────────────────── */
body {
  background: #f0f3f7;
  font-family: 'Open Sans', sans-serif;
  color: var(--es-text);
}

/* ── Navbar ───────────────────────────────────────────────────── */
.es-navbar,
.es-navbar.navbar,
header.es-navbar {
  background-color: var(--es-navy) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
}

.es-btn-admin {
  background-color: var(--es-blue);
  border-color: var(--es-blue);
  color: #fff !important;
  font-weight: 600;
  border-radius: 6px;
}
.es-btn-admin:hover {
  background-color: var(--es-blue-light);
  border-color: var(--es-blue-light);
}

/* ── Page header ─────────────────────────────────────────────── */
.page-header {
  background: #fff;
  border-bottom: 1px solid var(--es-gray);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.page-title {
  color: var(--es-navy);
  font-weight: 700;
}

/* ── Cards ───────────────────────────────────────────────────── */
.card {
  border: 1px solid var(--es-gray);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,25,56,0.06);
}

.card-header {
  background: #fff;
  border-bottom: 1px solid var(--es-gray);
  font-weight: 600;
  color: var(--es-navy);
}

/* ── Buttons ─────────────────────────────────────────────────── */
.btn-primary {
  background-color: var(--es-blue) !important;
  border-color: var(--es-blue) !important;
  font-weight: 600;
}
.btn-primary:hover {
  background-color: var(--es-blue-light) !important;
  border-color: var(--es-blue-light) !important;
}

.btn-outline-primary {
  color: var(--es-blue) !important;
  border-color: var(--es-blue) !important;
}
.btn-outline-primary:hover {
  background-color: var(--es-blue) !important;
  color: #fff !important;
}

/* ── Dashboard table ─────────────────────────────────────────── */
.table thead th {
  background-color: var(--es-navy);
  color: #fff;
  font-weight: 600;
  border-color: var(--es-navy);
}

.table-hover tbody tr:hover {
  background-color: rgba(84,158,234,0.07);
}

/* ── Badges ──────────────────────────────────────────────────── */
.badge.bg-green-lt  { background-color: rgba(97,206,112,0.15) !important; color: #1a7a2e; }
.badge.bg-yellow-lt { background-color: rgba(255,193,7,0.15)  !important; color: #7a5c00; }
.badge.bg-red-lt    { background-color: rgba(220,53,69,0.15)  !important; color: #7a1020; }

/* ── Quote display ───────────────────────────────────────────── */
.card .display-6 {
  line-height: 1.1;
  color: var(--es-navy);
  font-weight: 700;
}

/* ── Form controls ───────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: var(--es-blue-light);
  box-shadow: 0 0 0 0.2rem rgba(84,158,234,0.2);
}

.form-check-input:checked {
  background-color: var(--es-blue);
  border-color: var(--es-blue);
}

/* ── Links ───────────────────────────────────────────────────── */
a { color: var(--es-blue); }
a:hover { color: var(--es-blue-light); }