.admin-layout {
  width: 100%;
  height: 100dvh;
  display: grid;
  grid-template-areas:
    "header header"
    "navbar main"
    "navbar main";
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  padding: 2.5rem;
  column-gap: 2rem;
  row-gap: 3.5rem;
}

.admin-layout .admin-navbar {
  grid-area: navbar;
  width: 25rem;
}
.choices__item--selectable {
  color: #fff !important;
  opacity: 1 !important;
}
.choices .choices__inner {
  background-color: #292929 !important;
  color: #fff !important;
  border-radius: 10rem !important;
}
/* Default dark style for Choices dropdowns on this page is handled by modals.css.
   Keep page-specific overrides scoped. */

/* Exclusive orange theme for the B2B clients select */
#b2b-client-select .choices .choices__inner {
  background-color: #5e3725 !important;
  color: #fff !important;
}
#b2b-client-select .choices__list--dropdown,
#b2b-client-select .choices__list[aria-expanded],
#b2b-client-select .choices[data-type*=select-one] .choices__input {
  background-color: #5e3725 !important;
  color: #fff !important;
}

/* Delivery days multiselect: match modal inputs without inheriting the
   auto-height grid row as a zero-height percentage. */
.admin-modal [data-delivery-days] .choices__inner {
  padding: 0 !important;
}
/* The B2B modal form uses implicit grid rows, so `height: 100%` resolves
   against an indefinite track on desktop and collapses the control. */
.admin-modal .bowl-form__field.is--delivery-days {
  height: auto !important;
}
.admin-modal [data-delivery-days] .choices {
  padding: 0 !important;
  height: auto !important;
}
.admin-modal [data-delivery-days] .choices__inner {
  height: auto !important;
  min-height: 5.4rem !important;
}
.admin-modal [data-delivery-days] .choices__list--multiple {
  padding: 0 !important;
}

/* Hide the search input only for Delivery Days multiselect */
.admin-modal [data-delivery-days] .choices__input,
.admin-modal [data-delivery-days] .choices__input--cloned {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Visual placeholder for Delivery Days (non-selectable) */
.admin-modal [data-delivery-days] .custom-select--multiple-placeholder {
  position: absolute;
  left: 2.5rem;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff79;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
  pointer-events: none;
}
@media (orientation: portrait) {
  .admin-layout {
    height: auto;
    height: 100vh;
    display: grid;
    grid-template-areas:
      "header"
      "main";
     grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    padding: 1.5rem;
    column-gap: 0rem;
    row-gap: 2rem;
    overflow: hidden;
  }
}