/* hind-siliguri-300 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/hind-siliguri-v14-bengali_latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-regular - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/hind-siliguri-v14-bengali_latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-500 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/hind-siliguri-v14-bengali_latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-600 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/hind-siliguri-v14-bengali_latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-700 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/hind-siliguri-v14-bengali_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-bengali-regular - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-bengali-v33-bengali_latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-bengali-500 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-bengali-v33-bengali_latin-500.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-bengali-600 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto-sans-bengali-v33-bengali_latin-600.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-bengali-700 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-bengali-v33-bengali_latin-700.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-bengali-800 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto-sans-bengali-v33-bengali_latin-800.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-bengali-900 - bengali_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto-sans-bengali-v33-bengali_latin-900.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* আপনার কাস্টম ক্লাসগুলো */
.font-hind {
  font-family: "Hind Siliguri", sans-serif !important;
}

.font-num {
  font-family: "Noto Sans Bengali", sans-serif !important;
}

/* ডিফল্ট ফন্ট হিসেবে Hind Siliguri সেট করা */
body {
  font-family: "Hind Siliguri", sans-serif;
  background-color: #f8fafc;
}
/* ৩০০০, ৪০০, ৫০০, ৬০০, ৭০০ ওয়েটগুলোই সাধারণত সব কাজে লাগে */
/* @import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap"); */

.sidebar-item {
  transition: all 0.3s;
  border-radius: 8px;
  margin-bottom: 4px;
  cursor: pointer;
}
/* .sidebar-item:hover,
.sidebar-item.active {
  background-color: #2563eb;
  color: white;
} */
#sidebar::-webkit-scrollbar {
  width: 5px;
}
#sidebar::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#sidebar::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}
#sidebar::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.glass-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media print {
  .no-print,
  .sidebar,
  button,
  .filter-container {
    display: none !important;
  }
  .page {
    margin: 0;
    padding: 0;
  }
  #printableArea {
    width: 100%;
  }
  table {
    border: 1px solid #eee;
  }
}

/* ট্যাগ বা চিপসের স্টাইল */
.tag {
  display: inline-flex; /* inline-flex এবং align-items ব্যবহার করে মিডল করা */
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgb(37, 99, 235, 0.8) !important;
  color: white !important;
  padding: 6px 12px; /* প্যাডিং ঠিক করা হয়েছে */
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1; /* লাইন হাইট ১ দিলে লেখা ঠিক মাঝখানে থাকে */
  /* animation: fadeIn 0.15s ease; */
}
.tag i {
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
}

#maintTable {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* user menu css */
/* ড্রপডাউন কন্ট্রোল */
#user-toggle {
  display: none;
}
#userDropdown {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
#user-toggle:checked ~ #userDropdown {
  max-height: 200px;
  margin-top: 4px;
}
#user-toggle:checked ~ label #userArrow {
  transform: rotate(90deg);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* প্রিমিয়াম স্ক্রলবার স্টাইল */
.notice-scroll-container::-webkit-scrollbar {
  width: 5px;
}
.notice-scroll-container::-webkit-scrollbar-track {
  background: transparent;
}
.notice-scroll-container::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 10px;
}
.notice-scroll-container::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}
.notice-scroll-container {
  scroll-behavior: smooth;
}

/* calender design start*/
.flatpickr-calendar {
  border-radius: 15px !important;
  border: 1px solid #3b82f6 !important;
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.15) !important;
  font-family: "Hind Siliguri", sans-serif !important;
}

/* মাসের নাম ও বছর */
.flatpickr-current-month {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}

/* দিনের নাম (শনি, রবি...) */
.flatpickr-weekday {
  color: #3b82f6 !important;
  font-weight: bold !important;
}

/* তারিখের সেলগুলো */
.flatpickr-day {
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans Bengali", sans-serif !important;
}

/* সিলেক্ট করা তারিখ (আপনার সাইটের নীল কালার) */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: white !important;
}

/* রেঞ্জ সিলেক্ট করার সময় মাঝখানের দিনের স্টাইল */
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
  background: #eff6ff !important;
  border-color: transparent !important;
  box-shadow:
    -5px 0 0 #eff6ff,
    5px 0 0 #eff6ff !important;
}

/* সালটি লুকানো থাকলে সেটি ফিরিয়ে আনা */
.numInputWrapper .cur-year {
  font-family: "Noto Sans Bengali", sans-serif !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 60px !important; /* সালের জন্য পর্যাপ্ত জায়গা */
}

#globalDateRange {
  font-family: "Noto Sans Bengali", sans-serif !important;
  letter-spacing: 0.5px;
  text-align: center;
}

.flatpickr-calendar.rangeMode {
  width: 320px !important; /* পিসিতে সুন্দর সাইজ */
}

.flatpickr-current-month .numInputWrapper {
  width: 65px !important; /* ইনপুট র‍্যাপারের সাইজ বাড়ানো */
  display: inline-block !important;
}

/* অ্যারো বাটনগুলো (উপরে-নিচে) চাইলে লুকাতে পারেন সুন্দর দেখানোর জন্য */
.flatpickr-current-month .numInputWrapper span {
  display: none;
}
.flatpickr-current-month .numInputWrapper input.cur-year {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}
/* calender design end */

/* chating box ---------------------- */
#chatBox::-webkit-scrollbar {
  width: 4px;
}
#chatBox::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}
.message-bubble {
  max-width: 85%;
  position: relative;
}
.new-msg-animate {
  animation: popIn 0.2s ease-out forwards;
}
@keyframes popIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(5px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* নতুন বার্তা ডিভাইডার স্টাইল */
.unread-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 25px 0;
  width: 100%;
}
.unread-divider::before,
.unread-divider::after {
  content: "";
  flex: 1;
  border-bottom: 2px solid #fee2e2;
}
.unread-divider span {
  background: #fee2e2;
  color: #ef4444;
  font-size: 10px;
  font-weight: 800;
  padding: 4px 15px;
  border-radius: 50px;
  margin: 0 10px;
  border: 1px solid #fca5a5;
  text-transform: uppercase;
  letter-spacing: 1px;
}