/* ── App Brand Colors ─────────────────────────────────────────────────────
   Primary  : #F5821F  (orange — sampled from app logo)
   Secondary: #6B7280  (steel grey)
   Tertiary : #006096  (blue)
   ───────────────────────────────────────────────────────────────────────── */

:root {
  --vz-primary:            #F5821F;
  --vz-primary-rgb:        245, 130, 31;
  --vz-link-color:         #F5821F;
  --vz-link-hover-color:   #C96A19;
  --app-primary:           #F5821F;
  --app-primary-dark:      #C96A19;
  --app-primary-subtle:    #FFF4EC;
  --app-primary-text:      #C96A19;
}

/* Buttons */
.btn-primary {
  background-color: #F5821F !important;
  border-color:     #F5821F !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #C96A19 !important;
  border-color:     #C96A19 !important;
}
.btn-soft-primary {
  background-color: #FFF4EC !important;
  color:            #C96A19 !important;
  border-color:     transparent !important;
}
.btn-soft-primary:hover {
  background-color: #F5821F !important;
  color:            #fff    !important;
}
.btn-outline-primary {
  color:        #F5821F !important;
  border-color: #F5821F !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
  background-color: #F5821F !important;
  color:            #fff    !important;
}

/* Links */
a { color: #F5821F; }
a:hover { color: #C96A19; }

/* Sidebar active / hover */
.navbar-menu .navbar-nav .nav-link.active,
.navbar-menu .navbar-nav .nav-link:hover,
.navbar-menu .navbar-nav .nav-sm .nav-link.active,
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
  color: #F5821F !important;
}
.navbar-menu .navbar-nav .nav-link.active::before,
.navbar-menu .navbar-nav .nav-sm .nav-link.active::before {
  background-color: #F5821F !important;
}

/* Form focus ring */
.form-control:focus,
.form-select:focus {
  border-color: #F5821F !important;
  box-shadow: 0 0 0 0.15rem rgba(245, 130, 31, 0.20) !important;
}

/* Badges */
.bg-primary          { background-color: #F5821F !important; }
.bg-primary-subtle   { background-color: #FFF4EC !important; }
.text-primary        { color: #F5821F   !important; }

/* DataTables pagination active */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #F5821F !important;
  border-color: #F5821F !important;
  color: #fff !important;
}

/* ── Choices.js ──────────────────────────────────────────────────────────── */
.choices { overflow: visible !important; }

/* Single-select: match form-control height (38px) */
.choices[data-type*=select-one] .choices__inner {
  display: flex !important;
  align-items: center !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 2.5rem 0 0.9rem !important;
}
.choices[data-type*=select-one] .choices__list--single {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Multi-select: same height as form-control */
.choices[data-type*=select-multiple] .choices__inner {
  min-height: 38px !important;
  height: auto !important;
  padding: 2px 0.9rem !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
}
/* Search input inside multi-select — no extra height */
.choices[data-type*=select-multiple] .choices__input,
.choices[data-type*=text] .choices__input {
  margin: 0 !important;
  padding: 0 2px !important;
  background: transparent !important;
  height: 30px !important;
  line-height: 30px !important;
}
.choices[data-type*=select-multiple] .choices__list--multiple {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 3px !important;
}
.choices__list--multiple .choices__item {
  margin: 0 !important;
}

/* Dropdown panel — no side padding, items stay inside the box */
.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded],
.choices[data-type*=select-one] .choices__list--dropdown,
.choices[data-type*=select-multiple] .choices__list--dropdown {
  z-index: 9999 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 0 6px 6px !important;
}
/* Inner list — no negative margins, scrolls inside the panel */
.choices .choices__list--dropdown .choices__list,
.choices .choices__list[aria-expanded] .choices__list,
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list {
  margin: 0 !important;
  padding: 4px 0 !important;
  overflow-y: auto !important;
  max-height: 220px !important;
}
/* Items — no text clip */
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 8px 16px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* Orange focus on inner */
.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #F5821F !important;
  box-shadow: 0 0 0 0.15rem rgba(245,130,31,.20) !important;
}
/* Highlighted item orange */
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #FFF4EC !important;
  color: #C96A19 !important;
}

/* Multi-select pills — orange */
.choices__list--multiple .choices__item {
  background-color: #F5821F !important;
  border-color: #F5821F !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #C96A19 !important;
  border-color: #C96A19 !important;
}
/* Remove (×) button on pills */
.choices__list--multiple .choices__button {
  border-left: 1px solid rgba(255,255,255,.4) !important;
  opacity: 0.7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 21 21'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z'/%3E%3Cpath d='M0 18.364L18.364 0l2.548 2.548L2.548 20.912z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.choices__list--multiple .choices__button:hover { opacity: 1 !important; }

/* ── Black Sidebar & Topbar ─────────────────────────────────── */
#page-topbar,[data-topbar="dark"] #page-topbar{background-color:#000!important;border-bottom:1px solid #1a1a1a!important}
.app-menu.navbar-menu,.app-menu.navbar-menu .navbar-nav .nav-link,.app-menu.navbar-menu .simplebar-content-wrapper{background-color:#000!important}
.navbar-menu .navbar-brand-box{background-color:#000!important;border-bottom:1px solid #1a1a1a!important}
.app-menu .menu-title span{color:#555!important}
[data-sidebar="dark"] .navbar-nav .nav-link{color:#adb5bd!important}
[data-sidebar="dark"] .navbar-nav .nav-link:hover{color:#F5821F!important;background-color:rgba(245,130,31,.12)!important}
[data-sidebar="dark"] .navbar-nav .nav-link.active{color:#F5821F!important;background-color:rgba(245,130,31,.15)!important}
[data-sidebar="dark"] .nav-sm .nav-link{color:#8a8fa3!important}
[data-sidebar="dark"] .nav-sm .nav-link:hover,[data-sidebar="dark"] .nav-sm .nav-link.active{color:#F5821F!important}
[data-sidebar="dark"] .navbar-nav .nav-link[data-bs-toggle="collapse"]::after{color:#555!important}
#vertical-hover{color:#adb5bd!important}
.topnav-hamburger .hamburger-icon span{background-color:#adb5bd!important}
#page-topbar .btn i,#page-topbar .header-item i{color:#adb5bd!important}
#page-topbar .header-item i:hover{color:#fff!important}
#page-topbar .topbar-user .fw-semibold{color:#fff!important}

/*# sourceMappingURL=custom.min.css.map */