/* =====================================================================
   Biswas Agro Industries - Mill ERP UI Stylesheet
   Mobile-friendly, Bengali font support & high contrast desk ergonomics
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
  font-family: 'Inter', 'Hind Siliguri', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

/* Allow text selection in inputs and tables */
input, select, textarea, table, pre, code {
  user-select: text;
}

/* Nav Tab Active State */
.nav-tab {
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease-in-out;
}

.nav-tab:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}

.nav-tab.active-tab {
  color: #FBBF24; /* Amber-400 */
  border-bottom-color: #FBBF24;
  background-color: rgba(0, 0, 0, 0.2);
  font-weight: 700;
}

/* Hide scrollbars for slick navigation */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Inputs styling */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #8B0000 !important;
  box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.2) !important;
}

/* Modal animation */
.modal-backdrop {
  transition: opacity 0.25s ease;
}

/* High contrast numbers for mill operators */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* Custom scrollbars for tables */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Print styling */
@media print {
  header, nav, .md\:hidden, button, .modal-backdrop, #syncBadge {
    display: none !important;
  }
  body {
    background: #FFFFFF !important;
    color: #000000 !important;
    padding: 0 !important;
  }
  main {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .tab-pane {
    display: none !important;
  }
  #tab-pnl {
    display: block !important;
  }
  .shadow-sm, .shadow-md, .shadow-lg, .shadow-2xl {
    box-shadow: none !important;
    border: 1px solid #D1D5DB !important;
  }
}