/* ===== CCM — Clean & Professional (soft, low-strain) ===== */
:root{
  --ccm-accent:#2563eb; --ccm-accent-d:#1d4ed8; --ccm-accent-soft:rgba(37,99,235,.10);
  --ccm-bg:#f6f8fb; --ccm-ink:#1e293b; --ccm-muted:#64748b; --ccm-border:#e8ecf2;
  --ccm-sidebar:#1f2937;
}
/* Font (no * selector -> icon fonts stay intact) */
body, h1,h2,h3,h4,h5,h6, p, a, span, div, li, td, th, label,
input, button, select, textarea, .btn, .card, .form-control, .table,
.sidebar-link, .breadcrumb, .badge, .modal, .dropdown-menu{
  font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body{ background:var(--ccm-bg); color:#475569; }

/* Topbar — keep theme color, just subtle shadow + WHITE icons/brand */
.topbar{ box-shadow:0 2px 8px rgba(15,23,42,.10) !important; }
#main-wrapper .topbar .navbar-nav .nav-link,
#main-wrapper .topbar a.nav-link,
#main-wrapper .topbar .topbartoggler,
#main-wrapper .topbar .topbartoggler i,
#main-wrapper .topbar .nav-toggler,
#main-wrapper .topbar .nav-toggler i,
#main-wrapper .topbar .navbar-nav .nav-link i{ color:#ffffff !important; }
#main-wrapper .topbar .navbar-nav .nav-link:hover,
#main-wrapper .topbar .navbar-nav .nav-link:hover i{ color:rgba(255,255,255,.75) !important; }
#main-wrapper .topbar .navbar-brand .logo-text span{ color:#ffffff !important; }

/* Sidebar — neutral slate, soft active */
.left-sidebar, .sidebar-nav{ background:var(--ccm-sidebar) !important; }
.sidebar-nav ul .sidebar-item .sidebar-link{ color:#cbd5e1 !important; border-radius:8px; margin:2px 12px; padding:10px 14px !important; font-weight:500; transition:all .18s; }
.sidebar-nav ul .sidebar-item .sidebar-link:hover{ background:rgba(255,255,255,.06) !important; color:#fff !important; }
.sidebar-nav ul .sidebar-item.selected>.sidebar-link,
.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item.active>.sidebar-link{
  background:var(--ccm-accent-soft) !important; color:#fff !important;
  box-shadow:inset 3px 0 0 var(--ccm-accent);
}
.sidebar-nav ul .sidebar-item .sidebar-link i{ color:inherit !important; }
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link{ padding-left:40px !important; }

/* Cards — airy, soft */
.card{ border:1px solid var(--ccm-border) !important; border-radius:12px !important; box-shadow:0 1px 2px rgba(15,23,42,.04) !important; }
.card .card-body{ padding:1.2rem 1.35rem; }

/* Buttons — calm */
.btn{ border-radius:8px !important; font-weight:600; letter-spacing:.1px; }
.btn-primary{ background:var(--ccm-accent) !important; border-color:var(--ccm-accent) !important; }
.btn-primary:hover,.btn-primary:focus{ background:var(--ccm-accent-d) !important; border-color:var(--ccm-accent-d) !important; box-shadow:none; }
.text-primary{ color:var(--ccm-accent) !important; }
.bg-primary{ background:var(--ccm-accent) !important; }

/* Tables — clean */
.table{ color:#475569; }
.table thead th, .table.table-bordered thead th{ background:#f8fafc !important; color:#64748b !important; font-weight:600; text-transform:uppercase; font-size:11.5px; letter-spacing:.4px; border-bottom:1px solid var(--ccm-border) !important; }
.table td, .table th{ padding:.7rem .9rem; vertical-align:middle; }
.table-hover tbody tr:hover{ background:#f8fafc !important; }
.table-bordered, .table-bordered td, .table-bordered th{ border-color:var(--ccm-border) !important; }

/* Forms */
.form-control, .form-select{ border-radius:8px !important; border-color:var(--ccm-border); color:#334155; padding:.5rem .8rem; }
.form-control:focus, .form-select:focus{ border-color:#93c5fd !important; box-shadow:0 0 0 3px rgba(37,99,235,.12) !important; }

/* Headings / breadcrumb */
h1,h2,h3,h4{ color:#1e293b; font-weight:700; letter-spacing:-.2px; }
.breadcrumb, .breadcrumb a{ color:#94a3b8; }

/* Badges */
.badge{ font-weight:600; padding:.4em .7em; border-radius:6px; letter-spacing:.2px; }
.badge.bg-success{ background:#16a34a !important; } .badge.bg-danger{ background:#dc2626 !important; }
.badge.bg-warning{ background:#d97706 !important; }

/* Pagination */
.page-link{ color:var(--ccm-accent); border-radius:8px !important; margin:0 2px; border-color:var(--ccm-border); }
.page-item.active .page-link{ background:var(--ccm-accent); border-color:var(--ccm-accent); }

/* Modal — clean, no gradient */
.modal-content{ border:1px solid var(--ccm-border); border-radius:12px; box-shadow:0 18px 50px rgba(15,23,42,.18); }
.modal-header{ background:#f8fafc; color:#1e293b; border-bottom:1px solid var(--ccm-border); border-radius:12px 12px 0 0; }
.modal-header .modal-title{ color:#1e293b; font-weight:700; }

/* Footer */
.footer{ color:#94a3b8; }

/* Scrollbar */
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:6px; }
::-webkit-scrollbar-thumb:hover{ background:#94a3b8; }

/* ===== Compact topbar + aligned icons + smaller body font (v7) ===== */
#main-wrapper .topbar{ height:56px !important; }
#main-wrapper .topbar .top-navbar{ min-height:56px !important; }
#main-wrapper .topbar .top-navbar .navbar-header{ height:56px !important; line-height:56px !important; }
#main-wrapper .topbar .top-navbar .navbar-collapse{ align-items:center !important; min-height:56px !important; }
#main-wrapper .topbar .navbar-nav{ align-items:center !important; flex-direction:row !important; }
#main-wrapper .topbar .top-navbar .navbar-nav>.nav-item>.nav-link{
  height:56px !important; display:flex !important; align-items:center !important;
  padding-top:0 !important; padding-bottom:0 !important;
}
#main-wrapper .topbar .navbar-brand{ display:flex; align-items:center; height:56px; }
#main-wrapper .topbar .navbar-brand img{ height:30px !important; width:auto !important; }
#main-wrapper .page-wrapper{ margin-top:56px !important; }

/* smaller, tighter body content font */
body{ font-size:13px !important; }
.card, .form-control, .form-select, p, td, th, label, .breadcrumb, .dropdown-menu{ font-size:13px !important; }
.table{ font-size:12.5px !important; }
.table thead th{ font-size:11px !important; }
.sidebar-nav ul .sidebar-item .sidebar-link{ font-size:13px !important; padding:8px 14px !important; }

/* ===== Cheque tab buttons: no borders (v8) ===== */
#cheque-tabs .btn, #cheque-tabs .tab-btn, .tab-btn{ border:none !important; box-shadow:none !important; outline:none !important; }
#cheque-tabs .tab-btn.active, #cheque-tabs .tab-btn:focus{ border:none !important; box-shadow:none !important; }

/* ===== Cheque tab buttons: 3px radius (v9) ===== */
#cheque-tabs .btn, #cheque-tabs .tab-btn, .tab-btn{ border-radius:3px !important; }

/* ===== Remove extra top gap on content (v10) ===== */
#main-wrapper .page-wrapper{ padding-top:0 !important; }
#main-wrapper .page-wrapper > .container-fluid{ padding-top:14px !important; }
#main-wrapper .page-titles{ padding-top:6px !important; padding-bottom:6px !important; margin-bottom:10px !important; min-height:auto !important; background:transparent !important; box-shadow:none !important; }

/* ===== Default topbar = blue (v11) — fixed via CSS, overrides theme skin/switcher ===== */
#main-wrapper .topbar,
#main-wrapper .topbar .navbar-header,
#main-wrapper .topbar .navbar-collapse,
#main-wrapper .topbar .top-navbar,
#main-wrapper .topbar .top-navbar .navbar-header,
#main-wrapper .topbar .top-navbar .navbar-collapse{
  background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%) !important;
}

/* ===== Hide theme customizer (color selector) button (v12) ===== */
.customizer .service-panel-toggle, .service-panel-toggle{ display:none !important; }

/* ===== Smaller tab buttons + table body font (v13) ===== */
#cheque-tabs .btn, #cheque-tabs .tab-btn, .tab-btn{ font-size:12px !important; padding:6px 12px !important; font-weight:600; }
.table tbody td{ font-size:12px !important; padding:.5rem .7rem !important; }
table.dataTable tbody td{ font-size:12px !important; }

/* ===== Hide topbar search / apps-grid / language-flag (v14) ===== */
#main-wrapper .topbar .search-box{ display:none !important; }
#main-wrapper .topbar .mega-dropdown{ display:none !important; }
#main-wrapper .topbar .navbar-nav .nav-item:has(.flag-icon){ display:none !important; }