/* ===== Pro Theme v2 (Bootstrap-aware, Light/Dark) ===== */
:root{
  --c-bg: #f6f7fb;
  --c-text: #111827;
  --c-muted: #6b7280;
  --c-surface: #ffffff;
  --c-surface-2: #f1f5f9;
  --c-primary: #4f46e5;
  --c-success: #16a34a;
  --c-warning: #d97706;
  --c-danger:  #dc2626;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --radius: 16px;

  /* Bootstrap vars */
  --bs-body-bg: var(--c-bg);
  --bs-body-color: var(--c-text);
  --bs-card-bg: var(--c-surface);
  --bs-border-color: rgba(0,0,0,.08);
}

/* explicit dark toggle */
body.theme-dark{
  --c-bg: #0b1020;
  --c-text: #e5e7eb;
  --c-muted: #9ca3af;
  --c-surface: #111739;
  --c-surface-2: #0d132b;
  --shadow: 0 18px 40px rgba(0,0,0,.45);

  --bs-body-bg: var(--c-bg);
  --bs-body-color: var(--c-text);
  --bs-card-bg: var(--c-surface);
  --bs-border-color: rgba(255,255,255,.06);
}

html,body{height:100%;}
body{
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  transition: background-color .2s ease, color .2s ease;
  font-feature-settings: "liga" 1, "kern" 1;
}
.container{ max-width: 1200px; }
a{ color: var(--c-primary); }
.text-muted, .small, .muted{ color: var(--c-muted)!important; }

/* Navbar */
.navbar{
  background: var(--c-surface-2);
  color: var(--bs-body-color);
  border-bottom: 1px solid var(--bs-border-color) !important;
}
body.theme-dark .navbar{ background: #0e142b; }
.navbar .nav-link, .navbar .navbar-brand{ color: var(--bs-body-color) !important; opacity:.9; }
.navbar .nav-link:hover{ opacity:1; }
.navbar .btn{ border-radius: 10px; }

/* Headings */
h1,h2,h3,h4,h5,h6{ color: var(--bs-body-color); }

/* Cards */
.card{
  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.kpi-card{ background: linear-gradient(180deg, rgba(99,102,241,.14), transparent); }

/* Tables */
.table thead th { position: sticky; top: 0; background: var(--bs-card-bg); z-index: 1; }
.table-hover tbody tr:hover { background: var(--c-surface-2); }

/* Forms */
.form-control, .form-select{ border-radius: 12px; }
.btn{ border-radius: 12px; }

/* Status badges with Bootstrap colors fallback */
.badge-status{ font-size:.85rem; letter-spacing:.2px; }
.badge-new{ background:#2563eb; }
.badge-preparing{ background:#d97706; }
.badge-done{ background:#16a34a; }
.badge-cancelled{ background:#dc2626; }

/* Kitchen/Bar cards spacing */
#kOrders .card, #orders .border{ border-radius: var(--radius) !important; }