/* =========================================
   THEME — Accent Colors Only
   Sidebar, header, footer, cards → original
   ========================================= */
:root {
  --theme-primary: #667eea;
  --theme-secondary: #764ba2;
  --theme-btn-text: #ffffff;
  --theme-font: \'Roboto\', sans-serif;
}

html, body { font-family: var(--theme-font), 'Noto Sans Devanagari', sans-serif; }

/* ─── Buttons ─── */
.btn-primary,
a.btn-primary,
button[type="submit"],
.btn-submit {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-btn-text) !important;
}
.btn-primary:hover,
a.btn-primary:hover {
  opacity: 0.9;
  filter: brightness(1.1);
}

.btn-secondary {
  background: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
  color: var(--theme-btn-text) !important;
}

/* ─── Links ─── */
a, a:visited { color: var(--theme-primary); }
a:hover { color: var(--theme-secondary); }

/* ─── Active / Highlight ─── */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}
.page-item.active .page-link {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}
.bg-primary { background: var(--theme-primary) !important; }
.text-primary { color: var(--theme-primary) !important; }
.border-primary { border-color: var(--theme-primary) !important; }

/* =========================================
   MOBILE RESPONSIVE
   ========================================= */
@media (max-width: 768px) {
  .wrapper .page-wrapper { margin-left: 0 !important; padding: 10px !important; }

  .sidebar-wrapper {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1050;
    width: 260px !important;
  }
  .sidebar-wrapper.show { transform: translateX(0); }
  .overlay.toggle-icon {
    display: none;
    position: fixed; inset: 0; z-index: 1049; background: rgba(0,0,0,0.4);
  }
  .overlay.toggle-icon.active { display: block; }

  .page-content > .row > [class*="col-"] { margin-bottom: 15px; }
  .card-body { padding: 15px 10px !important; }
  .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table { font-size: 13px; min-width: 600px; }

  .row:not(.no-gutters) > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
  .row:not(.no-gutters) > .col-sm-6,
  .row:not(.no-gutters) > .col-md-4,
  .row:not(.no-gutters) > .col-md-6,
  .row:not(.no-gutters) > .col-md-3 { flex: 0 0 100% !important; max-width: 100% !important; }

  h1, h2, h3, h4 { font-size: 1.2rem !important; }
  .page-title, .card-title { font-size: 1.1rem !important; }
  .btn { width: 100%; margin-bottom: 8px; padding: 12px !important; }
  input, select, textarea { font-size: 16px !important; }
  footer .row { text-align: center; }
  .sidebar-header { padding: 15px 10px !important; }
  .sidebar-header h4, .sidebar-header h5 { font-size: 14px !important; }

  .mobile-toggle-btn {
    display: inline-block !important;
    position: fixed; top: 10px; left: 10px; z-index: 1060;
    background: var(--theme-primary);
    color: #fff; border: none; border-radius: 6px;
    padding: 8px 12px; font-size: 20px; cursor: pointer;
  }
}

.mobile-toggle-btn { display: none; }