/* ==========================================================
   BebsarHisab — Modern UI (ধাপ ১: ডিজাইন সিস্টেম)
   শুধু চেহারা বদলায় — কোনো PHP/JS লজিকে হাত দেয় না।
   এই ফাইলটা header.php-তে সবার শেষে লোড হয়, তাই আগের
   CSS-এর উপর "নতুন জামা" হিসেবে বসে।
   Claude, 02-10-2026
   ========================================================== */

/* ---------- ১. ফন্ট: একটাই পরিবার (Hind Siliguri), হালকা WOFF ----------
   400-499 ওজন = Regular ফাইল, 500-800 ওজন = SemiBold ফাইল।
   font-display: swap — ফন্ট আসার আগেই লেখা দেখা যায়, পেজ আটকে থাকে না। */
@font-face {
  font-family: 'BH Sans';
  src: url('../font/bh-hindsiliguri-Regular.woff') format('woff');
  font-weight: 100 499;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BH Sans';
  src: url('../font/bh-hindsiliguri-SemiBold.woff') format('woff');
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- ২. রঙ ও মূল ভেরিয়েবল ---------- */
:root {
  --bh-font: 'BH Sans', system-ui, -apple-system, 'Segoe UI', 'Nirmala UI', Roboto, Arial, sans-serif;

  --bh-primary: #4F46E5;
  --bh-primary-hover: #4338CA;
  --bh-primary-active: #3730A3;
  --bh-primary-soft: #EEF2FF;
  --bh-primary-ring: rgba(79, 70, 229, 0.18);

  --bh-page-bg: #F4F6FB;
  --bh-surface: #FFFFFF;
  --bh-border: #E4E7EC;
  --bh-border-strong: #D0D5DD;
  --bh-text: #1E293B;
  --bh-text-muted: #64748B;

  --bh-sidebar-bg: #0F172A;
  --bh-sidebar-bg-2: #1E293B;
  --bh-sidebar-text: #94A3B8;
  --bh-sidebar-text-hover: #E2E8F0;
  --bh-sidebar-accent: #A5B4FC;

  --bh-radius: 0.5rem;
  --bh-radius-lg: 0.875rem;
  --bh-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --bh-shadow-md: 0 8px 24px rgba(16, 24, 40, 0.08);

  /* Bootstrap-এর নিজের রঙগুলো নতুন রঙে বদলানো — এতে bg-*, text-*, border-* সব আপনা-আপনি বদলায় */
  --bs-primary: #4F46E5;   --bs-primary-rgb: 79, 70, 229;
  --bs-success: #16A34A;   --bs-success-rgb: 22, 163, 74;
  --bs-danger: #DC2626;    --bs-danger-rgb: 220, 38, 38;
  --bs-warning: #F59E0B;   --bs-warning-rgb: 245, 158, 11;
  --bs-info: #0EA5E9;      --bs-info-rgb: 14, 165, 233;
  --bs-secondary: #64748B; --bs-secondary-rgb: 100, 116, 139;
  --bs-dark: #1E293B;      --bs-dark-rgb: 30, 41, 59;
  --bs-light: #F1F5F9;     --bs-light-rgb: 241, 245, 249;

  --bs-body-font-family: var(--bh-font);
  --bs-body-color: #1E293B;
  --bs-body-color-rgb: 30, 41, 59;
  --bs-border-color: #E4E7EC;
  --bs-border-color-translucent: rgba(16, 24, 40, 0.08);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.375rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-link-color: #4F46E5;
  --bs-link-hover-color: #4338CA;
}

/* ---------- ৩. পেজের পটভূমি: পুরনো ছবি বন্ধ, পরিষ্কার রঙ ----------
   background-image: none থাকলে ব্রাউজার ছবিটা ডাউনলোডই করে না — পেজ হালকা হয়। */
html body {
  background-image: none !important;
  background-color: var(--bh-page-bg) !important;
  color: var(--bh-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* লগইন পেজের পেছনের ছবিও বন্ধ */
div[style*="assets/img/bg9.jpg"] {
  background-image: none !important;
  background-color: var(--bh-page-bg) !important;
}

/* "Background Theme" মেনু লুকানো — এখন আর দরকার নেই */
.sidebar-wrapper li:has(> a[href="index.php?PAGE=backgroundtheme"]) {
  display: none !important;
}

/* ---------- ৪. সব জায়গার বাংলা ফন্ট ক্লাস → একটাই ফন্ট ----------
   আগে ৫-৬টা আলাদা বাংলা ফন্ট (প্রতিটা ২০০-৩০০KB) লোড হতো; এখন একটাই। */
.SolaimanLipi, .EkusheyLohit, .HindSiliguri, .AdorshoLipi,
.Alinur, .AlinurItalic, .Mukti, .SiyamRupali, .Kalpurush,
.BenSen, .AponaLohit,
.HindSiliguriMedium, .HindSiliguriSemi, .HindSiliguriBold {
  font-family: var(--bh-font) !important;
}
.HindSiliguriMedium, .HindSiliguriSemi, .HindSiliguriBold { font-weight: 600; }
.AlinurItalic { font-style: italic; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
  color: inherit;
  letter-spacing: -0.01em;
}

/* ---------- ৫. পেজের সাদা সেকশনগুলো (প্রতিটা পেজেই আছে) ---------- */
.bg-opacity-90 { --bs-bg-opacity: 1; }

.container.bg-white,
.container-fluid.bg-white {
  border: 1px solid var(--bh-border);
  border-radius: var(--bh-radius-lg) !important;
  box-shadow: var(--bh-shadow-sm);
}

/* প্রতিটা পেজের টাইটেল বার (ডটেড নীল বর্ডার) → নরম ইন্ডিগো পটি */
div[style*="1px dotted #379be1"] {
  border: 0 !important;
  background-color: var(--bh-primary-soft);
  border-radius: var(--bh-radius) !important;
  font-weight: 600;
}

/* ---------- ৬. কার্ড ---------- */
.card {
  --bs-card-border-color: var(--bh-border);
  --bs-card-border-radius: var(--bh-radius-lg);
  --bs-card-inner-border-radius: calc(var(--bh-radius-lg) - 1px);
  --bs-card-cap-bg: #F8FAFC;
}

/* ---------- ৭. বাটন ---------- */
.btn {
  --bs-btn-border-radius: var(--bh-radius);
  --bs-btn-font-weight: 500;
}
.btn-sm, .btn-group-sm > .btn { --bs-btn-border-radius: 0.375rem; }
.btn-lg, .btn-group-lg > .btn { --bs-btn-border-radius: 0.625rem; }

.btn-primary {
  --bs-btn-color: #fff; --bs-btn-bg: #4F46E5; --bs-btn-border-color: #4F46E5;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #4338CA; --bs-btn-hover-border-color: #4338CA;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #3730A3; --bs-btn-active-border-color: #3730A3;
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #4F46E5; --bs-btn-disabled-border-color: #4F46E5;
  --bs-btn-focus-shadow-rgb: 79, 70, 229;
}
.btn-success {
  --bs-btn-color: #fff; --bs-btn-bg: #16A34A; --bs-btn-border-color: #16A34A;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #15803D; --bs-btn-hover-border-color: #15803D;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #166534; --bs-btn-active-border-color: #166534;
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #16A34A; --bs-btn-disabled-border-color: #16A34A;
  --bs-btn-focus-shadow-rgb: 22, 163, 74;
}
.btn-danger {
  --bs-btn-color: #fff; --bs-btn-bg: #DC2626; --bs-btn-border-color: #DC2626;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #B91C1C; --bs-btn-hover-border-color: #B91C1C;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #991B1B; --bs-btn-active-border-color: #991B1B;
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #DC2626; --bs-btn-disabled-border-color: #DC2626;
  --bs-btn-focus-shadow-rgb: 220, 38, 38;
}
.btn-warning {
  --bs-btn-color: #1E293B; --bs-btn-bg: #F59E0B; --bs-btn-border-color: #F59E0B;
  --bs-btn-hover-color: #1E293B; --bs-btn-hover-bg: #D97706; --bs-btn-hover-border-color: #D97706;
  --bs-btn-active-color: #1E293B; --bs-btn-active-bg: #B45309; --bs-btn-active-border-color: #B45309;
  --bs-btn-disabled-color: #1E293B; --bs-btn-disabled-bg: #F59E0B; --bs-btn-disabled-border-color: #F59E0B;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
}
.btn-info {
  --bs-btn-color: #fff; --bs-btn-bg: #0EA5E9; --bs-btn-border-color: #0EA5E9;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0284C7; --bs-btn-hover-border-color: #0284C7;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #0369A1; --bs-btn-active-border-color: #0369A1;
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0EA5E9; --bs-btn-disabled-border-color: #0EA5E9;
  --bs-btn-focus-shadow-rgb: 14, 165, 233;
}
.btn-secondary {
  --bs-btn-color: #fff; --bs-btn-bg: #64748B; --bs-btn-border-color: #64748B;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #475569; --bs-btn-hover-border-color: #475569;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #334155; --bs-btn-active-border-color: #334155;
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #64748B; --bs-btn-disabled-border-color: #64748B;
  --bs-btn-focus-shadow-rgb: 100, 116, 139;
}
.btn-dark {
  --bs-btn-color: #fff; --bs-btn-bg: #1E293B; --bs-btn-border-color: #1E293B;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #334155; --bs-btn-hover-border-color: #334155;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #0F172A; --bs-btn-active-border-color: #0F172A;
  --bs-btn-focus-shadow-rgb: 30, 41, 59;
}
.btn-outline-primary {
  --bs-btn-color: #4F46E5; --bs-btn-border-color: #4F46E5;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #4F46E5; --bs-btn-hover-border-color: #4F46E5;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #4338CA; --bs-btn-active-border-color: #4338CA;
  --bs-btn-disabled-color: #4F46E5; --bs-btn-disabled-border-color: #4F46E5;
  --bs-btn-focus-shadow-rgb: 79, 70, 229;
}
.btn-outline-success {
  --bs-btn-color: #16A34A; --bs-btn-border-color: #16A34A;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #16A34A; --bs-btn-hover-border-color: #16A34A;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #15803D; --bs-btn-active-border-color: #15803D;
  --bs-btn-focus-shadow-rgb: 22, 163, 74;
}
.btn-outline-danger {
  --bs-btn-color: #DC2626; --bs-btn-border-color: #DC2626;
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #DC2626; --bs-btn-hover-border-color: #DC2626;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #B91C1C; --bs-btn-active-border-color: #B91C1C;
  --bs-btn-focus-shadow-rgb: 220, 38, 38;
}

/* ---------- ৮. ফর্ম (ইনপুট, সিলেক্ট, চেকবক্স) ---------- */
.form-control,
.form-select {
  border-color: var(--bh-border-strong);
  border-radius: var(--bh-radius);
  color: var(--bh-text);
}
.form-control::placeholder { color: #98A2B3; }
.form-control:focus,
.form-select:focus {
  border-color: #818CF8;
  box-shadow: 0 0 0 0.2rem var(--bh-primary-ring);
}
.form-check-input:checked {
  background-color: var(--bh-primary);
  border-color: var(--bh-primary);
}
.form-check-input:focus {
  border-color: #818CF8;
  box-shadow: 0 0 0 0.2rem var(--bh-primary-ring);
}
.input-group-text {
  background-color: #F8FAFC;
  border-color: var(--bh-border-strong);
  color: var(--bh-text-muted);
}

/* Select2 ড্রপডাউন — শুধু রঙ ও কোণা, উচ্চতা অক্ষত */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: var(--bh-border-strong);
  border-radius: var(--bh-radius);
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #818CF8;
}
.select2-dropdown {
  border-color: var(--bh-border-strong);
  border-radius: var(--bh-radius);
  overflow: hidden;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bh-primary);
}

/* তারিখ বাছাই (datepicker) */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
  background-color: var(--bh-primary) !important;
  background-image: none !important;
  border-color: var(--bh-primary) !important;
  color: #fff !important;
}
.datepicker table tr td.today {
  background-color: var(--bh-primary-soft) !important;
  background-image: none !important;
}

/* ---------- ৯. টেবিল ---------- */
.table {
  --bs-table-striped-bg: rgba(15, 23, 42, 0.025);
  --bs-table-hover-bg: rgba(79, 70, 229, 0.05);
  --bs-table-border-color: var(--bh-border);
}
.table > thead th { font-weight: 600; }

/* ---------- ১০. ছোট উপাদান: ব্যাজ, পেজিনেশন, ট্যাব, ড্রপডাউন, মডাল ---------- */
.badge { --bs-badge-border-radius: 0.375rem; --bs-badge-font-weight: 600; }

.pagination {
  --bs-pagination-color: #4F46E5;
  --bs-pagination-hover-color: #4338CA;
  --bs-pagination-focus-color: #4338CA;
  --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.18);
  --bs-pagination-active-bg: #4F46E5;
  --bs-pagination-active-border-color: #4F46E5;
  --bs-pagination-border-color: var(--bh-border);
  --bs-pagination-border-radius: var(--bh-radius);
}

.nav-pills { --bs-nav-pills-link-active-bg: #4F46E5; --bs-nav-pills-border-radius: var(--bh-radius); }
.nav-tabs { --bs-nav-tabs-border-color: var(--bh-border); --bs-nav-tabs-link-active-color: #4F46E5; }

.dropdown-menu {
  --bs-dropdown-border-color: var(--bh-border);
  --bs-dropdown-border-radius: 0.625rem;
  --bs-dropdown-link-active-bg: #4F46E5;
  box-shadow: var(--bh-shadow-md);
}

.list-group { --bs-list-group-active-bg: #4F46E5; --bs-list-group-active-border-color: #4F46E5; }
.progress { --bs-progress-bar-bg: #4F46E5; --bs-progress-border-radius: 999px; }

.modal { --bs-modal-border-radius: 1rem; --bs-modal-border-color: transparent; --bs-modal-inner-border-radius: 1rem; }
.modal-content { box-shadow: 0 20px 48px rgba(16, 24, 40, 0.18); }

/* ---------- ১১. সাইডবার (গাঢ় নেভি, শান্ত) ---------- */
.chiller-theme .sidebar-wrapper { background: var(--bh-sidebar-bg); }

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand > a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer > a {
  color: var(--bh-sidebar-text);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover > a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand > a:hover,
.chiller-theme .sidebar-footer > a:hover i {
  color: var(--bh-sidebar-text-hover);
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus + span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
  color: var(--bh-sidebar-accent);
  text-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
  background: rgba(255, 255, 255, 0.06);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i { border-radius: 0.5rem; }

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span { color: #64748B; }

.chiller-theme .sidebar-footer {
  background: #0B1222;
  box-shadow: none;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* সাইডবারের ভেতরে "সিলেক্টেড" লিংক — গাঢ় পটভূমিতে পড়ার মতো হালকা ইন্ডিগো */
.sidebar-wrapper .text-primary { color: var(--bh-sidebar-accent) !important; }

/* ---------- ১২. স্ক্রলবার ---------- */
::-webkit-scrollbar-thumb { background: #CBD2DE; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active { background: #98A2B3; }
::-webkit-scrollbar-track { box-shadow: none; }

/* ==========================================================
   ধাপ ২ — সাইডবারের নতুন সাজ (Claude, 02-10-2026)
   ========================================================== */

/* লোগো অংশ */
.sidebar-wrapper .sidebar-brand { padding: 16px 18px 14px; }
.sidebar-wrapper .sidebar-brand img { max-height: 56px; object-fit: contain; object-position: left center; }
.chiller-theme .sidebar-wrapper #close-sidebar { color: #64748B; font-size: 18px; }
.page-wrapper.chiller-theme.toggled #close-sidebar:hover { color: #fff; }

/* ইউজারের অংশ */
.sidebar-wrapper .sidebar-header { padding: 14px 18px !important; display: flex; align-items: center; }
.sidebar-wrapper .sidebar-header .user-pic {
  float: none; flex-shrink: 0;
  width: 44px; height: 44px; padding: 0; margin-right: 12px;
  border-radius: 50%; background: rgba(255, 255, 255, 0.08);
}
.sidebar-wrapper .sidebar-header .user-pic img { border-radius: 50%; }
.sidebar-wrapper .sidebar-header .user-info { float: none; min-width: 0; }
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-name {
  color: #F1F5F9; font-weight: 600; font-size: 0.95rem; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sidebar-wrapper .sidebar-header .user-info .user-role { font-size: 12px; }
.sidebar-wrapper .sidebar-header .user-info .user-status { margin-top: 2px; }
.sidebar-wrapper .sidebar-header .user-info .user-status i { color: #22C55E; }

/* মূল মেনু — সব সমান মাপ, গোলাকার পটি */
.sidebar-wrapper .sidebar-menu { padding: 8px 0 12px; }
.sidebar-wrapper .sidebar-menu > ul > li > a {
  display: flex; align-items: center; width: auto;
  margin: 2px 10px; padding: 6px 32px 6px 8px;
  border-radius: var(--bh-radius);
  font-size: 0.875rem; font-weight: 500;
}
.sidebar-wrapper .sidebar-menu > ul > li > a span { font-size: 0.875rem; }
.sidebar-wrapper .sidebar-menu ul li a i {
  flex-shrink: 0; width: 30px; height: 30px; line-height: 30px;
  margin-right: 10px; font-size: 13px;
}
.sidebar-wrapper .sidebar-menu ul li a:hover > i::before { animation: none; }

.chiller-theme .sidebar-wrapper .sidebar-menu > ul > li > a:hover,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a {
  background: rgba(255, 255, 255, 0.05);
  color: #F1F5F9;
}

/* ড্রপডাউনের তীর চিহ্ন */
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  font-size: 11px; top: 50%; margin-top: -8px; right: 14px;
  transition: transform 0.2s ease;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after { right: 14px; }

/* সাব-মেনু — বৃত্ত বাদ, বাম পাশে পাতলা রেখা */
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div { background: transparent; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  margin: 2px 10px 6px 34px; padding: 0 0 0 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding-left: 0; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a {
  display: block; padding: 6px 10px; margin: 1px 0;
  border-radius: var(--bh-radius); font-size: 0.8125rem;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a span { font-size: 0.8125rem; }
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before { display: none; }
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-submenu li a:hover {
  background: rgba(255, 255, 255, 0.05); color: #F1F5F9;
}

/* বর্তমান পেজ — ইন্ডিগো পটি, সাদা লেখা */
.chiller-theme .sidebar-wrapper .sidebar-menu a.text-primary,
.chiller-theme .sidebar-wrapper .sidebar-menu a.text-primary:hover {
  background: var(--bh-primary);
  color: #fff !important;
}
.chiller-theme .sidebar-wrapper .sidebar-menu a.text-primary i {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

/* নিচের Log Out — শান্ত, হোভারে লাল */
.sidebar-wrapper .sidebar-content { height: calc(100% - 44px); max-height: calc(100% - 44px); }
.sidebar-footer > a { height: 44px; line-height: 44px; font-size: 0.875rem; }
.chiller-theme .sidebar-footer > a.text-warning { color: var(--bh-sidebar-text) !important; }
.chiller-theme .sidebar-footer > a.text-warning:hover,
.chiller-theme .sidebar-footer > a.text-warning:hover i { color: #F87171 !important; }

/* সাইডবারের নিজের স্ক্রলবার — গাঢ় পটভূমিতে হালকা */
.sidebar-content::-webkit-scrollbar { width: 4px; }
.sidebar-content::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.14); }

/* মোবাইলে সাইডবার খোলার বাটন */
#show-sidebar.btn {
  --bs-btn-bg: var(--bh-primary); --bs-btn-border-color: var(--bh-primary);
  --bs-btn-hover-bg: var(--bh-primary-hover); --bs-btn-hover-border-color: var(--bh-primary-hover);
  width: 40px; height: 38px; border-radius: 0 10px 10px 0;
  box-shadow: var(--bh-shadow-md);
}

/* ==========================================================
   ধাপ ৩ — ড্যাশবোর্ড (Claude, 02-10-2026)
   ========================================================== */

/* রঙের অর্থ: আয়/লাভ সবুজ, খরচ/পেমেন্ট লাল, ক্রয় হলুদ, নগদ/স্টক ইন্ডিগো */
.bh-text-success { color: #15803D; }
.bh-text-danger  { color: #DC2626; }
.bh-text-warning { color: #B45309; }
.bh-text-primary { color: var(--bh-primary); }
.bh-tone-success { background: #DCFCE7; color: #15803D; }
.bh-tone-danger  { background: #FEE2E2; color: #DC2626; }
.bh-tone-warning { background: #FEF3C7; color: #B45309; }
.bh-tone-primary { background: var(--bh-primary-soft); color: var(--bh-primary); }

/* মেয়াদ শেষের সতর্কবার্তা */
.bh-validity {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: #FFFBEB; border: 1px solid #FDE68A; color: #92400E;
  border-radius: var(--bh-radius-lg); padding: 12px 16px;
}
.bh-validity > i { font-size: 20px; color: #D97706; }
.bh-validity-text { display: flex; flex-direction: column; line-height: 1.35; }
.bh-validity-text strong { font-size: 1rem; }
.bh-validity-text span { font-size: 0.8125rem; }
.bh-validity .btn { margin-left: auto; }

/* সার্চ + শর্টকাট বাটন */
.bh-dash-top { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; padding: 14px 16px; }
.bh-search { flex: 1 1 320px; min-width: 0; }
.bh-quick { display: flex; flex-wrap: wrap; gap: 8px; }
.bh-quick .btn { display: inline-flex; align-items: center; gap: 6px; font-size: 0.875rem; padding: 0.45rem 0.85rem; }
.bh-quick .btn-light { --bs-btn-bg: #fff; --bs-btn-border-color: var(--bh-border-strong); --bs-btn-color: var(--bh-text);
  --bs-btn-hover-bg: #F8FAFC; --bs-btn-hover-border-color: #98A2B3; --bs-btn-hover-color: var(--bh-text); }

/* বড় ৪টা কার্ড */
.bh-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.bh-kpi {
  display: flex; flex-direction: column; gap: 2px;
  background: #fff; border: 1px solid var(--bh-border); border-radius: var(--bh-radius-lg);
  box-shadow: var(--bh-shadow-sm); padding: 14px 16px; color: var(--bh-text); text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
a.bh-kpi:hover { border-color: #C7D2FE; box-shadow: var(--bh-shadow-md); color: var(--bh-text); }
.bh-kpi-icon {
  width: 38px; height: 38px; border-radius: 10px; margin-bottom: 8px;
  display: inline-flex; align-items: center; justify-content: center; font-size: 17px;
}
.bh-kpi-label { font-size: 0.8125rem; color: var(--bh-text-muted); }
.bh-kpi-value { font-size: 1.375rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; }

/* নিচের পাতলা সারি — বাকি ৬টা হিসাব */
.bh-stat-strip {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
  background: #fff; border: 1px solid var(--bh-border); border-radius: var(--bh-radius-lg);
  box-shadow: var(--bh-shadow-sm); margin-top: 12px;
}
.bh-stat {
  display: flex; flex-direction: column; gap: 2px; padding: 12px 14px;
  color: var(--bh-text); text-decoration: none; border-left: 1px solid var(--bh-border);
}
.bh-stat:first-child { border-left: 0; }
a.bh-stat:hover { background: #F8FAFC; color: var(--bh-text); }
.bh-stat-label { font-size: 0.75rem; color: var(--bh-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bh-stat-label i { margin-right: 3px; }
.bh-stat-value { font-size: 1rem; font-weight: 600; }
.bh-stat-value.bh-text-primary { color: var(--bh-text); }

/* টাকার চিহ্ন (লোড হওয়ার সময় দেখায় না) */
.bh-money::before { content: "৳"; margin-right: 1px; }
.bh-money:has(.bh-skeleton)::before { content: none; }

/* লোড হওয়ার সময় নরম ধূসর পটি */
.bh-skeleton {
  display: inline-block; width: 96px; max-width: 100%; height: 0.9em; vertical-align: middle;
  border-radius: 6px; background: linear-gradient(90deg, #EEF0F4 25%, #E2E6EC 50%, #EEF0F4 75%);
  background-size: 200% 100%; animation: bh-shimmer 1.2s ease-in-out infinite;
}
@keyframes bh-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .bh-skeleton { animation: none; } }

/* অনুমতি নেই */
.bh-locked { color: #98A2B3 !important; font-weight: 500; }
.bh-locked i { font-size: 0.75em; }

/* SMS সামারি — এক সারি */
.bh-sms-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; padding: 12px 16px; font-size: 0.875rem; }
.bh-sms-title { font-weight: 600; color: var(--bh-text); }
.bh-sms-title i { color: var(--bh-primary); margin-right: 4px; }
.bh-sms-item { color: var(--bh-text-muted); }
.bh-sms-item b { color: var(--bh-text); font-weight: 600; margin-left: 4px; }
.bh-sms-link { margin-left: auto; color: var(--bh-text-muted); }
.bh-sms-link:hover { color: var(--bh-primary); }

/* চার্ট — শিরোনাম বামে, দাগ ছাড়া */
.PrcsSalesChart > p:first-child,
.PrcsSalesChartAlso > p:first-child,
.SevenDaysSales > p:first-child,
.BestCustChart > p:first-child,
.BestSellingPchart > p:first-child {
  text-align: left !important; border-bottom: 0 !important;
  color: var(--bh-text) !important; font-weight: 600; font-size: 0.95rem !important;
  margin-bottom: 10px !important;
}
.PrcsSalesChart, .PrcsSalesChartAlso, .SevenDaysSales, .BestCustChart, .BestSellingPchart {
  margin-top: 1rem !important; margin-bottom: 1rem !important;
}

/* নিচের "Powered By" */
.bh-powered { font-size: 0.75rem; color: #98A2B3; padding: 4px 0 12px; }
.bh-powered .text-vs-brand { font-size: 0.75rem; }

/* মোবাইল ও ট্যাবলেট */
@media (max-width: 991.98px) {
  .bh-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bh-stat-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bh-stat:nth-child(4) { border-left: 0; }
  .bh-stat:nth-child(n+4) { border-top: 1px solid var(--bh-border); }
}
@media (max-width: 575.98px) {
  .bh-kpi { padding: 12px; }
  .bh-kpi-value { font-size: 1.125rem; }
  .bh-stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bh-stat:nth-child(odd) { border-left: 0; }
  .bh-stat:nth-child(4) { border-left: 1px solid var(--bh-border); }
  .bh-stat:nth-child(n+3) { border-top: 1px solid var(--bh-border); }
  .bh-quick { width: 100%; }
  .bh-quick .btn { flex: 1 1 calc(50% - 8px); justify-content: center; }
}

/* ==========================================================
   ধাপ ৪ — বেশি ব্যবহৃত পেজ (সব পেজে একসাথে প্রযোজ্য)
   শুধু CSS — কোনো PHP পেজ বদলানো হয়নি। Claude, 02-10-2026
   ========================================================== */

/* বড় স্ক্রিনে কাজের জায়গা একটু চওড়া */
@media (min-width: 1400px) {
  .page-content .container { max-width: 1480px; }
}

/* সাজসজ্জার বড় ছবি লুকানো (৪৬টা পেজ) — "Access Denied" ছবি থাকছে, ছোট হয়ে */
img.img-fluid.w-lg-60.opacity-90.rounded-4:not([alt="Access Denied"]) { display: none !important; }
img.img-fluid.w-lg-60.rounded-4[alt="Access Denied"] { max-width: 260px; opacity: 0.6 !important; }

/* টাইটেল বারের আইকন — হোভারে গোল পটি */
div[style*="1px dotted #379be1"] a {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  padding: 4px 8px; border-radius: var(--bh-radius); text-decoration: none;
  transition: background-color 0.15s ease;
}
div[style*="1px dotted #379be1"] a:hover { background-color: rgba(255, 255, 255, 0.85); }

/* ফিল্টার বক্স (৩১টা পেজ) — সবুজ-নীল থেকে হালকা ধূসর */
#FilterOpt.bg-success.bg-opacity-10,
.bg-success.bg-opacity-10.text-primary {
  background-color: #F8FAFC !important;
  border: 1px solid var(--bh-border) !important;
  border-radius: var(--bh-radius-lg) !important;
  color: var(--bh-text-muted) !important;
}
#FilterOpt.bg-success.bg-opacity-10 label,
.bg-success.bg-opacity-10.text-primary label { color: var(--bh-text-muted); font-weight: 500; margin-bottom: 2px; }

/* ডেটা টেবিল (৩০টার বেশি পেজ) — খাড়া দাগ বাদ, পরিষ্কার শিরোনাম */
.table-bordered > :not(caption) > * > * { border-left-width: 0; border-right-width: 0; }
.table-bordered > :not(caption) > * { border-color: var(--bh-border); }
.table > thead > tr:not([class*="bg-"]) > th,
.table > thead > tr:not([class*="bg-"]) > td {
  background-color: #F8FAFC;
  color: #475467;
  font-weight: 600;
  border-bottom: 1px solid var(--bh-border);
}
.table tbody tr:hover > * { --bs-table-accent-bg: rgba(79, 70, 229, 0.05); }

/* মোট-যোগফলের সারি — নরম সবুজ */
.bg-varsoft-light      { background-color: #DCFCE7 !important; color: #14532D; }
.bg-varsoft-extralight { background-color: #F0FDF4 !important; color: #14532D; }

/* Cash Book-এর Opening/Closing সারি — নরম অ্যাম্বার */
tr.bg-warning.bg-opacity-25 { --bs-bg-opacity: 0.12; }

/* টেবিলের সার্চ, "কয়টা দেখাবে" আর পেজ নম্বর */
.dataTables_wrapper input[type="search"],
.dataTables_wrapper select {
  border: 1px solid var(--bh-border-strong);
  border-radius: var(--bh-radius);
  padding: 0.3rem 0.6rem;
  outline: none;
}
.dataTables_wrapper input[type="search"]:focus,
.dataTables_wrapper select:focus { border-color: #818CF8; box-shadow: 0 0 0 0.2rem var(--bh-primary-ring); }
.dataTables_wrapper .dataTables_info { color: var(--bh-text-muted); font-size: 0.8125rem; }
.dataTables_wrapper .pagination { --bs-pagination-padding-x: 0.65rem; }

/* সাফল্য/ত্রুটির বার্তা — নরম বক্স, বামে রঙিন দাগ */
.alert { border-left-width: 4px; border-radius: var(--bh-radius); }
.alert-success { --bs-alert-color: #166534; --bs-alert-bg: #F0FDF4; --bs-alert-border-color: #BBF7D0; border-left-color: #16A34A; }
.alert-danger  { --bs-alert-color: #991B1B; --bs-alert-bg: #FEF2F2; --bs-alert-border-color: #FECACA; border-left-color: #DC2626; }
.alert-warning { --bs-alert-color: #92400E; --bs-alert-bg: #FFFBEB; --bs-alert-border-color: #FDE68A; border-left-color: #F59E0B; }
.alert-info    { --bs-alert-color: #075985; --bs-alert-bg: #F0F9FF; --bs-alert-border-color: #BAE6FD; border-left-color: #0EA5E9; }

/* পপআপ — শিরোনাম ও বাটনের অংশ আলাদা */
.modal-header { border-bottom-color: var(--bh-border); padding: 1rem 1.25rem; }
.modal-title { font-weight: 600; font-size: 1.05rem; }
.modal-footer { border-top-color: var(--bh-border); background-color: #F8FAFC; padding: 0.75rem 1.25rem; }

/* প্রোডাক্ট সার্চের সাজেশন তালিকা */
.autocomplete-items {
  background: #fff; border: 1px solid var(--bh-border); border-radius: var(--bh-radius);
  box-shadow: var(--bh-shadow-md);
}
.autocomplete-items div { background-color: #fff; border: 0; border-bottom: 1px solid #F1F5F9; }
.autocomplete-items div:hover { background-color: var(--bh-primary-soft); }

/* ---------- Add Sales / Add Purchase-এর বিলের বক্স ---------- */
.card > .card-header.bg-opacity-25 {
  background-color: #fff !important;
  color: var(--bh-text) !important;
  border-bottom: 1px solid var(--bh-border);
  font-size: 1rem !important;
}
.card > .card-body.bg-warning.bg-opacity-10,
.card > .card-body.bg-primary.bg-opacity-10 { background-color: #fff !important; }

/* Sub Total / Grand Total-এর লেবেল-বক্স — নিরপেক্ষ */
.table-billing .input-group > .btn-secondary,
.table-billing .input-group > .btn-warning {
  --bs-btn-bg: #F1F5F9; --bs-btn-border-color: var(--bh-border-strong); --bs-btn-color: #475467;
  --bs-btn-hover-bg: #F1F5F9; --bs-btn-hover-border-color: var(--bh-border-strong); --bs-btn-hover-color: #475467;
  --bs-btn-active-bg: #F1F5F9; --bs-btn-active-border-color: var(--bh-border-strong); --bs-btn-active-color: #475467;
  font-weight: 600; cursor: default;
}
.table-billing .form-control.bg-secondary.bg-opacity-10 {
  background-color: #fff !important; border-color: var(--bh-border-strong) !important;
}
/* Grand Total — বড়, মোটা, ইন্ডিগো */
.table-billing .form-control.border-warning {
  background-color: var(--bh-primary-soft) !important;
  border-color: #C7D2FE !important;
  color: var(--bh-primary) !important;
  font-size: 1.25rem; font-weight: 700;
}
.table-billing .form-control.bg-light { background-color: #fff !important; border-color: var(--bh-border-strong) !important; }

/* কার্টের প্রতিটা প্রোডাক্ট */
hr[style*="dashed"] { border-top: 1px solid var(--bh-border) !important; opacity: 1; }
.cartinput, .cartselect, .cartselectl, .cartselectxl {
  border-color: var(--bh-border-strong) !important;
  border-radius: 6px !important;
  outline: none;
}
.cartinput:focus, .cartselect:focus { border-color: #818CF8 !important; box-shadow: 0 0 0 0.15rem var(--bh-primary-ring); }

/* ==========================================================
   ধাপ ৫ — মোবাইল (শুধু ছোট স্ক্রিনে কাজ করে; কম্পিউটারে কিছু বদলায় না)
   Claude, 02-10-2026
   ========================================================== */
@media (max-width: 767.98px) {

  /* ☰ বাটনের জন্য উপরে জায়গা, যাতে টাইটেল বারের উপর না বসে */
  .page-wrapper .page-content { padding-top: 56px; }
  #show-sidebar.btn { top: 8px; }

  /* দুই পাশের অপ্রয়োজনীয় ফাঁকা জায়গা কমানো */
  .page-wrapper .page-content > div { padding: 0 8px 16px !important; }
  .page-content .container { padding-left: 10px; padding-right: 10px; }
  .page-content .container.px-0 { padding-left: 0; padding-right: 0; }

  /* ইনপুটে চাপলে ফোন যেন নিজে নিজে জুম না করে (১৬px-এর কম হলে করে) */
  .form-control, .form-select, textarea, select,
  input[type="text"], input[type="number"], input[type="search"], input[type="tel"],
  input[type="email"], input[type="password"], input[type="date"],
  .cartinput, .cartselect, .cartselectl, .cartselectxl,
  .select2-search__field { font-size: 16px !important; }

  /* টাইটেল বার — গাদাগাদি কমানো */
  div[style*="1px dotted #379be1"] { font-size: 0.875rem; padding-left: 4px !important; padding-right: 4px !important; }
  div[style*="1px dotted #379be1"] .mfs-15,
  div[style*="1px dotted #379be1"] .mfs-16,
  div[style*="1px dotted #379be1"] .mfs-18 { font-size: 0.875rem; }
  div[style*="1px dotted #379be1"] a { padding: 6px; }

  /* আঙুলে চাপার জায়গা বড় — দেখতে একই, শুধু স্পর্শের এলাকা বাড়ে */
  .table td a:has(> i), .table td a:has(> img) { padding: 6px; margin: -6px; }
  .table input[type="checkbox"], .form-check-input { width: 18px; height: 18px; }

  /* পপআপ ফোনে পুরো স্ক্রিন জুড়ে */
  .modal-dialog { margin: 0; max-width: none; min-height: 100%; }
  .modal-dialog-scrollable { height: 100%; }
  .modal-content { min-height: 100vh; border-radius: 0; }
  .modal { --bs-modal-border-radius: 0; --bs-modal-inner-border-radius: 0; }

  /* টেবিলের লেখা ছোট স্ক্রিনে একটু কমপ্যাক্ট */
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length { text-align: left !important; }
  .dataTables_wrapper .dataTables_filter input { width: 100%; margin-left: 0 !important; margin-top: 4px; }
}

/* ==========================================================
   ধাপ ৬ — লগইন পেজ (শুধু CSS; login.php ছোঁয়া হয়নি)
   Claude, 02-10-2026
   ========================================================== */

/* পটভূমি — CSS দিয়ে আঁকা নরম আভা, কোনো ছবি নামে না */
div[style*="assets/img/bg9.jpg"] {
  background:
    radial-gradient(circle at 15% 12%, #E0E7FF 0, rgba(224, 231, 255, 0) 42%),
    radial-gradient(circle at 88% 88%, #DCFCE7 0, rgba(220, 252, 231, 0) 38%),
    var(--bh-page-bg) !important;
}

/* লগইন কার্ড */
div[style*="assets/img/bg9.jpg"] > .col-lg-4 {
  background-color: #fff !important;
  border: 1px solid var(--bh-border);
  border-radius: 1rem !important;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.10);
  padding: 28px 24px 14px !important;
  width: calc(100% - 24px); max-width: 400px;
  flex: 0 0 auto;
}

/* উপরের ধূসর দাগ — আর দরকার নেই */
div[style*="assets/img/bg9.jpg"] p.bg-secondary[style*="height:6px"] { display: none; }

/* লোগো */
div[style*="assets/img/bg9.jpg"] img[alt="Logo"] { width: auto !important; max-width: 200px; max-height: 56px; }

/* দোকানের নাম, নিচে ছোট করে "Log-In" */
div[style*="assets/img/bg9.jpg"] p.mfs-24 { margin-top: 12px !important; line-height: 1.25; }
div[style*="assets/img/bg9.jpg"] p.mfs-24 .Alinur { font-size: 1.25rem; font-weight: 600; color: #3730A3; }
div[style*="assets/img/bg9.jpg"] p.mfs-24 .text-muted { display: none; }
div[style*="assets/img/bg9.jpg"] p.mfs-24 .text-secondary { display: block; font-size: 0.8125rem; color: var(--bh-text-muted) !important; margin-top: 2px; }

/* মোবাইল ও পাসওয়ার্ডের ধাপ — ভেতরের বক্স বাদ, বামে সাজানো */
#FirstUserMobileChk, #SecondUserPassChk {
  border: 0 !important;
  background: transparent !important;
  padding: 10px 0 4px !important;
  margin-top: 8px !important;
  text-align: left !important;
}
#FirstUserMobileChk .text-primary.mfs-13,
#SecondUserPassChk .text-primary.mfs-13 {
  display: block; color: var(--bh-text-muted) !important;
  font-weight: 500; margin-bottom: 4px;
}
#FirstUserMobileChk .form-control, #SecondUserPassChk .form-control, #SecondUserPassChk .form-select {
  text-align: left !important; height: 44px;
}
#SecondUserPassChk #GetLogName { text-align: center; margin-bottom: 8px !important; }
#SecondUserPassChk .password-toggle-icon { top: 50%; transform: translateY(-50%); right: 14px; }

/* বড়, পুরো চওড়া বাটন */
#FirstUserMobileChk .UserMobileChk, #SecondUserPassChk .UserPassChk {
  display: block; width: 100%; padding: 0.65rem 1rem; margin-top: 12px !important;
  font-size: 1rem !important; font-weight: 600;
}

/* নিচের যোগাযোগের তথ্য — হালকা, আলাদা */
div[style*="assets/img/bg9.jpg"] > .col-lg-4 > .text-center:last-child {
  border-top: 1px solid var(--bh-border); margin-top: 16px; padding-top: 12px;
}
div[style*="assets/img/bg9.jpg"] > .col-lg-4 > .text-center:last-child span { color: var(--bh-text-muted) !important; font-weight: 500 !important; }
div[style*="assets/img/bg9.jpg"] > .col-lg-4 > .text-center:last-child .text-primary { color: var(--bh-primary) !important; }

/* ==========================================================
   Plan — বন্ধ ফিচার 🔒 দিয়ে দেখানো (Claude, 03-10-2026)
   ========================================================== */
.sidebar-wrapper .sidebar-menu li.bh-menu-locked > a { opacity: 0.55; }
.sidebar-wrapper .sidebar-menu li.bh-menu-locked > a:hover,
.sidebar-wrapper .sidebar-menu li.bh-menu-locked > a.text-primary { opacity: 1; }
.sidebar-wrapper .sidebar-menu li.bh-menu-locked > a span::after {
  content: "\f023"; font-family: "Font Awesome 6 Free"; font-weight: 900;
  font-size: 10px; margin-left: 6px;
}
a.bh-plan-locked { text-decoration: none; font-size: 0.9rem !important; }
a.bh-plan-locked:hover { color: var(--bh-primary) !important; }