/* Fix for HugeIcons in navigation to inherit proper colors */
.nav-icon svg,
.nav-icon svg path,
.nav-icon svg *,
[data-v-*] svg,
[data-v-*] svg path,
[data-v-*] svg * {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}
/* More specific targeting for Vue components */
.sidebar .nav-icon svg,
.sidebar .nav-icon svg path {
  stroke: #000000 !important;
  fill: none !important;
  color: #000000 !important;
}
/* Force color inheritance on all SVG elements */
.nav-icon > div svg,
.nav-icon > div svg path,
.nav-icon > div svg * {
  stroke: #000000 !important;
  fill: none !important;
  color: #000000 !important;
}
/* Override active state to keep black color */
.nav-link.active .nav-icon svg,
.nav-link.active .nav-icon svg path,
.nav-link.active .nav-icon > div svg,
.nav-link.active .nav-icon > div svg path {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}
/* Override hover state to keep black color */
.nav-link:hover .nav-icon svg,
.nav-link:hover .nav-icon svg path,
.nav-link:hover .nav-icon > div svg,
.nav-link:hover .nav-icon > div svg path {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}
* {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/* Global Typography */
body {
  font-size: 0.875rem;
  font-weight: 400;
  color: #374151;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #1a1a2e;
  line-height: 1.3;
}
h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }
small, .text-sm {
  font-size: 0.8125rem;
}
.text-xs {
  font-size: 0.75rem;
}
.text-muted,
.text-secondary {
  color: #6b7280 !important;
}
/* Font weight utilities */
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
/* Table Typography */
.table--header {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7280;
}
table thead th {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7280;
}
table tbody td {
  font-size: 0.875rem;
  color: #374151;
  vertical-align: middle;
}
/* Section Labels (uppercase category headers) */
.section-label {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
}
.cursor-pointer {
  cursor: pointer;
}
.search__icon {
  position: absolute;
  top: 10px;
  left: 18px;
  width: 18px;
  height: 18px;
  color: gray;
 }
.search__input {
   padding-left: 34px !important;
 }
.-mt-3 {
  margin-top: -6px;
}
.Vue-Toastification__toast--error {
  background-color: #ca4040 !important;
  color: #fff;
}
.bg-disabled {
  background-color: rgb(238, 238, 238);
}
.bg-retired {
  background-color: #000000;
}
.bg-not-started {
  background-color: #FEF0C7;
}
.bg-staged {
  background-color: #717BBC;
}
.bg-assign {
  background-color: #8E44AD;
}
.bg-picked-up {
  background-color: #FDB022;
}
.bg-delivered {
  background-color: #F79009;
}
.bg-checkout {
  background-color: #FDB022;
}
.bg-returned {
  background-color: #53B1FD;
}
.bg-inspected {
  background-color: #079455;
}
.bg-lnd {
  background-color: #B42318;
}