/* /Pages/Accounting/Account.razor.rz.scp.css */
.grid-wrapper[b-fbazo5utml] {
  max-width: var(--component-max-width);
}
/* /Pages/Cache/Components/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-yp7ujitb63] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-yp7ujitb63] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-yp7ujitb63] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-yp7ujitb63],
.price[b-yp7ujitb63],
.pricetotal[b-yp7ujitb63] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-yp7ujitb63],
.pricetotal[b-yp7ujitb63],
.type[b-yp7ujitb63] {
  width: 8em;
}

th[b-yp7ujitb63],
td[b-yp7ujitb63] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-yp7ujitb63],
td:first-child[b-yp7ujitb63] {
  padding-left: 0;
}
th:last-child[b-yp7ujitb63],
td:last-child[b-yp7ujitb63] {
  padding-right: 0;
}

th[b-yp7ujitb63] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-yp7ujitb63] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-yp7ujitb63] {
  text-align: right;
}

td[b-yp7ujitb63] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-yp7ujitb63] {
  width: 60%;
}
.product button[b-yp7ujitb63] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-yp7ujitb63] {
  background-color: var(--color-hover-background);
}

.actions[b-yp7ujitb63] {
  width: 9rem;
}

.quantity[b-yp7ujitb63] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-yp7ujitb63] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-yp7ujitb63] {
  display: inline-flex;
}

.action-button[b-yp7ujitb63] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-yp7ujitb63] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-yp7ujitb63] {
  background-color: var(--color-hover-background);
}

.note[b-yp7ujitb63] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-yp7ujitb63] {
  border-top: 0;
}
.note td[b-yp7ujitb63] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-yp7ujitb63] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

[b-yp7ujitb63] .sf-grid {
  margin-bottom: 1rem;
}
[b-yp7ujitb63] .supplier-column .e-input-group {
  display: flex;
  align-items: center;
  height: 2.375rem;
  padding-left: 0.5rem;
}
/* /Pages/Cache/List.razor.rz.scp.css */
.list-wrapper[b-16urfz9sce] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-16urfz9sce] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-16urfz9sce] {
  display: flex;
}

.grid-wrapper[b-16urfz9sce] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-16urfz9sce] {
  line-height: 1rem;
}

.nav-link[b-16urfz9sce] {
  padding: 0.3rem 1rem;
}
/* /Pages/Cockpit/Components/Card/Card.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.card-container[b-3ptl1pnw1d] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.card-container[b-3ptl1pnw1d] {
  background: var(--color-card-background);
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  /*column-gap: $lg;*/
  width: 220px;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
}
.card-container.selected[b-3ptl1pnw1d] {
  background: var(--color-card-background-hover-default);
}

.neutral[b-3ptl1pnw1d] {
  color: var(--color-card-foreground);
}

.negative[b-3ptl1pnw1d] {
  color: var(--color-error);
}

.positive[b-3ptl1pnw1d] {
  color: var(--color-okay);
}

[b-3ptl1pnw1d] .card-image {
  color: var(--color-card-foreground);
}
[b-3ptl1pnw1d] .card-image svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.card-content[b-3ptl1pnw1d] {
  width: 85%;
  color: var(--color-card-foreground);
}
.card-content .card-heading[b-3ptl1pnw1d] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .card-content .card-heading[b-3ptl1pnw1d] {
    width: auto;
  }
}
.card-content .card-value[b-3ptl1pnw1d] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 1200px) {
  .card-content .card-value[b-3ptl1pnw1d] {
    width: auto;
  }
}
.card-content .card-value-previous[b-3ptl1pnw1d] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  font-size: 1rem;
  font-style: italic;
}
@media (min-width: 1200px) {
  .card-content .card-value-previous[b-3ptl1pnw1d] {
    width: auto;
  }
}
.card-content .card-text[b-3ptl1pnw1d] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .card-content .card-text[b-3ptl1pnw1d] {
    width: auto;
  }
}
/* /Pages/Cockpit/Components/Diagram/BarChartPeriodInventory.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* /Pages/Cockpit/Components/Diagram/BarChartPeriodSales.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* /Pages/Cockpit/Components/Export/ExportGrid.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.grid-container[b-va9lvoybzf] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.grid-container[b-va9lvoybzf] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
}
/* /Pages/Cockpit/Components/Grid/ProductInventory.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-ag289eks8n] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-ag289eks8n] {
    --header-height: 3.5rem;
  }
}
:root[b-ag289eks8n] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-ag289eks8n] {
    --page-padding: 2rem;
  }
}
:root[b-ag289eks8n] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-ag289eks8n] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-ag289eks8n] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-ag289eks8n] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-ag289eks8n] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-ag289eks8n] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-ag289eks8n] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-ag289eks8n] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-ag289eks8n] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-ag289eks8n] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-ag289eks8n] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-ag289eks8n] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-ag289eks8n],
.menu-collapsed ~ .main[b-ag289eks8n] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-ag289eks8n] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-ag289eks8n] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-ag289eks8n] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-ag289eks8n] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-ag289eks8n],
.price[b-ag289eks8n],
.pricetotal[b-ag289eks8n] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-ag289eks8n],
.pricetotal[b-ag289eks8n],
.type[b-ag289eks8n] {
  width: 8em;
}

th[b-ag289eks8n],
td[b-ag289eks8n] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-ag289eks8n],
td:first-child[b-ag289eks8n] {
  padding-left: 0;
}
th:last-child[b-ag289eks8n],
td:last-child[b-ag289eks8n] {
  padding-right: 0;
}

th[b-ag289eks8n] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-ag289eks8n] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-ag289eks8n] {
  text-align: right;
}

td[b-ag289eks8n] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-ag289eks8n] {
  width: 60%;
}
.product button[b-ag289eks8n] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-ag289eks8n] {
  background-color: var(--color-hover-background);
}

.actions[b-ag289eks8n] {
  width: 9rem;
}

.quantity[b-ag289eks8n] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-ag289eks8n] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-ag289eks8n] {
  display: inline-flex;
}

.action-button[b-ag289eks8n] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-ag289eks8n] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-ag289eks8n] {
  background-color: var(--color-hover-background);
}

.note[b-ag289eks8n] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-ag289eks8n] {
  border-top: 0;
}
.note td[b-ag289eks8n] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-ag289eks8n] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.content-wrapper[b-ag289eks8n] {
  padding-right: 2em;
}

.filter-wrapper[b-ag289eks8n] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-ag289eks8n] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-ag289eks8n] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-ag289eks8n] {
  color: var(--color-primary);
}

[b-ag289eks8n] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Cockpit/Components/Grid/ProductSales.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-elebombldj] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-elebombldj] {
    --header-height: 3.5rem;
  }
}
:root[b-elebombldj] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-elebombldj] {
    --page-padding: 2rem;
  }
}
:root[b-elebombldj] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-elebombldj] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-elebombldj] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-elebombldj] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-elebombldj] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-elebombldj] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-elebombldj] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-elebombldj] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-elebombldj] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-elebombldj] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-elebombldj] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-elebombldj] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-elebombldj],
.menu-collapsed ~ .main[b-elebombldj] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-elebombldj] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-elebombldj] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-elebombldj] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-elebombldj] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-elebombldj],
.price[b-elebombldj],
.pricetotal[b-elebombldj] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-elebombldj],
.pricetotal[b-elebombldj],
.type[b-elebombldj] {
  width: 8em;
}

th[b-elebombldj],
td[b-elebombldj] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-elebombldj],
td:first-child[b-elebombldj] {
  padding-left: 0;
}
th:last-child[b-elebombldj],
td:last-child[b-elebombldj] {
  padding-right: 0;
}

th[b-elebombldj] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-elebombldj] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-elebombldj] {
  text-align: right;
}

td[b-elebombldj] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-elebombldj] {
  width: 60%;
}
.product button[b-elebombldj] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-elebombldj] {
  background-color: var(--color-hover-background);
}

.actions[b-elebombldj] {
  width: 9rem;
}

.quantity[b-elebombldj] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-elebombldj] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-elebombldj] {
  display: inline-flex;
}

.action-button[b-elebombldj] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-elebombldj] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-elebombldj] {
  background-color: var(--color-hover-background);
}

.note[b-elebombldj] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-elebombldj] {
  border-top: 0;
}
.note td[b-elebombldj] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-elebombldj] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.content-wrapper[b-elebombldj] {
  padding-right: 2em;
}

.filter-wrapper[b-elebombldj] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-elebombldj] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-elebombldj] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-elebombldj] {
  color: var(--color-primary);
}

[b-elebombldj] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Cockpit/Components/Picker/TimePicker.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.timeheader[b-tf0ij0e4b3] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.timeheader[b-tf0ij0e4b3] {
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.timheader-area.element[b-tf0ij0e4b3] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /*width: 100%;*/
}
@media (min-width: 1200px) {
  .timheader-area.element[b-tf0ij0e4b3] {
    width: auto;
  }
}
/* /Pages/Cockpit/Components/Statistics/Top5.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item[b-i29iuspy4f] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.chart-item[b-i29iuspy4f] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  /*margin-bottom: 2em;*/
}
/* /Pages/Cockpit/Components/TurnOver/InventoryOverview.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item[b-fqfy5y06e5] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.chart-item[b-fqfy5y06e5] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
}
.chart-item.scale-selector[b-fqfy5y06e5] {
  background: var(--color-white);
  align-items: flex-end;
  /* width: auto; */
  flex-wrap: wrap;
  flex-direction: column;
}
/* /Pages/Cockpit/Components/TurnOver/ScaleSelector.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item[b-msgn8d3wzy] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.chart-item[b-msgn8d3wzy] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
}
.chart-item.scale-selector[b-msgn8d3wzy] {
  background: var(--color-white);
  align-items: flex-end;
  width: auto;
  flex-wrap: wrap;
}
/* /Pages/Cockpit/Components/TurnOver/TurnOverOverview.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item[b-9eao3gwfg3] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.chart-item[b-9eao3gwfg3] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
}
.chart-item.scale-selector[b-9eao3gwfg3] {
  background: var(--color-white);
  align-items: flex-end;
  /* width: auto; */
  flex-wrap: wrap;
  flex-direction: column;
}
/* /Pages/Cockpit/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item-right[b-6g5gccwc3y], .chart-item-left[b-6g5gccwc3y], .chart-item-full[b-6g5gccwc3y], .header[b-6g5gccwc3y] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.btn-padding[b-6g5gccwc3y] {
  margin-bottom: 1em;
}

.content[b-6g5gccwc3y],
.sidebar-right[b-6g5gccwc3y] {
  margin-top: var(--ordersHeaderHeight);
}

.stat-main[b-6g5gccwc3y] {
  padding-top: 2em;
  padding-right: 2em;
  margin-bottom: 2em;
}

.stat-container[b-6g5gccwc3y], .chart-container[b-6g5gccwc3y] {
  flex-wrap: wrap;
  display: flex;
  /*align-items: center;*/
  row-gap: 1rem;
  column-gap: 1em;
  width: 100%;
}

.header[b-6g5gccwc3y] {
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.chart-item-full[b-6g5gccwc3y] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
}

.chart-item-left[b-6g5gccwc3y] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 78.7%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
}

.chart-item-right[b-6g5gccwc3y] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 20%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
}

.header-area.element[b-6g5gccwc3y] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /*width: 100%;*/
}
@media (min-width: 1200px) {
  .header-area.element[b-6g5gccwc3y] {
    width: auto;
  }
}

.header .date-picker-container[b-6g5gccwc3y] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.prev[b-6g5gccwc3y],
.next[b-6g5gccwc3y] {
  width: 2.5rem;
  flex-shrink: 0;
  background: var(--color-card-background);
  border-color: transparent;
}

.prev[b-6g5gccwc3y] {
  border-radius: 4px 0 0 4px;
}

.next[b-6g5gccwc3y] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-6g5gccwc3y],
.next-icon[b-6g5gccwc3y] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-6g5gccwc3y] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-6g5gccwc3y] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-6g5gccwc3y] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-6g5gccwc3y] .date-picker .e-input-group-icon {
  display: none;
}
[b-6g5gccwc3y] .date-picker .e-control {
  text-align: center;
}

.main[b-6g5gccwc3y] {
  width: 100%;
  padding: 1.5rem 0 1.5rem 1.5rem;
}

.add-order-button[b-6g5gccwc3y] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.add-order-button[b-6g5gccwc3y]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: center/contain no-repeat url("/images/icons/plus-white.svg");
  margin-right: 0.25rem;
}

.search-form[b-6g5gccwc3y] {
  background: var(--color-card-background);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}

.search-input[b-6g5gccwc3y] {
  border-color: transparent;
}

.search-submit[b-6g5gccwc3y] {
  padding: 5px 0.5rem 0;
}

.submit-icon[b-6g5gccwc3y] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/search.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.time-buttons[b-6g5gccwc3y] {
  display: inline-flex;
  gap: 1rem;
}
.time-buttons .btn[b-6g5gccwc3y] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.time-buttons .btn.active[b-6g5gccwc3y] {
  background: var(--color-primary);
}

[b-6g5gccwc3y] #TimeSlot-draft,
[b-6g5gccwc3y] #TimeSlot-draft ~ *:not(.dropzone) {
  display: none;
}
[b-6g5gccwc3y] #TimeSlot-draft + .dropzone {
  background: var(--color-card-background);
  position: fixed;
  top: calc(var(--header-height) + var(--orders-header-height));
  left: var(--sidebar-width);
  width: 100%;
  padding: 0 18px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border: none;
}
[b-6g5gccwc3y] #TimeSlot-draft + .dropzone .draggable {
  margin: -13px -2.5rem;
  transform: scale(0.65);
}
/* /Pages/Compliance/Journal/Journal.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.journal-cards-row[b-18fp3rdyw7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .journal-cards-row[b-18fp3rdyw7] {
    grid-template-columns: 1fr;
  }
}

.journal-card[b-18fp3rdyw7] {
  border: 1px solid var(--color-border-medium);
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--color-card-background);
}

.journal-card-header[b-18fp3rdyw7] {
  padding: 0.75rem 1rem;
  background-color: var(--color-nav-background);
  border-bottom: 1px solid var(--color-border-medium);
}
.journal-card-header h3[b-18fp3rdyw7] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-headings);
}

.journal-card-body[b-18fp3rdyw7] {
  padding: 1rem;
}

.journal-card-description[b-18fp3rdyw7] {
  font-size: 0.85rem;
  color: var(--color-text-dimmed);
  margin: 0 0 0.75rem 0;
}

.verify-result[b-18fp3rdyw7] {
  margin-top: 0.75rem;
}
.verify-result .badge[b-18fp3rdyw7] {
  font-size: 0.875rem;
  padding: 0.35em 0.65em;
}

.chain-coverage-note[b-18fp3rdyw7] {
  margin: 0.5rem 0 0 0;
  font-size: 0.8rem;
  color: var(--color-text-dimmed);
}

.chain-coverage-disclosure[b-18fp3rdyw7] {
  margin: 0.25rem 0 0 0;
  font-size: 0.8rem;
  color: var(--color-text-dimmed);
  font-style: italic;
}

.badge-success[b-18fp3rdyw7] {
  background-color: #198754;
  color: #fff;
  border-radius: 4px;
}

.badge-danger[b-18fp3rdyw7] {
  background-color: #dc3545;
  color: #fff;
  border-radius: 4px;
}

.saft-date-range[b-18fp3rdyw7] {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.saft-date-field[b-18fp3rdyw7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 220px;
}
.saft-date-field label[b-18fp3rdyw7] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-body-text);
}

.saft-spinner-overlay[b-18fp3rdyw7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

.journal-summary-bar[b-18fp3rdyw7] {
  display: flex;
  gap: 2rem;
  padding: 0.6rem 1rem;
  background-color: var(--color-nav-background);
  border: 1px solid var(--color-border-medium);
  border-radius: 4px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--color-body-text);
}
.journal-summary-bar strong[b-18fp3rdyw7] {
  font-weight: 600;
}

.journal-grid-wrapper[b-18fp3rdyw7] {
  margin-bottom: 2rem;
}

.journal-empty-state[b-18fp3rdyw7] {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--color-text-dimmed);
  border: 1px dashed var(--color-border-medium);
  border-radius: 6px;
  margin-bottom: 2rem;
}
.journal-empty-state p[b-18fp3rdyw7] {
  margin: 0;
  font-size: 1rem;
}

.badge-warning[b-18fp3rdyw7] {
  background-color: #ffc107;
  color: #212529;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}

.row-muted[b-18fp3rdyw7] {
  opacity: 0.65;
}
/* /Pages/Compliance/Reconciliation/Reconciliation.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.reconciliation-toolbar[b-33dyc5fbps] {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.reconciliation-date-range[b-33dyc5fbps] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.reconciliation-date-range label[b-33dyc5fbps] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-body-text);
}

.reconciliation-grid-wrapper[b-33dyc5fbps] {
  margin-bottom: 2rem;
}

.badge-reconciled[b-33dyc5fbps] {
  background-color: #198754;
  color: #fff;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}

.badge-discrepancy[b-33dyc5fbps] {
  background-color: #dc3545;
  color: #fff;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}

.discrepancy-amount[b-33dyc5fbps] {
  color: #dc3545;
  font-weight: 600;
}

.reconciliation-empty-state[b-33dyc5fbps] {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--color-text-dimmed);
  border: 1px dashed var(--color-border-medium);
  border-radius: 6px;
  margin-bottom: 2rem;
}
.reconciliation-empty-state p[b-33dyc5fbps] {
  margin: 0;
  font-size: 1rem;
}

.reconciliation-detail-panel[b-33dyc5fbps] {
  border: 1px solid var(--color-border-medium);
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 2rem;
  background-color: var(--color-card-background);
}
.reconciliation-detail-panel h3[b-33dyc5fbps] {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-headings);
}

.reconciliation-detail-json[b-33dyc5fbps] {
  background-color: var(--color-input-background);
  border: 1px solid var(--color-border-medium);
  border-radius: 4px;
  padding: 0.75rem;
  font-size: 0.85rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 400px;
  overflow-y: auto;
  color: var(--color-body-text);
}
/* /Pages/Compliance/Reports/Components/XReportPanel.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.xreport-panel[b-kxyp6xltu4] {
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px dashed var(--color-border-medium);
  border-radius: 4px;
  background-color: var(--color-card-background);
}

.xreport-banner[b-kxyp6xltu4] {
  padding: 0.5rem 0.75rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  background-color: rgba(255, 193, 7, 0.15);
  color: #e6a700;
  font-size: 0.875rem;
  font-weight: 500;
}

.xreport-summary-card[b-kxyp6xltu4] {
  max-width: 500px;
  margin-bottom: 1rem;
}

.summary-row[b-kxyp6xltu4] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--color-border-medium);
}
.summary-row:last-child[b-kxyp6xltu4] {
  border-bottom: none;
}

.summary-label[b-kxyp6xltu4] {
  font-weight: 500;
  color: var(--color-text-dimmed);
}

.summary-value[b-kxyp6xltu4] {
  font-weight: 400;
  color: var(--color-body-text);
}

.summary-total[b-kxyp6xltu4] {
  font-weight: 700;
  font-size: 1.05rem;
}

.payment-method-section h4[b-kxyp6xltu4] {
  margin-bottom: 0.5rem;
  color: var(--color-headings);
}

.payment-method-table[b-kxyp6xltu4] {
  border-collapse: collapse;
  max-width: 400px;
  width: 100%;
}
.payment-method-table th[b-kxyp6xltu4],
.payment-method-table td[b-kxyp6xltu4] {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-border-medium);
  text-align: left;
  color: var(--color-body-text);
}
.payment-method-table th[b-kxyp6xltu4] {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--color-headings);
}
.payment-method-table .amount-column[b-kxyp6xltu4] {
  text-align: right;
}
/* /Pages/Compliance/Reports/ZReportDetail.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.detail-top-nav[b-1ag37f2elu] {
  margin-bottom: 1rem;
}

.report-summary-card[b-1ag37f2elu] {
  border: 1px solid var(--color-border-medium);
  border-radius: 4px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  max-width: 500px;
  background-color: var(--color-card-background);
}

.summary-row[b-1ag37f2elu] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--color-border-medium);
}
.summary-row:last-child[b-1ag37f2elu] {
  border-bottom: none;
}

.summary-label[b-1ag37f2elu] {
  font-weight: 500;
  color: var(--color-text-dimmed);
}

.summary-value[b-1ag37f2elu] {
  font-weight: 400;
}

.summary-total[b-1ag37f2elu] {
  font-weight: 700;
  font-size: 1.05rem;
}

.payment-method-section[b-1ag37f2elu] {
  margin-bottom: 1.5rem;
}
.payment-method-section h3[b-1ag37f2elu] {
  margin-bottom: 0.75rem;
}

.payment-method-table[b-1ag37f2elu] {
  border-collapse: collapse;
  max-width: 400px;
  width: 100%;
}
.payment-method-table th[b-1ag37f2elu],
.payment-method-table td[b-1ag37f2elu] {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-border-medium);
  text-align: left;
}
.payment-method-table th[b-1ag37f2elu] {
  font-weight: 600;
  font-size: 0.875rem;
}
.payment-method-table .amount-column[b-1ag37f2elu] {
  text-align: right;
}
/* /Pages/Compliance/Reports/ZReports.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.zreport-cards-row[b-zjnepza4pf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .zreport-cards-row[b-zjnepza4pf] {
    grid-template-columns: 1fr;
  }
}

.zreport-card[b-zjnepza4pf] {
  border: 1px solid var(--color-border-medium);
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--color-card-background);
}

.zreport-card-header[b-zjnepza4pf] {
  padding: 0.75rem 1rem;
  background-color: var(--color-nav-background);
  border-bottom: 1px solid var(--color-border-medium);
}
.zreport-card-header h3[b-zjnepza4pf] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-headings);
}

.zreport-card-body[b-zjnepza4pf] {
  padding: 1rem;
}

.zreport-card-description[b-zjnepza4pf] {
  font-size: 0.85rem;
  color: var(--color-text-dimmed);
  margin: 0 0 0.75rem 0;
}

.xreport-spinner[b-zjnepza4pf] {
  margin-top: 0.75rem;
}

.zreport-summary-bar[b-zjnepza4pf] {
  display: flex;
  gap: 2rem;
  padding: 0.6rem 1rem;
  background-color: var(--color-nav-background);
  border: 1px solid var(--color-border-medium);
  border-radius: 4px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--color-body-text);
}
.zreport-summary-bar strong[b-zjnepza4pf] {
  font-weight: 600;
}

.zreport-empty-state[b-zjnepza4pf] {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--color-text-dimmed);
  border: 1px dashed var(--color-border-medium);
  border-radius: 6px;
  margin-bottom: 2rem;
}
.zreport-empty-state p[b-zjnepza4pf] {
  margin: 0;
  font-size: 1rem;
}
/* /Pages/Customer/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-qgb7y4cx8z] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-qgb7y4cx8z] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-qgb7y4cx8z] {
  margin-left: auto;
}

.global-actions[b-qgb7y4cx8z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-qgb7y4cx8z]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-qgb7y4cx8z]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-qgb7y4cx8z] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-qgb7y4cx8z] {
  background-color: var(--color-hover-background);
}

.primary[b-qgb7y4cx8z] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-qgb7y4cx8z] {
  background-color: var(--color-primary-hover);
}

.warning[b-qgb7y4cx8z] {
  background-color: var(--color-warning);
}

[b-qgb7y4cx8z] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-qgb7y4cx8z] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-qgb7y4cx8z] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-qgb7y4cx8z] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-qgb7y4cx8z] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-qgb7y4cx8z],
.date-and-time[b-qgb7y4cx8z],
.phone-and-email[b-qgb7y4cx8z],
.pax[b-qgb7y4cx8z],
.serving-note-and-button[b-qgb7y4cx8z],
.order-type[b-qgb7y4cx8z],
.select-table[b-qgb7y4cx8z],
.select-banquet-hall[b-qgb7y4cx8z],
.placeholder[b-qgb7y4cx8z] {
  width: calc(50% - 2rem);
}

.order-type[b-qgb7y4cx8z] {
  order: -1;
}

.pax[b-qgb7y4cx8z],
.date-and-time[b-qgb7y4cx8z],
.phone-and-email[b-qgb7y4cx8z] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-qgb7y4cx8z] {
  position: relative;
}
.date-and-time:focus-within[b-qgb7y4cx8z]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-qgb7y4cx8z],
.date-and-time:focus-within .time[b-qgb7y4cx8z] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-qgb7y4cx8z],
.date[b-qgb7y4cx8z],
.time[b-qgb7y4cx8z],
.phone[b-qgb7y4cx8z],
.email[b-qgb7y4cx8z],
.select-table-inner[b-qgb7y4cx8z] {
  width: calc(50% - 0.5rem);
}

label[b-qgb7y4cx8z] {
  display: block;
  font-weight: 600;
}
.order-line label[b-qgb7y4cx8z], .new-order-line label[b-qgb7y4cx8z] {
  margin-bottom: 0;
}

.label[b-qgb7y4cx8z] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-qgb7y4cx8z] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-qgb7y4cx8z]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-qgb7y4cx8z] {
  height: 4.3125rem;
}

.date-picker-container[b-qgb7y4cx8z] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-qgb7y4cx8z]  .e-date-wrapper.e-date-container.e-input-group,
[b-qgb7y4cx8z] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-qgb7y4cx8z],
.timeslot-picker-container[b-qgb7y4cx8z] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-qgb7y4cx8z] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-qgb7y4cx8z] {
  width: 100%;
}

.order-line[b-qgb7y4cx8z] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-qgb7y4cx8z] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-qgb7y4cx8z] {
  position: relative;
}
.new-order-line:focus-within[b-qgb7y4cx8z]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-qgb7y4cx8z] {
  position: relative;
  z-index: 1;
}

.product[b-qgb7y4cx8z] {
  flex-grow: 1;
}
.order-line .product[b-qgb7y4cx8z] {
  overflow: hidden;
}

.product-name[b-qgb7y4cx8z] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-qgb7y4cx8z] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-qgb7y4cx8z] {
  flex: 1;
}

[b-qgb7y4cx8z] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-qgb7y4cx8z] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-qgb7y4cx8z],
.prev:hover[b-qgb7y4cx8z],
.next:hover[b-qgb7y4cx8z],
.pre-order-button:hover[b-qgb7y4cx8z],
.add-order-line:hover[b-qgb7y4cx8z],
.remove-order-line:hover[b-qgb7y4cx8z] {
  background-color: var(--color-hover-background);
}

.close-button[b-qgb7y4cx8z],
.pre-order-button[b-qgb7y4cx8z],
.add-order-line[b-qgb7y4cx8z],
.remove-order-line[b-qgb7y4cx8z] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-qgb7y4cx8z], .close-button:focus[b-qgb7y4cx8z],
.pre-order-button:hover[b-qgb7y4cx8z],
.pre-order-button:focus[b-qgb7y4cx8z],
.add-order-line:hover[b-qgb7y4cx8z],
.add-order-line:focus[b-qgb7y4cx8z],
.remove-order-line:hover[b-qgb7y4cx8z],
.remove-order-line:focus[b-qgb7y4cx8z] {
  border-color: var(--color-primary);
}

.pre-order-button[b-qgb7y4cx8z] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-qgb7y4cx8z]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-qgb7y4cx8z] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-qgb7y4cx8z] {
  width: 100%;
}
.product-table th[b-qgb7y4cx8z],
.product-table td[b-qgb7y4cx8z] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-qgb7y4cx8z],
.product-table td:first-child[b-qgb7y4cx8z] {
  padding-left: 0;
}
.product-table th:last-child[b-qgb7y4cx8z],
.product-table td:last-child[b-qgb7y4cx8z] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-qgb7y4cx8z] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-qgb7y4cx8z] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-qgb7y4cx8z] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-qgb7y4cx8z] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-qgb7y4cx8z] {
  width: 22rem;
}

.action[b-qgb7y4cx8z] {
  width: 2.5rem;
}

.number[b-qgb7y4cx8z],
.serving-type[b-qgb7y4cx8z] {
  width: 8rem;
}

.add-order-line[b-qgb7y4cx8z],
.remove-order-line[b-qgb7y4cx8z] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-qgb7y4cx8z] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-qgb7y4cx8z] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Customer/Components/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.name[b-jpd198o3ea],
.date-and-time[b-jpd198o3ea],
.phone-and-email[b-jpd198o3ea],
.pax[b-jpd198o3ea],
.serving-note-and-button[b-jpd198o3ea],
.order-type[b-jpd198o3ea],
.select-table[b-jpd198o3ea],
.select-banquet-hall[b-jpd198o3ea],
.placeholder[b-jpd198o3ea] {
  width: calc(50% - 2rem);
}

.order-type[b-jpd198o3ea] {
  order: -1;
}

.pax[b-jpd198o3ea],
.date-and-time[b-jpd198o3ea],
.phone-and-email[b-jpd198o3ea] {
  display: flex;
  padding-bottom: 1rem;
  gap: 1rem;
}

.date-and-time:focus-within[b-jpd198o3ea] {
  position: relative;
}
.date-and-time:focus-within[b-jpd198o3ea]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-jpd198o3ea],
.date-and-time:focus-within .time[b-jpd198o3ea] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-jpd198o3ea],
.date[b-jpd198o3ea],
.time[b-jpd198o3ea],
.phone[b-jpd198o3ea],
.email[b-jpd198o3ea],
.select-table-inner[b-jpd198o3ea] {
  width: calc(50% - 0.5rem);
}

label[b-jpd198o3ea] {
  display: block;
  font-weight: 600;
}
.order-line label[b-jpd198o3ea], .new-order-line label[b-jpd198o3ea] {
  margin-bottom: 0;
}

.label[b-jpd198o3ea] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-jpd198o3ea] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}
/* /Pages/Customer/Components/import.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-oxbbked5wt] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-oxbbked5wt] {
    --header-height: 3.5rem;
  }
}
:root[b-oxbbked5wt] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-oxbbked5wt] {
    --page-padding: 2rem;
  }
}
:root[b-oxbbked5wt] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-oxbbked5wt] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-oxbbked5wt] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-oxbbked5wt] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-oxbbked5wt] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-oxbbked5wt] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-oxbbked5wt] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-oxbbked5wt] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-oxbbked5wt] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-oxbbked5wt] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-oxbbked5wt] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-oxbbked5wt] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-oxbbked5wt],
.menu-collapsed ~ .main[b-oxbbked5wt] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-oxbbked5wt] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-oxbbked5wt] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-oxbbked5wt] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-oxbbked5wt] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-oxbbked5wt],
.price[b-oxbbked5wt],
.pricetotal[b-oxbbked5wt] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-oxbbked5wt],
.pricetotal[b-oxbbked5wt],
.type[b-oxbbked5wt] {
  width: 8em;
}

th[b-oxbbked5wt],
td[b-oxbbked5wt] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-oxbbked5wt],
td:first-child[b-oxbbked5wt] {
  padding-left: 0;
}
th:last-child[b-oxbbked5wt],
td:last-child[b-oxbbked5wt] {
  padding-right: 0;
}

th[b-oxbbked5wt] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-oxbbked5wt] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-oxbbked5wt] {
  text-align: right;
}

td[b-oxbbked5wt] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-oxbbked5wt] {
  width: 60%;
}
.product button[b-oxbbked5wt] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-oxbbked5wt] {
  background-color: var(--color-hover-background);
}

.actions[b-oxbbked5wt] {
  width: 9rem;
}

.quantity[b-oxbbked5wt] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-oxbbked5wt] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-oxbbked5wt] {
  display: inline-flex;
}

.action-button[b-oxbbked5wt] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-oxbbked5wt] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-oxbbked5wt] {
  background-color: var(--color-hover-background);
}

.note[b-oxbbked5wt] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-oxbbked5wt] {
  border-top: 0;
}
.note td[b-oxbbked5wt] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-oxbbked5wt] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.action-button[b-oxbbked5wt] {
  width: auto;
}

.filter-wrapper[b-oxbbked5wt] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-oxbbked5wt] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-oxbbked5wt] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-oxbbked5wt] {
  color: var(--color-primary);
}

[b-oxbbked5wt] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Customer/Components/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-pcvqridnvu] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-pcvqridnvu] {
    --header-height: 3.5rem;
  }
}
:root[b-pcvqridnvu] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-pcvqridnvu] {
    --page-padding: 2rem;
  }
}
:root[b-pcvqridnvu] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-pcvqridnvu] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-pcvqridnvu] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-pcvqridnvu] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-pcvqridnvu] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-pcvqridnvu] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-pcvqridnvu] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-pcvqridnvu] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-pcvqridnvu] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-pcvqridnvu] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-pcvqridnvu] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-pcvqridnvu] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-pcvqridnvu],
.menu-collapsed ~ .main[b-pcvqridnvu] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-pcvqridnvu] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-pcvqridnvu] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-pcvqridnvu] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-pcvqridnvu] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-pcvqridnvu],
.price[b-pcvqridnvu],
.pricetotal[b-pcvqridnvu] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-pcvqridnvu],
.pricetotal[b-pcvqridnvu],
.type[b-pcvqridnvu] {
  width: 8em;
}

th[b-pcvqridnvu],
td[b-pcvqridnvu] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-pcvqridnvu],
td:first-child[b-pcvqridnvu] {
  padding-left: 0;
}
th:last-child[b-pcvqridnvu],
td:last-child[b-pcvqridnvu] {
  padding-right: 0;
}

th[b-pcvqridnvu] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-pcvqridnvu] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-pcvqridnvu] {
  text-align: right;
}

td[b-pcvqridnvu] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-pcvqridnvu] {
  width: 60%;
}
.product button[b-pcvqridnvu] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-pcvqridnvu] {
  background-color: var(--color-hover-background);
}

.actions[b-pcvqridnvu] {
  width: 9rem;
}

.quantity[b-pcvqridnvu] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-pcvqridnvu] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-pcvqridnvu] {
  display: inline-flex;
}

.action-button[b-pcvqridnvu] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-pcvqridnvu] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-pcvqridnvu] {
  background-color: var(--color-hover-background);
}

.note[b-pcvqridnvu] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-pcvqridnvu] {
  border-top: 0;
}
.note td[b-pcvqridnvu] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-pcvqridnvu] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.action-button[b-pcvqridnvu] {
  width: auto;
}

.filter-wrapper[b-pcvqridnvu] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-pcvqridnvu] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-pcvqridnvu] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-pcvqridnvu] {
  color: var(--color-primary);
}

[b-pcvqridnvu] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Customer/Import.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-ntz2bfwv84] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-ntz2bfwv84] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-ntz2bfwv84] {
  margin-left: auto;
}

.global-actions[b-ntz2bfwv84] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-ntz2bfwv84]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-ntz2bfwv84]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-ntz2bfwv84] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-ntz2bfwv84] {
  background-color: var(--color-hover-background);
}

.primary[b-ntz2bfwv84] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-ntz2bfwv84] {
  background-color: var(--color-primary-hover);
}

.warning[b-ntz2bfwv84] {
  background-color: var(--color-warning);
}

[b-ntz2bfwv84] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-ntz2bfwv84] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-ntz2bfwv84] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-ntz2bfwv84] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-ntz2bfwv84] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-ntz2bfwv84],
.date-and-time[b-ntz2bfwv84],
.phone-and-email[b-ntz2bfwv84],
.pax[b-ntz2bfwv84],
.serving-note-and-button[b-ntz2bfwv84],
.order-type[b-ntz2bfwv84],
.select-table[b-ntz2bfwv84],
.select-banquet-hall[b-ntz2bfwv84],
.placeholder[b-ntz2bfwv84] {
  width: calc(50% - 2rem);
}

.order-type[b-ntz2bfwv84] {
  order: -1;
}

.pax[b-ntz2bfwv84],
.date-and-time[b-ntz2bfwv84],
.phone-and-email[b-ntz2bfwv84] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-ntz2bfwv84] {
  position: relative;
}
.date-and-time:focus-within[b-ntz2bfwv84]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-ntz2bfwv84],
.date-and-time:focus-within .time[b-ntz2bfwv84] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-ntz2bfwv84],
.date[b-ntz2bfwv84],
.time[b-ntz2bfwv84],
.phone[b-ntz2bfwv84],
.email[b-ntz2bfwv84],
.select-table-inner[b-ntz2bfwv84] {
  width: calc(50% - 0.5rem);
}

label[b-ntz2bfwv84] {
  display: block;
  font-weight: 600;
}
.order-line label[b-ntz2bfwv84], .new-order-line label[b-ntz2bfwv84] {
  margin-bottom: 0;
}

.label[b-ntz2bfwv84] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-ntz2bfwv84] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-ntz2bfwv84]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-ntz2bfwv84] {
  height: 4.3125rem;
}

.date-picker-container[b-ntz2bfwv84] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-ntz2bfwv84]  .e-date-wrapper.e-date-container.e-input-group,
[b-ntz2bfwv84] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-ntz2bfwv84],
.timeslot-picker-container[b-ntz2bfwv84] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-ntz2bfwv84] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-ntz2bfwv84] {
  width: 100%;
}

.order-line[b-ntz2bfwv84] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-ntz2bfwv84] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-ntz2bfwv84] {
  position: relative;
}
.new-order-line:focus-within[b-ntz2bfwv84]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-ntz2bfwv84] {
  position: relative;
  z-index: 1;
}

.product[b-ntz2bfwv84] {
  flex-grow: 1;
}
.order-line .product[b-ntz2bfwv84] {
  overflow: hidden;
}

.product-name[b-ntz2bfwv84] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-ntz2bfwv84] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-ntz2bfwv84] {
  flex: 1;
}

[b-ntz2bfwv84] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-ntz2bfwv84] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-ntz2bfwv84],
.prev:hover[b-ntz2bfwv84],
.next:hover[b-ntz2bfwv84],
.pre-order-button:hover[b-ntz2bfwv84],
.add-order-line:hover[b-ntz2bfwv84],
.remove-order-line:hover[b-ntz2bfwv84] {
  background-color: var(--color-hover-background);
}

.close-button[b-ntz2bfwv84],
.pre-order-button[b-ntz2bfwv84],
.add-order-line[b-ntz2bfwv84],
.remove-order-line[b-ntz2bfwv84] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-ntz2bfwv84], .close-button:focus[b-ntz2bfwv84],
.pre-order-button:hover[b-ntz2bfwv84],
.pre-order-button:focus[b-ntz2bfwv84],
.add-order-line:hover[b-ntz2bfwv84],
.add-order-line:focus[b-ntz2bfwv84],
.remove-order-line:hover[b-ntz2bfwv84],
.remove-order-line:focus[b-ntz2bfwv84] {
  border-color: var(--color-primary);
}

.pre-order-button[b-ntz2bfwv84] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-ntz2bfwv84]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-ntz2bfwv84] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-ntz2bfwv84] {
  width: 100%;
}
.product-table th[b-ntz2bfwv84],
.product-table td[b-ntz2bfwv84] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-ntz2bfwv84],
.product-table td:first-child[b-ntz2bfwv84] {
  padding-left: 0;
}
.product-table th:last-child[b-ntz2bfwv84],
.product-table td:last-child[b-ntz2bfwv84] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-ntz2bfwv84] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-ntz2bfwv84] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-ntz2bfwv84] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-ntz2bfwv84] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-ntz2bfwv84] {
  width: 22rem;
}

.action[b-ntz2bfwv84] {
  width: 2.5rem;
}

.number[b-ntz2bfwv84],
.serving-type[b-ntz2bfwv84] {
  width: 8rem;
}

.add-order-line[b-ntz2bfwv84],
.remove-order-line[b-ntz2bfwv84] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-ntz2bfwv84] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-ntz2bfwv84] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Customer/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-3ihavaokf8] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-3ihavaokf8] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-3ihavaokf8] {
  margin-left: auto;
}

.global-actions[b-3ihavaokf8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-3ihavaokf8]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-3ihavaokf8]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-3ihavaokf8] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-3ihavaokf8] {
  background-color: var(--color-hover-background);
}

.primary[b-3ihavaokf8] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-3ihavaokf8] {
  background-color: var(--color-primary-hover);
}

.warning[b-3ihavaokf8] {
  background-color: var(--color-warning);
}

[b-3ihavaokf8] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-3ihavaokf8] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-3ihavaokf8] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-3ihavaokf8] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-3ihavaokf8] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-3ihavaokf8],
.date-and-time[b-3ihavaokf8],
.phone-and-email[b-3ihavaokf8],
.pax[b-3ihavaokf8],
.serving-note-and-button[b-3ihavaokf8],
.order-type[b-3ihavaokf8],
.select-table[b-3ihavaokf8],
.select-banquet-hall[b-3ihavaokf8],
.placeholder[b-3ihavaokf8] {
  width: calc(50% - 2rem);
}

.order-type[b-3ihavaokf8] {
  order: -1;
}

.pax[b-3ihavaokf8],
.date-and-time[b-3ihavaokf8],
.phone-and-email[b-3ihavaokf8] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-3ihavaokf8] {
  position: relative;
}
.date-and-time:focus-within[b-3ihavaokf8]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-3ihavaokf8],
.date-and-time:focus-within .time[b-3ihavaokf8] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-3ihavaokf8],
.date[b-3ihavaokf8],
.time[b-3ihavaokf8],
.phone[b-3ihavaokf8],
.email[b-3ihavaokf8],
.select-table-inner[b-3ihavaokf8] {
  width: calc(50% - 0.5rem);
}

label[b-3ihavaokf8] {
  display: block;
  font-weight: 600;
}
.order-line label[b-3ihavaokf8], .new-order-line label[b-3ihavaokf8] {
  margin-bottom: 0;
}

.label[b-3ihavaokf8] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-3ihavaokf8] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-3ihavaokf8]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-3ihavaokf8] {
  height: 4.3125rem;
}

.date-picker-container[b-3ihavaokf8] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-3ihavaokf8]  .e-date-wrapper.e-date-container.e-input-group,
[b-3ihavaokf8] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-3ihavaokf8],
.timeslot-picker-container[b-3ihavaokf8] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-3ihavaokf8] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-3ihavaokf8] {
  width: 100%;
}

.order-line[b-3ihavaokf8] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-3ihavaokf8] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-3ihavaokf8] {
  position: relative;
}
.new-order-line:focus-within[b-3ihavaokf8]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-3ihavaokf8] {
  position: relative;
  z-index: 1;
}

.product[b-3ihavaokf8] {
  flex-grow: 1;
}
.order-line .product[b-3ihavaokf8] {
  overflow: hidden;
}

.product-name[b-3ihavaokf8] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-3ihavaokf8] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-3ihavaokf8] {
  flex: 1;
}

[b-3ihavaokf8] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-3ihavaokf8] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-3ihavaokf8],
.prev:hover[b-3ihavaokf8],
.next:hover[b-3ihavaokf8],
.pre-order-button:hover[b-3ihavaokf8],
.add-order-line:hover[b-3ihavaokf8],
.remove-order-line:hover[b-3ihavaokf8] {
  background-color: var(--color-hover-background);
}

.close-button[b-3ihavaokf8],
.pre-order-button[b-3ihavaokf8],
.add-order-line[b-3ihavaokf8],
.remove-order-line[b-3ihavaokf8] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-3ihavaokf8], .close-button:focus[b-3ihavaokf8],
.pre-order-button:hover[b-3ihavaokf8],
.pre-order-button:focus[b-3ihavaokf8],
.add-order-line:hover[b-3ihavaokf8],
.add-order-line:focus[b-3ihavaokf8],
.remove-order-line:hover[b-3ihavaokf8],
.remove-order-line:focus[b-3ihavaokf8] {
  border-color: var(--color-primary);
}

.pre-order-button[b-3ihavaokf8] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-3ihavaokf8]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-3ihavaokf8] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-3ihavaokf8] {
  width: 100%;
}
.product-table th[b-3ihavaokf8],
.product-table td[b-3ihavaokf8] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-3ihavaokf8],
.product-table td:first-child[b-3ihavaokf8] {
  padding-left: 0;
}
.product-table th:last-child[b-3ihavaokf8],
.product-table td:last-child[b-3ihavaokf8] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-3ihavaokf8] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-3ihavaokf8] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-3ihavaokf8] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-3ihavaokf8] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-3ihavaokf8] {
  width: 22rem;
}

.action[b-3ihavaokf8] {
  width: 2.5rem;
}

.number[b-3ihavaokf8],
.serving-type[b-3ihavaokf8] {
  width: 8rem;
}

.add-order-line[b-3ihavaokf8],
.remove-order-line[b-3ihavaokf8] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-3ihavaokf8] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-3ihavaokf8] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Dashboard/Components/CapacityTotals.razor.rz.scp.css */
.row[b-d3r2lhww1m] {
  max-width: 1200px;
}
/* /Pages/Dashboard/Components/DashboardTotals.razor.rz.scp.css */
.row[b-voxte3uqmx] {
  max-width: 1200px;
}
/* /Pages/DataHealth/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-4jgk7bnyj1] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-4jgk7bnyj1] {
    --header-height: 3.5rem;
  }
}
:root[b-4jgk7bnyj1] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-4jgk7bnyj1] {
    --page-padding: 2rem;
  }
}
:root[b-4jgk7bnyj1] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-4jgk7bnyj1] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-4jgk7bnyj1] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-4jgk7bnyj1] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-4jgk7bnyj1] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-4jgk7bnyj1] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-4jgk7bnyj1] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-4jgk7bnyj1] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-4jgk7bnyj1] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-4jgk7bnyj1] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-4jgk7bnyj1] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-4jgk7bnyj1] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-4jgk7bnyj1],
.menu-collapsed ~ .main[b-4jgk7bnyj1] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-4jgk7bnyj1] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
.datahealth-header[b-4jgk7bnyj1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.datahealth-header h1[b-4jgk7bnyj1] {
  margin: 0;
}

.datahealth-healthy[b-4jgk7bnyj1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  color: var(--color-okay);
}
.datahealth-healthy .healthy-icon[b-4jgk7bnyj1] {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.datahealth-healthy p[b-4jgk7bnyj1] {
  font-size: 1.125rem;
  margin: 0;
  color: var(--color-body-text);
}

.datahealth-cards[b-4jgk7bnyj1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.datahealth-card[b-4jgk7bnyj1] {
  background: var(--grid-background);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-border-subtle);
}

.datahealth-card-header[b-4jgk7bnyj1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.datahealth-card-header .card-category[b-4jgk7bnyj1] {
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-headings);
}
.datahealth-card-header .card-api-name[b-4jgk7bnyj1] {
  font-size: 0.75rem;
  color: var(--color-text-dimmed);
  margin-left: auto;
}
.datahealth-card-header .expand-indicator[b-4jgk7bnyj1] {
  font-size: 0.75rem;
  color: var(--color-text-dimmed);
}

.severity-dot[b-4jgk7bnyj1] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.severity-dot.error[b-4jgk7bnyj1] {
  background-color: var(--color-error);
}
.severity-dot.warning[b-4jgk7bnyj1] {
  background-color: var(--color-warning);
}

.count-badge[b-4jgk7bnyj1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  background-color: var(--color-section-background);
  color: var(--color-body-text);
  border: 1px solid var(--color-border-subtle);
}

.card-description[b-4jgk7bnyj1] {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: var(--color-body-text);
  line-height: 1.4;
}

.datahealth-items[b-4jgk7bnyj1] {
  margin-top: 0.75rem;
}
.datahealth-items table[b-4jgk7bnyj1] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.datahealth-items thead th[b-4jgk7bnyj1] {
  text-align: left;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  color: var(--color-headings);
  border-bottom: 2px solid var(--color-border-subtle);
}
.datahealth-items tbody tr:nth-child(even)[b-4jgk7bnyj1] {
  background: var(--grid-alt-row);
}
.datahealth-items tbody td[b-4jgk7bnyj1] {
  padding: 0.4rem 0.75rem;
  color: var(--color-body-text);
  border-bottom: 1px solid var(--color-border-subtle);
}
/* /Pages/Hotel/Arrangement/BanquetHall.razor.rz.scp.css */
.grid-wrapper[b-7luluh0o5s] {
  max-width: var(--component-max-width);
}
/* /Pages/Hotel/Arrangement/BanquetHallCalendar.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.page-padding[b-ln1nzokag3] {
  height: 100%;
  overflow: auto;
}

.quick-info-header[b-ln1nzokag3] {
  background-color: white;
  padding: 8px 18px;
}

.quick-info-header-content[b-ln1nzokag3] {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  padding: 5px 10px 5px;
}

.quick-info-title[b-ln1nzokag3] {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.48px;
  height: 22px;
}

.duration-text[b-ln1nzokag3] {
  font-size: 11px;
  letter-spacing: 0.33px;
  height: 14px;
}

/*ContentStyles*/
.content-area[b-ln1nzokag3] {
  padding: 10px;
  width: 100%;
}

.event-content[b-ln1nzokag3] {
  min-height: 180px;
  display: flex;
  flex-direction: column;
}

.e-popup-content[b-ln1nzokag3] {
  padding: 18px 18px 18px;
}

.meeting-type-wrap[b-ln1nzokag3], .meeting-subject-wrap[b-ln1nzokag3], .notes-wrap[b-ln1nzokag3] {
  font-size: 11px;
  color: #666;
  letter-spacing: 0.33px;
  /*height: 24px;*/
  padding: 5px;
}

.event-content div label[b-ln1nzokag3] {
  display: inline-block;
  min-width: 45px;
  color: #666;
}

.event-content div span[b-ln1nzokag3] {
  font-size: 11px;
  color: #151515;
  letter-spacing: 0.33px;
  line-height: 14px;
  padding-left: 8px;
}

/*FooterStyles*/
.cell-footer.e-btn[b-ln1nzokag3] {
  background-color: #ffffff;
  border-color: #878787;
  color: #878787;
}

.cell-footer[b-ln1nzokag3] {
  padding-top: 10px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content[b-ln1nzokag3] {
  padding: 0 14px;
}

/* DinnerTableCalendar.razor.scss */
/* Today button highlighted when NOT on today's date */
[b-ln1nzokag3] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn,
[b-ln1nzokag3] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:hover,
[b-ln1nzokag3] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:focus,
[b-ln1nzokag3] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:active {
  background-color: var(--bs-warning, #ffc107) !important;
  border-color: var(--bs-warning, #ffc107) !important;
  color: #000 !important;
}

/* ensure text/icon stay readable */
[b-ln1nzokag3] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn .e-tbar-btn-text,
[b-ln1nzokag3] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn .e-icons {
  color: #000 !important;
}

/* footer container: link on the left, actions on the right */
.dlg-footer[b-ln1nzokag3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* right-side actions row */
.dlg-actions[b-ln1nzokag3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* if you ever want ALL footer buttons right-aligned globally: */
.e-dialog .e-footer-content[b-ln1nzokag3] {
  justify-content: flex-end;
}

.calendar-toolbar[b-ln1nzokag3] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  background: var(--color-secondary);
  border: 1px solid #dee2e6;
  /*width: 90%; */
}

.calendar-toolbar-left[b-ln1nzokag3] {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--bs-body-color);
}

.calendar-toolbar-right[b-ln1nzokag3] {
  margin-left: auto;
  display: flex;
}

.calendar-toolbar-right .btn[b-ln1nzokag3] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-settings[b-ln1nzokag3] {
  position: fixed;
  top: 70px; /* tweak to your header */
  right: -420px;
  width: 400px;
  max-width: 90vw;
  height: calc(100vh - 80px);
  background-color: var(--color-page-background);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  transition: right 0.25s ease;
  z-index: 1050;
  display: flex;
  flex-direction: column;
}

.calendar-settings.open[b-ln1nzokag3] {
  right: 0;
}

.calendar-settings .settings-header[b-ln1nzokag3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.calendar-settings .settings-body[b-ln1nzokag3] {
  padding: 1rem;
  overflow: auto;
  flex: 1;
}

.week-grid[b-ln1nzokag3] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.25rem 0.75rem;
}

@media (max-width: 520px) {
  .week-grid[b-ln1nzokag3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* top-left indent cell content */
.e-resource-left-td .week-badge[b-ln1nzokag3] {
  font-weight: 600;
  display: flex;
  justify-content: center;
}

.pax[b-ln1nzokag3],
.calender-datetime[b-ln1nzokag3],
.date-and-time[b-ln1nzokag3],
.phone-and-email[b-ln1nzokag3] {
  display: flex;
  gap: 1rem;
}

.pax-inner[b-ln1nzokag3] {
  width: calc(50% - 0.5rem);
}

.calender-datetime-inner[b-ln1nzokag3] {
  width: calc(50% - 0.5rem);
}

label[b-ln1nzokag3] {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
/* /Pages/Hotel/Arrangement/Choices/ChoiceItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-adf2mg0xwa] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-adf2mg0xwa] {
    --header-height: 3.5rem;
  }
}
:root[b-adf2mg0xwa] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-adf2mg0xwa] {
    --page-padding: 2rem;
  }
}
:root[b-adf2mg0xwa] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-adf2mg0xwa] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-adf2mg0xwa] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-adf2mg0xwa] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-adf2mg0xwa] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-adf2mg0xwa] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-adf2mg0xwa] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-adf2mg0xwa] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-adf2mg0xwa] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-adf2mg0xwa] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-adf2mg0xwa] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-adf2mg0xwa] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-adf2mg0xwa],
.menu-collapsed ~ .main[b-adf2mg0xwa] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-adf2mg0xwa] {
  --sidebar-width: 0px;
}

.list-wrapper[b-adf2mg0xwa] {
  width: 100%;
  max-width: var(--component-max-width);
}

.list-wrapper .list-header[b-adf2mg0xwa] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-adf2mg0xwa] {
  display: flex;
}

.global-actions[b-adf2mg0xwa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding-bottom: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-adf2mg0xwa]  .e-input-group {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-adf2mg0xwa]  .e-input-group input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}
.global-actions[b-adf2mg0xwa]  input {
  font-size: inherit;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  margin-right: auto;
  width: 18rem;
  border: var(--border-1) var(--color-border-medium);
}

button[b-adf2mg0xwa] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  border: var(--border-1) var(--color-border-medium);
}
/* /Pages/Hotel/Arrangement/Choices/Components/Choices.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
@media (hover: hover) and (pointer: fine) {
  [b-g0lvskmvfm] .types-icon:focus {
    outline: 0;
  }
  [b-g0lvskmvfm] .types-icon:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
  }
}
[b-g0lvskmvfm] .types-icon {
  display: flex;
  /*    color: var(--color-primary);
      font-size: 1.1875rem;
      line-height: $lg;
      font-weight: 500;
  */
}
[b-g0lvskmvfm] .types-icon:hover {
  /*background: var(--color-hover-background);*/
}
[b-g0lvskmvfm] .types-icon::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
}

[b-g0lvskmvfm] .types-dd-icon {
  float: left;
}
[b-g0lvskmvfm] .types-dd-icon::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
}

[b-g0lvskmvfm] .types-table-setting::before {
  background-image: url("images/icons/table-setting.svg");
}

[b-g0lvskmvfm] .types-bar::before {
  background-image: url("images/icons/party.svg");
}

[b-g0lvskmvfm] .types-music::before {
  background-image: url("images/icons/music.svg");
}

[b-g0lvskmvfm] .types-allergens::before {
  background-image: url("images/icons/allergens.svg");
}

[b-g0lvskmvfm] .types-food::before {
  background-image: url("images/icons/soup.svg");
}

[b-g0lvskmvfm] .types-banquet-hall::before {
  background-image: url("images/icons/door.svg");
}

[b-g0lvskmvfm] .types-gift::before {
  background-image: url("images/icons/gift.svg");
}
/* /Pages/Hotel/Arrangement/Choices/List.razor.rz.scp.css */
.grid-wrapper[b-lf4c0k9o3r] {
  max-width: var(--component-max-width);
  margin-bottom: 1rem;
}
/* /Pages/Hotel/DinnerTable/DinnerTable.razor.rz.scp.css */
.grid-wrapper[b-yr5so43vsv] {
  max-width: var(--component-max-width);
}
/* /Pages/Hotel/DinnerTable/DinnerTableCalendar.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.page-padding[b-723iinzcve] {
  height: 100%;
  overflow: auto;
}

.quick-info-header[b-723iinzcve] {
  background-color: white;
  padding: 8px 18px;
}

.quick-info-header-content[b-723iinzcve] {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  padding: 5px 10px 5px;
}

.quick-info-title[b-723iinzcve] {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.48px;
  height: 22px;
}

.duration-text[b-723iinzcve] {
  font-size: 11px;
  letter-spacing: 0.33px;
  height: 14px;
}

/*ContentStyles*/
.content-area[b-723iinzcve] {
  padding: 10px;
  width: 100%;
}

.event-content[b-723iinzcve] {
  min-height: 180px;
  display: flex;
  flex-direction: column;
}

.e-popup-content[b-723iinzcve] {
  padding: 18px 18px 18px;
}

.meeting-type-wrap[b-723iinzcve], .meeting-subject-wrap[b-723iinzcve], .notes-wrap[b-723iinzcve] {
  font-size: 11px;
  color: #666;
  letter-spacing: 0.33px;
  /*height: 24px;*/
  padding: 5px;
}

.event-content div label[b-723iinzcve] {
  display: inline-block;
  min-width: 45px;
  color: #666;
}

.event-content div span[b-723iinzcve] {
  font-size: 11px;
  color: #151515;
  letter-spacing: 0.33px;
  line-height: 14px;
  padding-left: 8px;
}

/*FooterStyles*/
.cell-footer.e-btn[b-723iinzcve] {
  background-color: #ffffff;
  border-color: #878787;
  color: #878787;
}

.cell-footer[b-723iinzcve] {
  padding-top: 10px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content[b-723iinzcve] {
  padding: 0 14px;
}

/* DinnerTableCalendar.razor.scss */
/* Today button highlighted when NOT on today's date */
[b-723iinzcve] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn,
[b-723iinzcve] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:hover,
[b-723iinzcve] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:focus,
[b-723iinzcve] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:active {
  background-color: var(--bs-warning, #ffc107) !important;
  border-color: var(--bs-warning, #ffc107) !important;
  color: #000 !important;
}

/* ensure text/icon stay readable */
[b-723iinzcve] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn .e-tbar-btn-text,
[b-723iinzcve] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn .e-icons {
  color: #000 !important;
}

/* footer container: link on the left, actions on the right */
.dlg-footer[b-723iinzcve] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* right-side actions row */
.dlg-actions[b-723iinzcve] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* if you ever want ALL footer buttons right-aligned globally: */
.e-dialog .e-footer-content[b-723iinzcve] {
  justify-content: flex-end;
}

.calendar-toolbar[b-723iinzcve] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  background: var(--color-secondary);
  border: 1px solid #dee2e6;
  /*width: 90%; */
}

.calendar-toolbar-left[b-723iinzcve] {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--bs-body-color);
}

.calendar-toolbar-right[b-723iinzcve] {
  margin-left: auto;
  display: flex;
}

.calendar-toolbar-right .btn[b-723iinzcve] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-settings[b-723iinzcve] {
  position: fixed;
  top: 70px; /* tweak to your header */
  right: -420px;
  width: 400px;
  max-width: 90vw;
  height: calc(100vh - 80px);
  background-color: var(--color-page-background);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  transition: right 0.25s ease;
  z-index: 1050;
  display: flex;
  flex-direction: column;
}

.calendar-settings.open[b-723iinzcve] {
  right: 0;
}

.calendar-settings .settings-header[b-723iinzcve] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.calendar-settings .settings-body[b-723iinzcve] {
  padding: 1rem;
  overflow: auto;
  flex: 1;
}

.week-grid[b-723iinzcve] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.25rem 0.75rem;
}

@media (max-width: 520px) {
  .week-grid[b-723iinzcve] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* top-left indent cell content */
.e-resource-left-td .week-badge[b-723iinzcve] {
  font-weight: 600;
  display: flex;
  justify-content: center;
}

.pax[b-723iinzcve],
.calender-datetime[b-723iinzcve],
.date-and-time[b-723iinzcve],
.phone-and-email[b-723iinzcve] {
  display: flex;
  gap: 1rem;
}

.pax-inner[b-723iinzcve] {
  width: calc(50% - 0.5rem);
}

.calender-datetime-inner[b-723iinzcve] {
  width: calc(50% - 0.5rem);
}

label[b-723iinzcve] {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
/* /Pages/Index/Components/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-j4nsreyf2y] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-j4nsreyf2y] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-j4nsreyf2y] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-j4nsreyf2y],
.price[b-j4nsreyf2y],
.pricetotal[b-j4nsreyf2y] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-j4nsreyf2y],
.pricetotal[b-j4nsreyf2y],
.type[b-j4nsreyf2y] {
  width: 8em;
}

th[b-j4nsreyf2y],
td[b-j4nsreyf2y] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-j4nsreyf2y],
td:first-child[b-j4nsreyf2y] {
  padding-left: 0;
}
th:last-child[b-j4nsreyf2y],
td:last-child[b-j4nsreyf2y] {
  padding-right: 0;
}

th[b-j4nsreyf2y] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-j4nsreyf2y] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-j4nsreyf2y] {
  text-align: right;
}

td[b-j4nsreyf2y] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-j4nsreyf2y] {
  width: 60%;
}
.product button[b-j4nsreyf2y] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-j4nsreyf2y] {
  background-color: var(--color-hover-background);
}

.actions[b-j4nsreyf2y] {
  width: 9rem;
}

.quantity[b-j4nsreyf2y] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-j4nsreyf2y] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-j4nsreyf2y] {
  display: inline-flex;
}

.action-button[b-j4nsreyf2y] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-j4nsreyf2y] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-j4nsreyf2y] {
  background-color: var(--color-hover-background);
}

.note[b-j4nsreyf2y] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-j4nsreyf2y] {
  border-top: 0;
}
.note td[b-j4nsreyf2y] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-j4nsreyf2y] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

[b-j4nsreyf2y] .sf-grid {
  margin-bottom: 1rem;
}
[b-j4nsreyf2y] .supplier-column .e-input-group {
  display: flex;
  align-items: center;
  height: 2.375rem;
  padding-left: 0.5rem;
}
/* /Pages/Index/List.razor.rz.scp.css */
.list-wrapper[b-5s1zsa9r9a] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-5s1zsa9r9a] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-5s1zsa9r9a] {
  display: flex;
}

.grid-wrapper[b-5s1zsa9r9a] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-5s1zsa9r9a] {
  line-height: 1rem;
}

.nav-link[b-5s1zsa9r9a] {
  padding: 0.3rem 1rem;
}
/* /Pages/Integration/Economic/Components/ConnectionCard.razor.rz.scp.css */
.connection-card[b-5tuocn60al] {
  padding: 1rem 1.25rem;
  border-radius: 6px;
  background-color: var(--color-card-background);
}
.connection-card .explainer[b-5tuocn60al] {
  margin: 0.5rem 0 1rem;
}
.connection-card .agreement-facts[b-5tuocn60al] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 1rem;
  margin: 0.75rem 0;
}
.connection-card .agreement-facts dt[b-5tuocn60al] {
  font-weight: 600;
}
.connection-card .agreement-facts dd[b-5tuocn60al] {
  margin: 0;
}
.connection-card .cutover-field[b-5tuocn60al] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 18rem;
  margin-bottom: 1rem;
}
.connection-card .cutover-field small[b-5tuocn60al] {
  opacity: 0.8;
}
.connection-card .action-row[b-5tuocn60al] {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.connection-card .panel[b-5tuocn60al] {
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
  border-radius: 4px;
}
.connection-card .panel p[b-5tuocn60al] {
  margin: 0 0 0.25rem;
}
.connection-card .panel-amber[b-5tuocn60al] {
  background-color: rgba(255, 193, 7, 0.1);
  border-left: 3px solid rgba(255, 193, 7, 0.85);
}
.connection-card .panel-red[b-5tuocn60al] {
  background-color: rgba(220, 53, 69, 0.1);
  border-left: 3px solid rgba(220, 53, 69, 0.85);
}
.connection-card .state-chip[b-5tuocn60al] {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  font-size: 0.85rem;
}
.connection-card .chip-disconnected[b-5tuocn60al] {
  background-color: rgba(108, 117, 125, 0.15);
}
.connection-card .test-result[b-5tuocn60al] {
  margin-top: 0.5rem;
}
.connection-card .test-result.is-ok[b-5tuocn60al] {
  color: var(--color-success, #28a745);
}
.connection-card .test-result.is-failed[b-5tuocn60al] {
  color: var(--color-danger, #dc3545);
}
.connection-card h3:focus-visible[b-5tuocn60al],
.connection-card button:focus-visible[b-5tuocn60al] {
  outline: 2px solid var(--color-focus-outline);
  outline-offset: 2px;
}
/* /Pages/Integration/Economic/EconomicSettings.razor.rz.scp.css */
.economic-settings .load-error[b-viivmrae53] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 1rem;
}
.economic-settings .load-error a[b-viivmrae53] {
  text-decoration: underline;
  cursor: pointer;
}
.economic-settings[b-viivmrae53]  .bridge-card {
  padding: 1rem 1.25rem;
  margin-top: 1.5rem;
  border-radius: 6px;
  background-color: var(--color-card-background);
}
.economic-settings[b-viivmrae53]  .bridge-card .card-header-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.economic-settings[b-viivmrae53]  .bridge-card .card-header-row .refresh-button {
  margin-left: auto;
}
.economic-settings[b-viivmrae53]  .bridge-card .bridge-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
.economic-settings[b-viivmrae53]  .bridge-card .bridge-table th, .economic-settings[b-viivmrae53]  .bridge-card .bridge-table td {
  text-align: left;
  padding: 0.4rem 0.6rem;
}
.economic-settings[b-viivmrae53]  .bridge-card .row-mangler {
  background-color: rgba(255, 193, 7, 0.1);
}
.economic-settings[b-viivmrae53]  .bridge-card .chip {
  display: inline-block;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8rem;
}
.economic-settings[b-viivmrae53]  .bridge-card .chip-mangler {
  background-color: rgba(255, 193, 7, 0.25);
}
.economic-settings[b-viivmrae53]  .bridge-card .option-field, .economic-settings[b-viivmrae53]  .bridge-card .standard-debtor-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 26rem;
  margin-bottom: 1rem;
}
.economic-settings[b-viivmrae53]  .bridge-card .option-field small, .economic-settings[b-viivmrae53]  .bridge-card .standard-debtor-field small {
  opacity: 0.8;
}
.economic-settings[b-viivmrae53]  .bridge-card .switch-caption {
  margin-left: 0.5rem;
}
.economic-settings[b-viivmrae53]  .bridge-card .help-note {
  font-style: italic;
  opacity: 0.85;
}
.economic-settings[b-viivmrae53]  .bridge-card .posting-sample {
  font-family: monospace;
}
.economic-settings[b-viivmrae53]  .bridge-card .panel {
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
  border-radius: 4px;
}
.economic-settings[b-viivmrae53]  .bridge-card .panel-info {
  background-color: rgba(13, 110, 253, 0.08);
  border-left: 3px solid rgba(13, 110, 253, 0.6);
}
.economic-settings[b-viivmrae53]  .bridge-card .panel-red {
  background-color: rgba(220, 53, 69, 0.1);
  border-left: 3px solid rgba(220, 53, 69, 0.85);
}
.economic-settings .bridge-placeholders[b-viivmrae53] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
.economic-settings .bridge-placeholders .bridge-placeholder[b-viivmrae53] {
  padding: 1rem 1.25rem;
  border-radius: 6px;
  background-color: var(--color-card-background);
}
.economic-settings .bridge-placeholders .bridge-placeholder.is-disabled[b-viivmrae53] {
  opacity: 0.65;
}
.economic-settings .bridge-placeholders .bridge-placeholder .connect-first-note[b-viivmrae53] {
  margin: 0.25rem 0 0;
  font-style: italic;
}
/* /Pages/Integration/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.content[b-y05sye6ahz] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  gap: 1em;
  max-width: 75rem;
}

.card[b-y05sye6ahz] {
  padding: 1.5em;
  margin-bottom: 1em; /*added this lpf*/
}

.card-title[b-y05sye6ahz] {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.card-sub-title[b-y05sye6ahz] {
  font-size: 1em;
  margin-top: 0.75em;
  margin-bottom: 0.25em;
}

[b-y05sye6ahz] .production-settings {
  padding: 0.375em 0;
}
/* /Pages/Integration/LogInformation/Item.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.read-only .e-input-group[b-ww6t7pl8rk],
.read-only .e-float-input[b-ww6t7pl8rk] {
  background-color: #f8f9fb;
  border-color: #e5e7eb;
  pointer-events: none;
}

.kv-table[b-ww6t7pl8rk] {
  width: 100%;
  border-collapse: collapse;
}

.kv-table th[b-ww6t7pl8rk], .kv-table td[b-ww6t7pl8rk] {
  border-bottom: 1px solid #eee;
  padding: 0.25rem 0.5rem;
  text-align: left;
}

.pre[b-ww6t7pl8rk] {
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.payload[b-ww6t7pl8rk] {
  margin-top: 0.25rem;
}

.payload > summary[b-ww6t7pl8rk] {
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.code[b-ww6t7pl8rk] {
  background: #0b1020;
  color: #e6e6e6;
  border-radius: 6px;
  padding: 0.75rem;
  overflow: auto;
}

/* badge palette that aligns with the rest */
.badge[b-ww6t7pl8rk] {
  padding: 0.15rem 0.45rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
}

.badge-success[b-ww6t7pl8rk] {
  background: #e9f7ef;
  color: #1e7e34;
}

.badge-info[b-ww6t7pl8rk] {
  background: #eef5ff;
  color: #1b5bb6;
}

.badge-danger[b-ww6t7pl8rk] {
  background: #fdecea;
  color: #a42d2a;
}

.badge-neutral[b-ww6t7pl8rk] {
  background: #f3f4f6;
  color: #374151;
}
/* /Pages/Integration/LogInformation/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-kdcaiqhk9z] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.list-wrapper[b-kdcaiqhk9z] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-kdcaiqhk9z] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-kdcaiqhk9z] {
  display: flex;
  max-width: unset;
}

.header[b-kdcaiqhk9z] {
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.header-area.element[b-kdcaiqhk9z] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /*width: 100%;*/
}
@media (min-width: 1200px) {
  .header-area.element[b-kdcaiqhk9z] {
    width: auto;
  }
}

.header .date-picker-container[b-kdcaiqhk9z] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.prev[b-kdcaiqhk9z],
.next[b-kdcaiqhk9z] {
  width: 2.5rem;
  flex-shrink: 0;
  background: var(--color-card-background);
  border-color: transparent;
}

.prev[b-kdcaiqhk9z] {
  border-radius: 4px 0 0 4px;
}

.next[b-kdcaiqhk9z] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-kdcaiqhk9z],
.next-icon[b-kdcaiqhk9z] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-kdcaiqhk9z] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-kdcaiqhk9z] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-kdcaiqhk9z] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-kdcaiqhk9z] .date-picker .e-input-group-icon {
  display: none;
}
[b-kdcaiqhk9z] .date-picker .e-control {
  text-align: center;
}

.main[b-kdcaiqhk9z] {
  width: 100%;
  padding: 1.5rem 0 1.5rem 1.5rem;
}

select.input[b-kdcaiqhk9z] {
  display: inline-flex;
  align-items: center;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: normal;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 2em 0 0.75em;
}

select.input:focus[b-kdcaiqhk9z] {
  outline: 0.1875rem solid var(--color-focus-outline);
  outline-offset: 0.125rem;
}
/* /Pages/Integration/OTA/Components/CatalogIntegration.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-wys2muwvs8] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-wys2muwvs8] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-wys2muwvs8] {
  margin-left: auto;
}

.global-actions[b-wys2muwvs8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-wys2muwvs8]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-wys2muwvs8]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-wys2muwvs8] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-wys2muwvs8] {
  background-color: var(--color-hover-background);
}

.primary[b-wys2muwvs8] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-wys2muwvs8] {
  background-color: var(--color-primary-hover);
}

.warning[b-wys2muwvs8] {
  background-color: var(--color-warning);
}

[b-wys2muwvs8] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-wys2muwvs8] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-wys2muwvs8] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-wys2muwvs8] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-wys2muwvs8] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-wys2muwvs8],
.date-and-time[b-wys2muwvs8],
.phone-and-email[b-wys2muwvs8],
.pax[b-wys2muwvs8],
.serving-note-and-button[b-wys2muwvs8],
.order-type[b-wys2muwvs8],
.select-table[b-wys2muwvs8],
.select-banquet-hall[b-wys2muwvs8],
.placeholder[b-wys2muwvs8] {
  width: calc(50% - 2rem);
}

.order-type[b-wys2muwvs8] {
  order: -1;
}

.pax[b-wys2muwvs8],
.date-and-time[b-wys2muwvs8],
.phone-and-email[b-wys2muwvs8] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-wys2muwvs8] {
  position: relative;
}
.date-and-time:focus-within[b-wys2muwvs8]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-wys2muwvs8],
.date-and-time:focus-within .time[b-wys2muwvs8] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-wys2muwvs8],
.date[b-wys2muwvs8],
.time[b-wys2muwvs8],
.phone[b-wys2muwvs8],
.email[b-wys2muwvs8],
.select-table-inner[b-wys2muwvs8] {
  width: calc(50% - 0.5rem);
}

label[b-wys2muwvs8] {
  display: block;
  font-weight: 600;
}
.order-line label[b-wys2muwvs8], .new-order-line label[b-wys2muwvs8] {
  margin-bottom: 0;
}

.label[b-wys2muwvs8] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-wys2muwvs8] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-wys2muwvs8]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-wys2muwvs8] {
  height: 4.3125rem;
}

.date-picker-container[b-wys2muwvs8] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-wys2muwvs8]  .e-date-wrapper.e-date-container.e-input-group,
[b-wys2muwvs8] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-wys2muwvs8],
.timeslot-picker-container[b-wys2muwvs8] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-wys2muwvs8] .date-picker input {
  padding-left: 0 !important;
}

[b-wys2muwvs8] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-wys2muwvs8] {
  width: 100%;
}

.order-line[b-wys2muwvs8] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-wys2muwvs8] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-wys2muwvs8] {
  position: relative;
}
.new-order-line:focus-within[b-wys2muwvs8]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-wys2muwvs8] {
  position: relative;
  z-index: 1;
}

.product[b-wys2muwvs8] {
  flex-grow: 1;
}
.order-line .product[b-wys2muwvs8] {
  overflow: hidden;
}

.product-name[b-wys2muwvs8] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-wys2muwvs8] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-wys2muwvs8] {
  flex: 1;
}

[b-wys2muwvs8] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-wys2muwvs8] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-wys2muwvs8],
.prev:hover[b-wys2muwvs8],
.next:hover[b-wys2muwvs8],
.pre-order-button:hover[b-wys2muwvs8],
.add-order-line:hover[b-wys2muwvs8],
.remove-order-line:hover[b-wys2muwvs8] {
  background-color: var(--color-hover-background);
}

.close-button[b-wys2muwvs8],
.pre-order-button[b-wys2muwvs8],
.add-order-line[b-wys2muwvs8],
.remove-order-line[b-wys2muwvs8] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-wys2muwvs8], .close-button:focus[b-wys2muwvs8],
.pre-order-button:hover[b-wys2muwvs8],
.pre-order-button:focus[b-wys2muwvs8],
.add-order-line:hover[b-wys2muwvs8],
.add-order-line:focus[b-wys2muwvs8],
.remove-order-line:hover[b-wys2muwvs8],
.remove-order-line:focus[b-wys2muwvs8] {
  border-color: var(--color-primary);
}

.pre-order-button[b-wys2muwvs8] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-wys2muwvs8]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-wys2muwvs8] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-wys2muwvs8] {
  width: 100%;
}
.product-table th[b-wys2muwvs8],
.product-table td[b-wys2muwvs8] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-wys2muwvs8],
.product-table td:first-child[b-wys2muwvs8] {
  padding-left: 0;
}
.product-table th:last-child[b-wys2muwvs8],
.product-table td:last-child[b-wys2muwvs8] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-wys2muwvs8] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-wys2muwvs8] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-wys2muwvs8] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-wys2muwvs8] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-wys2muwvs8] {
  width: 22rem;
}

.action[b-wys2muwvs8] {
  width: 2.5rem;
}

.number[b-wys2muwvs8],
.serving-type[b-wys2muwvs8] {
  width: 8rem;
}

.add-order-line[b-wys2muwvs8],
.remove-order-line[b-wys2muwvs8] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-wys2muwvs8] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-wys2muwvs8] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Integration/OTA/Components/SecretsManager.razor.rz.scp.css */
.list-wrapper[b-m9f3hgi5gz] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.form-wrapper[b-m9f3hgi5gz] {
  padding: 1rem;
  /*background-color: var(--color-orderline-background);*/
  overflow-y: auto;
}

.list-wrapper .list-header[b-m9f3hgi5gz] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-m9f3hgi5gz] {
  display: flex;
}

.grid-wrapper[b-m9f3hgi5gz] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-m9f3hgi5gz] {
  line-height: 1rem;
}

.nav-link[b-m9f3hgi5gz] {
  padding: 0.3rem 1rem;
}
/* /Pages/Integration/OTA/Techhotel/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.integration-flow__header[b-g94sp9oxp1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.integration-flow__title[b-g94sp9oxp1] {
  margin: 0;
  color: var(--color-headings);
}
.integration-flow__subtitle[b-g94sp9oxp1] {
  margin-top: 0.25rem;
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
}
.integration-flow__chip[b-g94sp9oxp1] {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  border: 1px solid var(--color-section-border);
  font-size: 0.85rem;
  background: var(--color-card-background);
  color: var(--color-card-foreground);
}
.integration-flow__chip.is-active[b-g94sp9oxp1] {
  border-color: color-mix(in srgb, var(--color-okay) 35%, var(--color-section-border));
  background: color-mix(in srgb, var(--color-okay-hover) 65%, var(--color-card-background));
}
.integration-flow__chip.is-inactive[b-g94sp9oxp1] {
  border-color: var(--color-section-border);
  opacity: 0.85;
}
.integration-flow__grid[b-g94sp9oxp1] {
  display: grid;
  gap: 1rem;
}
@media (min-width: 992px) {
  .integration-flow__grid[b-g94sp9oxp1] {
    gap: 1.25rem;
  }
}
.integration-flow__card[b-g94sp9oxp1] {
  background: var(--color-card-background);
  color: var(--color-card-foreground);
  border: 1px solid var(--color-section-border);
  border-radius: 0.75rem;
  overflow: hidden;
}
.integration-flow__card-header[b-g94sp9oxp1] {
  padding: 0.9rem 1rem 0.75rem 1rem;
  border-bottom: 1px solid var(--color-section-border);
  background: color-mix(in srgb, var(--color-section-background) 55%, var(--color-card-background));
}
.integration-flow__card-title[b-g94sp9oxp1] {
  margin: 0;
  font-size: 1.1rem;
  color: var(--color-headings);
}
.integration-flow__card-help[b-g94sp9oxp1] {
  margin-top: 0.35rem;
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
  line-height: 1.35;
}
.integration-flow__card-body[b-g94sp9oxp1] {
  padding: 1rem;
}
@media (min-width: 992px) {
  .integration-flow__card-body[b-g94sp9oxp1] {
    padding: 1.25rem;
  }
}
.integration-flow__card-body h2[b-g94sp9oxp1],
.integration-flow__card-body h3[b-g94sp9oxp1] {
  margin-top: 0;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
.integration-flow__card-body h3:first-child[b-g94sp9oxp1] {
  margin-top: 0;
}
.integration-flow__card-body[b-g94sp9oxp1] {
  /* ---- Form spacing (Blazor isolated) ---- */
}
.integration-flow__card-body[b-g94sp9oxp1]  .product-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.integration-flow__card-body[b-g94sp9oxp1]  .product-form > .form-group:empty {
  display: none;
}
.integration-flow__card-body[b-g94sp9oxp1]  .form-group {
  margin-bottom: 0;
}
.integration-flow__card-body[b-g94sp9oxp1]  .product-form > .form-grid {
  display: grid;
  gap: 1rem;
}
.integration-flow__card-body[b-g94sp9oxp1]  .product-form label {
  display: block;
  margin-bottom: 0.35rem;
}
.integration-flow__card-body[b-g94sp9oxp1]  .catalog-integration__actions {
  margin-top: 0.75rem;
  padding: 0;
}
.integration-flow__card-body[b-g94sp9oxp1]  .catalog-integration__actions > button[type=submit],
.integration-flow__card-body[b-g94sp9oxp1]  .catalog-integration__actions > .btn[type=submit] {
  padding: 0.75rem 1.25rem;
}
.integration-flow__card-body[b-g94sp9oxp1] {
  /* ---- Credentials tables ---- */
}
.integration-flow__card-body[b-g94sp9oxp1]  .table-responsive,
.integration-flow__card-body[b-g94sp9oxp1]  .credentials-table,
.integration-flow__card-body[b-g94sp9oxp1]  .credentials-list {
  margin-top: 0.5rem;
}
.integration-flow__card-body[b-g94sp9oxp1]  table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.integration-flow__card-body[b-g94sp9oxp1]  table thead th {
  padding: 0.75rem 0.75rem;
}
.integration-flow__card-body[b-g94sp9oxp1]  table tbody td {
  padding: 0.7rem 0.75rem;
}
.integration-flow__actions[b-g94sp9oxp1] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.integration-flow__muted[b-g94sp9oxp1] {
  padding: 0.75rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px dashed var(--color-section-border);
  color: var(--color-text-dimmed);
  background: color-mix(in srgb, var(--color-section-background) 55%, var(--color-card-background));
}

/* Optional: if you want the header body seam padding, do it as a top-level selector */
.integration-flow__card-header + .integration-flow__card-body[b-g94sp9oxp1] {
  padding-top: 1rem;
}

.integration-flow__card-body[b-g94sp9oxp1]  .e-ddl.e-input-group {
  height: 38px !important;
}

.integration-flow__card-body[b-g94sp9oxp1]  .e-ddl.e-input-group .e-input-value {
  line-height: 38px !important;
  height: 38px !important;
  padding-left: 7px;
}
/* /Pages/Integration/ProductMappings.razor.rz.scp.css */
@charset "UTF-8";
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-mappings__header[b-x4v2ama6y8] {
  margin-bottom: 1rem;
}
.product-mappings__title[b-x4v2ama6y8] {
  margin: 0;
  color: var(--color-headings);
}
.product-mappings__subtitle[b-x4v2ama6y8] {
  margin-top: 0.25rem;
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
}
.product-mappings__layout[b-x4v2ama6y8] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product-mappings__list-card[b-x4v2ama6y8] {
  padding: 1rem;
  min-width: 0;
}
.product-mappings__card-header[b-x4v2ama6y8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: -0.25rem -0.25rem 0.75rem -0.25rem;
  padding: 0.25rem;
}
.product-mappings__toolbar[b-x4v2ama6y8] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}
.product-mappings__row-actions[b-x4v2ama6y8] {
  display: flex;
  gap: 0.25rem;
  justify-content: flex-end;
  white-space: nowrap;
}
.product-mappings__table-actions[b-x4v2ama6y8] {
  width: 1%;
  white-space: nowrap;
}
.product-mappings__product-picker[b-x4v2ama6y8] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: start;
}
.product-mappings__selected-product[b-x4v2ama6y8] {
  margin-top: 0.25rem;
}
.product-mappings__editor-actions[b-x4v2ama6y8] {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
  align-items: center;
  flex-wrap: wrap;
}
.product-mappings__empty[b-x4v2ama6y8] {
  padding: 1rem;
  border: 1px dashed var(--color-section-border);
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--color-section-background) 55%, var(--color-card-background));
}
.product-mappings__empty-title[b-x4v2ama6y8] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.product-mappings__empty-text[b-x4v2ama6y8] {
  color: var(--color-text-dimmed);
  margin-bottom: 0.75rem;
}
.product-mappings .form-grid[b-x4v2ama6y8] {
  display: grid;
  gap: 1rem;
}
.product-mappings .form-grid > div[b-x4v2ama6y8] {
  display: grid;
  gap: 0.5rem;
}
.product-mappings .form-grid label[b-x4v2ama6y8] {
  margin: 0;
  line-height: 1.2;
}
.product-mappings__active[b-x4v2ama6y8] {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.product-mappings__active-label[b-x4v2ama6y8] {
  margin: 0;
  line-height: 1.2;
}
.product-mappings__active input[type=checkbox][b-x4v2ama6y8] {
  justify-self: end;
  align-self: center;
}
@media (max-width: 767.98px) {
  .product-mappings__col-created[b-x4v2ama6y8] {
    display: none;
  }
}

/* ─── Modal dialog editor ─── */
.pm-editor[b-x4v2ama6y8] {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1050;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.pm-editor--open[b-x4v2ama6y8] {
  display: flex;
}
.pm-editor__backdrop[b-x4v2ama6y8] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 0;
}
.pm-editor__panel[b-x4v2ama6y8] {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: calc(100dvh - 4rem);
  overflow-y: auto;
  padding: 1.5rem;
}
.pm-editor__header[b-x4v2ama6y8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.pm-editor__title[b-x4v2ama6y8] {
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--color-headings);
}
.pm-editor__close[b-x4v2ama6y8] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-dimmed);
  padding: 0.25rem 0.5rem;
  font-size: 1.1rem;
  line-height: 1;
  border-radius: 4px;
}
.pm-editor__close:hover[b-x4v2ama6y8] {
  color: var(--color-text);
  background: var(--color-section-background);
}
/* /Pages/Integration/Purchase/ABCatering/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-xkkv01mzfm] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-xkkv01mzfm] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-xkkv01mzfm] {
  margin-left: auto;
}

.global-actions[b-xkkv01mzfm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-xkkv01mzfm]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-xkkv01mzfm]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-xkkv01mzfm] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-xkkv01mzfm] {
  background-color: var(--color-hover-background);
}

.primary[b-xkkv01mzfm] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-xkkv01mzfm] {
  background-color: var(--color-primary-hover);
}

.warning[b-xkkv01mzfm] {
  background-color: var(--color-warning);
}

[b-xkkv01mzfm] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-xkkv01mzfm] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-xkkv01mzfm] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-xkkv01mzfm] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-xkkv01mzfm] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-xkkv01mzfm],
.date-and-time[b-xkkv01mzfm],
.phone-and-email[b-xkkv01mzfm],
.pax[b-xkkv01mzfm],
.serving-note-and-button[b-xkkv01mzfm],
.order-type[b-xkkv01mzfm],
.select-table[b-xkkv01mzfm],
.select-banquet-hall[b-xkkv01mzfm],
.placeholder[b-xkkv01mzfm] {
  width: calc(50% - 2rem);
}

.order-type[b-xkkv01mzfm] {
  order: -1;
}

.pax[b-xkkv01mzfm],
.date-and-time[b-xkkv01mzfm],
.phone-and-email[b-xkkv01mzfm] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-xkkv01mzfm] {
  position: relative;
}
.date-and-time:focus-within[b-xkkv01mzfm]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-xkkv01mzfm],
.date-and-time:focus-within .time[b-xkkv01mzfm] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-xkkv01mzfm],
.date[b-xkkv01mzfm],
.time[b-xkkv01mzfm],
.phone[b-xkkv01mzfm],
.email[b-xkkv01mzfm],
.select-table-inner[b-xkkv01mzfm] {
  width: calc(50% - 0.5rem);
}

label[b-xkkv01mzfm] {
  display: block;
  font-weight: 600;
}
.order-line label[b-xkkv01mzfm], .new-order-line label[b-xkkv01mzfm] {
  margin-bottom: 0;
}

.label[b-xkkv01mzfm] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-xkkv01mzfm] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-xkkv01mzfm]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-xkkv01mzfm] {
  height: 4.3125rem;
}

.date-picker-container[b-xkkv01mzfm] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-xkkv01mzfm]  .e-date-wrapper.e-date-container.e-input-group,
[b-xkkv01mzfm] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-xkkv01mzfm],
.timeslot-picker-container[b-xkkv01mzfm] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-xkkv01mzfm] .date-picker input {
  padding-left: 0 !important;
}

[b-xkkv01mzfm] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-xkkv01mzfm] {
  width: 100%;
}

.order-line[b-xkkv01mzfm] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-xkkv01mzfm] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-xkkv01mzfm] {
  position: relative;
}
.new-order-line:focus-within[b-xkkv01mzfm]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-xkkv01mzfm] {
  position: relative;
  z-index: 1;
}

.product[b-xkkv01mzfm] {
  flex-grow: 1;
}
.order-line .product[b-xkkv01mzfm] {
  overflow: hidden;
}

.product-name[b-xkkv01mzfm] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-xkkv01mzfm] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-xkkv01mzfm] {
  flex: 1;
}

[b-xkkv01mzfm] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-xkkv01mzfm] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-xkkv01mzfm],
.prev:hover[b-xkkv01mzfm],
.next:hover[b-xkkv01mzfm],
.pre-order-button:hover[b-xkkv01mzfm],
.add-order-line:hover[b-xkkv01mzfm],
.remove-order-line:hover[b-xkkv01mzfm] {
  background-color: var(--color-hover-background);
}

.close-button[b-xkkv01mzfm],
.pre-order-button[b-xkkv01mzfm],
.add-order-line[b-xkkv01mzfm],
.remove-order-line[b-xkkv01mzfm] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-xkkv01mzfm], .close-button:focus[b-xkkv01mzfm],
.pre-order-button:hover[b-xkkv01mzfm],
.pre-order-button:focus[b-xkkv01mzfm],
.add-order-line:hover[b-xkkv01mzfm],
.add-order-line:focus[b-xkkv01mzfm],
.remove-order-line:hover[b-xkkv01mzfm],
.remove-order-line:focus[b-xkkv01mzfm] {
  border-color: var(--color-primary);
}

.pre-order-button[b-xkkv01mzfm] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-xkkv01mzfm]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-xkkv01mzfm] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-xkkv01mzfm] {
  width: 100%;
}
.product-table th[b-xkkv01mzfm],
.product-table td[b-xkkv01mzfm] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-xkkv01mzfm],
.product-table td:first-child[b-xkkv01mzfm] {
  padding-left: 0;
}
.product-table th:last-child[b-xkkv01mzfm],
.product-table td:last-child[b-xkkv01mzfm] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-xkkv01mzfm] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-xkkv01mzfm] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-xkkv01mzfm] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-xkkv01mzfm] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-xkkv01mzfm] {
  width: 22rem;
}

.action[b-xkkv01mzfm] {
  width: 2.5rem;
}

.number[b-xkkv01mzfm],
.serving-type[b-xkkv01mzfm] {
  width: 8rem;
}

.add-order-line[b-xkkv01mzfm],
.remove-order-line[b-xkkv01mzfm] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-xkkv01mzfm] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-xkkv01mzfm] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Integration/Purchase/Email/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-7mz8pvvkiu] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-7mz8pvvkiu] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-7mz8pvvkiu] {
  margin-left: auto;
}

.global-actions[b-7mz8pvvkiu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-7mz8pvvkiu]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-7mz8pvvkiu]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-7mz8pvvkiu] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-7mz8pvvkiu] {
  background-color: var(--color-hover-background);
}

.primary[b-7mz8pvvkiu] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-7mz8pvvkiu] {
  background-color: var(--color-primary-hover);
}

.warning[b-7mz8pvvkiu] {
  background-color: var(--color-warning);
}

[b-7mz8pvvkiu] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-7mz8pvvkiu] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-7mz8pvvkiu] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-7mz8pvvkiu] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-7mz8pvvkiu] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-7mz8pvvkiu],
.date-and-time[b-7mz8pvvkiu],
.phone-and-email[b-7mz8pvvkiu],
.pax[b-7mz8pvvkiu],
.serving-note-and-button[b-7mz8pvvkiu],
.order-type[b-7mz8pvvkiu],
.select-table[b-7mz8pvvkiu],
.select-banquet-hall[b-7mz8pvvkiu],
.placeholder[b-7mz8pvvkiu] {
  width: calc(50% - 2rem);
}

.order-type[b-7mz8pvvkiu] {
  order: -1;
}

.pax[b-7mz8pvvkiu],
.date-and-time[b-7mz8pvvkiu],
.phone-and-email[b-7mz8pvvkiu] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-7mz8pvvkiu] {
  position: relative;
}
.date-and-time:focus-within[b-7mz8pvvkiu]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-7mz8pvvkiu],
.date-and-time:focus-within .time[b-7mz8pvvkiu] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-7mz8pvvkiu],
.date[b-7mz8pvvkiu],
.time[b-7mz8pvvkiu],
.phone[b-7mz8pvvkiu],
.email[b-7mz8pvvkiu],
.select-table-inner[b-7mz8pvvkiu] {
  width: calc(50% - 0.5rem);
}

label[b-7mz8pvvkiu] {
  display: block;
  font-weight: 600;
}
.order-line label[b-7mz8pvvkiu], .new-order-line label[b-7mz8pvvkiu] {
  margin-bottom: 0;
}

.label[b-7mz8pvvkiu] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-7mz8pvvkiu] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-7mz8pvvkiu]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-7mz8pvvkiu] {
  height: 4.3125rem;
}

.date-picker-container[b-7mz8pvvkiu] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-7mz8pvvkiu]  .e-date-wrapper.e-date-container.e-input-group,
[b-7mz8pvvkiu] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-7mz8pvvkiu],
.timeslot-picker-container[b-7mz8pvvkiu] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-7mz8pvvkiu] .date-picker input {
  padding-left: 0 !important;
}

[b-7mz8pvvkiu] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-7mz8pvvkiu] {
  width: 100%;
}

.order-line[b-7mz8pvvkiu] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-7mz8pvvkiu] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-7mz8pvvkiu] {
  position: relative;
}
.new-order-line:focus-within[b-7mz8pvvkiu]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-7mz8pvvkiu] {
  position: relative;
  z-index: 1;
}

.product[b-7mz8pvvkiu] {
  flex-grow: 1;
}
.order-line .product[b-7mz8pvvkiu] {
  overflow: hidden;
}

.product-name[b-7mz8pvvkiu] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-7mz8pvvkiu] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-7mz8pvvkiu] {
  flex: 1;
}

[b-7mz8pvvkiu] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-7mz8pvvkiu] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-7mz8pvvkiu],
.prev:hover[b-7mz8pvvkiu],
.next:hover[b-7mz8pvvkiu],
.pre-order-button:hover[b-7mz8pvvkiu],
.add-order-line:hover[b-7mz8pvvkiu],
.remove-order-line:hover[b-7mz8pvvkiu] {
  background-color: var(--color-hover-background);
}

.close-button[b-7mz8pvvkiu],
.pre-order-button[b-7mz8pvvkiu],
.add-order-line[b-7mz8pvvkiu],
.remove-order-line[b-7mz8pvvkiu] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-7mz8pvvkiu], .close-button:focus[b-7mz8pvvkiu],
.pre-order-button:hover[b-7mz8pvvkiu],
.pre-order-button:focus[b-7mz8pvvkiu],
.add-order-line:hover[b-7mz8pvvkiu],
.add-order-line:focus[b-7mz8pvvkiu],
.remove-order-line:hover[b-7mz8pvvkiu],
.remove-order-line:focus[b-7mz8pvvkiu] {
  border-color: var(--color-primary);
}

.pre-order-button[b-7mz8pvvkiu] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-7mz8pvvkiu]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-7mz8pvvkiu] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-7mz8pvvkiu] {
  width: 100%;
}
.product-table th[b-7mz8pvvkiu],
.product-table td[b-7mz8pvvkiu] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-7mz8pvvkiu],
.product-table td:first-child[b-7mz8pvvkiu] {
  padding-left: 0;
}
.product-table th:last-child[b-7mz8pvvkiu],
.product-table td:last-child[b-7mz8pvvkiu] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-7mz8pvvkiu] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-7mz8pvvkiu] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-7mz8pvvkiu] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-7mz8pvvkiu] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-7mz8pvvkiu] {
  width: 22rem;
}

.action[b-7mz8pvvkiu] {
  width: 2.5rem;
}

.number[b-7mz8pvvkiu],
.serving-type[b-7mz8pvvkiu] {
  width: 8rem;
}

.add-order-line[b-7mz8pvvkiu],
.remove-order-line[b-7mz8pvvkiu] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-7mz8pvvkiu] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-7mz8pvvkiu] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Inventory/Components/InventoryMovementsDialog.razor.rz.scp.css */
.mv-header[b-e850v081xa] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mv-header .mv-title[b-e850v081xa] {
  font-size: 1.1rem;
  font-weight: 600;
}
.mv-header .mv-subtitle[b-e850v081xa] {
  font-size: 0.85rem;
  font-weight: 400;
  color: #6c757d;
}

.mv-content[b-e850v081xa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.25rem;
}
.mv-content .mv-strip[b-e850v081xa] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.mv-content .mv-strip .mv-op[b-e850v081xa] {
  align-self: center;
  color: #6c757d;
  font-weight: 600;
}
.mv-content .mv-strip .mv-seg[b-e850v081xa] {
  flex: 1;
  min-width: 105px;
  padding: 0.5rem 0.65rem;
  border-radius: 4px;
  background: #f8f9fa;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mv-content .mv-strip .mv-seg .mv-seg-label[b-e850v081xa] {
  font-size: 0.75rem;
  color: #6c757d;
  white-space: nowrap;
}
.mv-content .mv-strip .mv-seg .mv-seg-value[b-e850v081xa] {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.mv-content .mv-strip .mv-seg.mv-seg-in .mv-seg-value[b-e850v081xa] {
  color: #198754;
}
.mv-content .mv-strip .mv-seg.mv-seg-out .mv-seg-value[b-e850v081xa] {
  color: #dc3545;
}
.mv-content .mv-strip .mv-seg.mv-seg-ultimo[b-e850v081xa] {
  border: 1px solid #dee2e6;
}
.mv-content .mv-mismatch[b-e850v081xa] {
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  background: #fff3cd;
  border: 1px solid #ffe69c;
  color: #664d03;
  font-size: 0.85rem;
}
.mv-content .mv-filter[b-e850v081xa] {
  display: flex;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  overflow: hidden;
}
.mv-content .mv-filter .mv-filter-btn[b-e850v081xa] {
  flex: 1;
  padding: 0.4rem 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0.9rem;
  color: #495057;
  white-space: nowrap;
}
.mv-content .mv-filter .mv-filter-btn + .mv-filter-btn[b-e850v081xa] {
  border-left: 1px solid #dee2e6;
}
.mv-content .mv-filter .mv-filter-btn.active[b-e850v081xa] {
  background: #e9ecef;
  font-weight: 600;
}
.mv-content .mv-state[b-e850v081xa] {
  padding: 1.5rem 0;
  color: #6c757d;
  text-align: center;
}
.mv-content .mv-state.mv-error[b-e850v081xa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: #dc3545;
}
.mv-content .mv-table[b-e850v081xa] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.mv-content .mv-table th[b-e850v081xa] {
  text-align: left;
  font-weight: 600;
  color: #6c757d;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
.mv-content .mv-table td[b-e850v081xa] {
  padding: 0.45rem 0.5rem;
  border-bottom: 1px solid #f1f3f5;
}
.mv-content .mv-table .mv-num[b-e850v081xa] {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.mv-content .mv-table .mv-in[b-e850v081xa] {
  color: #198754;
}
.mv-content .mv-table .mv-out[b-e850v081xa] {
  color: #dc3545;
}
.mv-content .mv-table .mv-muted[b-e850v081xa] {
  color: #6c757d;
}
.mv-content .mv-more[b-e850v081xa] {
  font-size: 0.8rem;
  color: #6c757d;
  text-align: center;
}
/* /Pages/Inventory/Components/QuickCorrectionDialog.razor.rz.scp.css */
.qc-header[b-qa1rm19j9r] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.qc-header .qc-title[b-qa1rm19j9r] {
  font-size: 1.1rem;
  font-weight: 600;
}
.qc-header .qc-subtitle[b-qa1rm19j9r] {
  font-size: 0.85rem;
  font-weight: 400;
  color: #6c757d;
}

.qc-content[b-qa1rm19j9r] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.25rem;
}
.qc-content .qc-loading[b-qa1rm19j9r] {
  padding: 1rem 0;
  color: #6c757d;
}
.qc-content .qc-field label[b-qa1rm19j9r] {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  color: #6c757d;
}
.qc-content .qc-static-location[b-qa1rm19j9r] {
  padding: 0.45rem 0.6rem;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background: #f8f9fa;
  color: #495057;
}
.qc-content .qc-current[b-qa1rm19j9r] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  border-radius: 4px;
  background: #f8f9fa;
}
.qc-content .qc-current .qc-current-label[b-qa1rm19j9r] {
  font-size: 0.85rem;
  color: #6c757d;
}
.qc-content .qc-current .qc-current-value[b-qa1rm19j9r] {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.qc-content .qc-mode-toggle[b-qa1rm19j9r] {
  display: flex;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  overflow: hidden;
}
.qc-content .qc-mode-toggle .qc-mode-btn[b-qa1rm19j9r] {
  flex: 1;
  padding: 0.4rem 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0.9rem;
  color: #495057;
}
.qc-content .qc-mode-toggle .qc-mode-btn + .qc-mode-btn[b-qa1rm19j9r] {
  border-left: 1px solid #dee2e6;
}
.qc-content .qc-mode-toggle .qc-mode-btn.active[b-qa1rm19j9r] {
  background: #e9ecef;
  font-weight: 600;
}
.qc-content .qc-amount-wrapper[b-qa1rm19j9r] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.qc-content .qc-amount-wrapper .qc-unit[b-qa1rm19j9r] {
  color: #6c757d;
  font-size: 0.85rem;
  white-space: nowrap;
}
.qc-content .qc-preview[b-qa1rm19j9r] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 46px;
  padding: 0.6rem 0.75rem;
  border-radius: 4px;
  background: #f8f9fa;
}
.qc-content .qc-preview .qc-preview-main[b-qa1rm19j9r] {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.qc-content .qc-preview .qc-preview-sub[b-qa1rm19j9r] {
  font-size: 0.8rem;
}
.qc-content .qc-preview .qc-add[b-qa1rm19j9r] {
  color: #198754;
}
.qc-content .qc-preview .qc-remove[b-qa1rm19j9r] {
  color: #dc3545;
}
.qc-content .qc-preview .qc-muted[b-qa1rm19j9r] {
  color: #6c757d;
  font-weight: 400;
}
.qc-content .qc-preview .qc-invalid[b-qa1rm19j9r] {
  color: #dc3545;
}
/* /Pages/Inventory/Correction/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-49xaqd5f6t] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.content[b-49xaqd5f6t] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.overview[b-49xaqd5f6t] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-49xaqd5f6t] {
  margin-left: auto;
}

.global-actions[b-49xaqd5f6t] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-49xaqd5f6t]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-49xaqd5f6t]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-49xaqd5f6t] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-49xaqd5f6t] {
  background-color: var(--color-hover-background);
}

.primary[b-49xaqd5f6t] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-49xaqd5f6t] {
  background-color: var(--color-primary-hover);
}

.warning[b-49xaqd5f6t] {
  background-color: var(--color-warning);
}

[b-49xaqd5f6t] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-49xaqd5f6t] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-49xaqd5f6t] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-49xaqd5f6t] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-49xaqd5f6t] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-49xaqd5f6t],
.date-and-time[b-49xaqd5f6t],
.phone-and-email[b-49xaqd5f6t],
.pax[b-49xaqd5f6t],
.serving-note-and-button[b-49xaqd5f6t],
.order-type[b-49xaqd5f6t],
.select-table[b-49xaqd5f6t],
.select-banquet-hall[b-49xaqd5f6t],
.placeholder[b-49xaqd5f6t] {
  width: calc(50% - 2rem);
}

.order-type[b-49xaqd5f6t] {
  order: -1;
}

.pax[b-49xaqd5f6t],
.date-and-time[b-49xaqd5f6t],
.phone-and-email[b-49xaqd5f6t] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-49xaqd5f6t] {
  position: relative;
}
.date-and-time:focus-within[b-49xaqd5f6t]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-49xaqd5f6t],
.date-and-time:focus-within .time[b-49xaqd5f6t] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-49xaqd5f6t],
.date[b-49xaqd5f6t],
.time[b-49xaqd5f6t],
.phone[b-49xaqd5f6t],
.email[b-49xaqd5f6t],
.select-table-inner[b-49xaqd5f6t] {
  width: calc(50% - 0.5rem);
}

label[b-49xaqd5f6t] {
  display: block;
  font-weight: 600;
}
.order-line label[b-49xaqd5f6t], .new-order-line label[b-49xaqd5f6t] {
  margin-bottom: 0;
}

.label[b-49xaqd5f6t] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-49xaqd5f6t] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-49xaqd5f6t]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-49xaqd5f6t] {
  height: 4.3125rem;
}

.date-picker-container[b-49xaqd5f6t] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-49xaqd5f6t]  .e-date-wrapper.e-date-container.e-input-group,
[b-49xaqd5f6t] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-49xaqd5f6t],
.timeslot-picker-container[b-49xaqd5f6t] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-49xaqd5f6t] .date-picker input {
  padding-left: 0 !important;
}

[b-49xaqd5f6t] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-49xaqd5f6t] {
  width: 100%;
}

.order-line[b-49xaqd5f6t] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-49xaqd5f6t] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-49xaqd5f6t] {
  position: relative;
}
.new-order-line:focus-within[b-49xaqd5f6t]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-49xaqd5f6t] {
  position: relative;
  z-index: 1;
}

.product[b-49xaqd5f6t] {
  flex-grow: 1;
}
.order-line .product[b-49xaqd5f6t] {
  overflow: hidden;
}

.product-name[b-49xaqd5f6t] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-49xaqd5f6t] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-49xaqd5f6t] {
  flex: 1;
}

[b-49xaqd5f6t] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-49xaqd5f6t] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-49xaqd5f6t],
.prev:hover[b-49xaqd5f6t],
.next:hover[b-49xaqd5f6t],
.pre-order-button:hover[b-49xaqd5f6t],
.add-order-line:hover[b-49xaqd5f6t],
.remove-order-line:hover[b-49xaqd5f6t] {
  background-color: var(--color-hover-background);
}

.close-button[b-49xaqd5f6t],
.pre-order-button[b-49xaqd5f6t],
.add-order-line[b-49xaqd5f6t],
.remove-order-line[b-49xaqd5f6t] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-49xaqd5f6t], .close-button:focus[b-49xaqd5f6t],
.pre-order-button:hover[b-49xaqd5f6t],
.pre-order-button:focus[b-49xaqd5f6t],
.add-order-line:hover[b-49xaqd5f6t],
.add-order-line:focus[b-49xaqd5f6t],
.remove-order-line:hover[b-49xaqd5f6t],
.remove-order-line:focus[b-49xaqd5f6t] {
  border-color: var(--color-primary);
}

.pre-order-button[b-49xaqd5f6t] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-49xaqd5f6t]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-49xaqd5f6t] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-49xaqd5f6t] {
  width: 100%;
}
.product-table th[b-49xaqd5f6t],
.product-table td[b-49xaqd5f6t] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-49xaqd5f6t],
.product-table td:first-child[b-49xaqd5f6t] {
  padding-left: 0;
}
.product-table th:last-child[b-49xaqd5f6t],
.product-table td:last-child[b-49xaqd5f6t] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-49xaqd5f6t] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-49xaqd5f6t] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-49xaqd5f6t] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-49xaqd5f6t] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-49xaqd5f6t] {
  width: 22rem;
}

.action[b-49xaqd5f6t] {
  width: 2.5rem;
}

.number[b-49xaqd5f6t],
.serving-type[b-49xaqd5f6t] {
  width: 8rem;
}

.add-order-line[b-49xaqd5f6t],
.remove-order-line[b-49xaqd5f6t] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-49xaqd5f6t] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-49xaqd5f6t] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Inventory/Correction/Components/Lines/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-0adyjlkxwl] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-0adyjlkxwl] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-0adyjlkxwl] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-0adyjlkxwl],
.price[b-0adyjlkxwl],
.pricetotal[b-0adyjlkxwl] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-0adyjlkxwl],
.pricetotal[b-0adyjlkxwl],
.type[b-0adyjlkxwl] {
  width: 8em;
}

th[b-0adyjlkxwl],
td[b-0adyjlkxwl] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-0adyjlkxwl],
td:first-child[b-0adyjlkxwl] {
  padding-left: 0;
}
th:last-child[b-0adyjlkxwl],
td:last-child[b-0adyjlkxwl] {
  padding-right: 0;
}

th[b-0adyjlkxwl] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-0adyjlkxwl] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-0adyjlkxwl] {
  text-align: right;
}

td[b-0adyjlkxwl] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-0adyjlkxwl] {
  width: 60%;
}
.product button[b-0adyjlkxwl] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-0adyjlkxwl] {
  background-color: var(--color-hover-background);
}

.actions[b-0adyjlkxwl] {
  width: 9rem;
}

.quantity[b-0adyjlkxwl] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-0adyjlkxwl] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-0adyjlkxwl] {
  display: inline-flex;
}

.action-button[b-0adyjlkxwl] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-0adyjlkxwl] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-0adyjlkxwl] {
  background-color: var(--color-hover-background);
}

.note[b-0adyjlkxwl] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-0adyjlkxwl] {
  border-top: 0;
}
.note td[b-0adyjlkxwl] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-0adyjlkxwl] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}
/* /Pages/Inventory/Correction/List.razor.rz.scp.css */
.list-wrapper[b-08mu21dozr] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-08mu21dozr] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-08mu21dozr] {
  display: flex;
}

.grid-wrapper[b-08mu21dozr] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-08mu21dozr] {
  line-height: 1.075rem;
}

.nav-link[b-08mu21dozr] {
  padding: 0.3rem 1rem;
}
/* /Pages/Inventory/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.content[b-brr7ychx16] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  gap: 1em;
  max-width: 75rem;
}

.card[b-brr7ychx16] {
  padding: 1.5em;
  background-color: var(--color-card-background);
}

.card-title[b-brr7ychx16] {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.card-sub-title[b-brr7ychx16] {
  font-size: 1em;
  margin-top: 0.75em;
  margin-bottom: 0.25em;
}

[b-brr7ychx16] .production-settings {
  padding: 0.375em 0;
}
/* /Pages/Inventory/List-backup.razor.rz.scp.css */
.list-wrapper[b-srnrluody2] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-srnrluody2] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-srnrluody2] {
  display: flex;
}

.grid-wrapper[b-srnrluody2] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-srnrluody2] {
  line-height: 1rem;
}

.nav-link[b-srnrluody2] {
  padding: 0.3rem 1rem;
}
/* /Pages/Inventory/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-2gibd8zqt1] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-2gibd8zqt1] {
  display: flex;
}
.list-wrapper .btn[b-2gibd8zqt1] {
  white-space: nowrap;
}

.list-wrapper[b-2gibd8zqt1],
.grid-wrapper[b-2gibd8zqt1] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-2gibd8zqt1] {
  display: block;
  max-width: 100%;
}

[b-2gibd8zqt1] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-2gibd8zqt1] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-2gibd8zqt1] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-2gibd8zqt1] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-2gibd8zqt1] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-2gibd8zqt1] .e-toolbar .e-search .e-input,
[b-2gibd8zqt1] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.inv-ultimo[b-2gibd8zqt1] {
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.inv-explainer[b-2gibd8zqt1] {
  color: #6b7280;
  white-space: nowrap;
}

.inv-status[b-2gibd8zqt1] {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
}

.inv-status-critical[b-2gibd8zqt1] {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.inv-status-warning[b-2gibd8zqt1] {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.inv-status-ok[b-2gibd8zqt1] {
  background-color: #ecfeff;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.mv-cell-button[b-2gibd8zqt1] {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
  color: var(--color-secondary);
  text-decoration: underline dotted;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}
.mv-cell-button:hover[b-2gibd8zqt1], .mv-cell-button:focus-visible[b-2gibd8zqt1] {
  text-decoration-style: solid;
}

.qc-open-button[b-2gibd8zqt1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
.qc-open-button:hover[b-2gibd8zqt1] {
  background: #f3f4f6;
}
.qc-open-button img[b-2gibd8zqt1] {
  width: 18px;
  height: 18px;
}

.inventory-filters[b-2gibd8zqt1] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.75rem;
  max-width: 360px;
}

.inventory-toolbar[b-2gibd8zqt1] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.25rem 0 0.75rem 0;
}

.inventory-toolbar[b-2gibd8zqt1]  .e-input-group {
  width: clamp(240px, 26vw, 360px);
}

.inventory-toolbar-dropdown[b-2gibd8zqt1] {
  width: clamp(220px, 22vw, 320px);
}

.inventory-toolbar-dropdown[b-2gibd8zqt1]  .e-dropdownlist {
  width: 100%;
}
/* /Pages/Inventory/Location/List.razor.rz.scp.css */
.list-wrapper[b-05ppsf88nx] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-05ppsf88nx] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-05ppsf88nx] {
  display: flex;
}

.grid-wrapper[b-05ppsf88nx] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-05ppsf88nx] {
  line-height: 1.075rem;
}

.nav-link[b-05ppsf88nx] {
  padding: 0.3rem 1rem;
}
/* /Pages/Inventory/ProductForecastRange/List.razor.rz.scp.css */
.list-wrapper[b-hdc8dxfh4r] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-hdc8dxfh4r] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-hdc8dxfh4r] {
  display: flex;
}

.grid-wrapper[b-hdc8dxfh4r] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-hdc8dxfh4r] {
  line-height: 1.075rem;
}

.nav-link[b-hdc8dxfh4r] {
  padding: 0.3rem 1rem;
}
/* /Pages/Inventory/Purchase/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-s0wh7c3loj] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.content[b-s0wh7c3loj] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.overview[b-s0wh7c3loj] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-s0wh7c3loj] {
  margin-left: auto;
}

[b-s0wh7c3loj] .order-table-min {
  margin-block-start: 0.5rem;
}

.global-actions[b-s0wh7c3loj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
  background-color: var(--color-orderline-background);
  color: var(--color-body-text);
}
.global-actions[b-s0wh7c3loj]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-s0wh7c3loj]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-s0wh7c3loj] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  background-color: var(--color-orderline-background);
  color: var(--color-body-text);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-s0wh7c3loj] {
  background-color: var(--color-hover-background);
}

.primary[b-s0wh7c3loj] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-s0wh7c3loj] {
  background-color: var(--color-primary-hover);
}

.warning[b-s0wh7c3loj] {
  background-color: var(--color-warning);
}

[b-s0wh7c3loj] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-s0wh7c3loj] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-s0wh7c3loj] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-s0wh7c3loj] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-s0wh7c3loj] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-s0wh7c3loj],
.date-and-time[b-s0wh7c3loj],
.phone-and-email[b-s0wh7c3loj],
.pax[b-s0wh7c3loj],
.serving-note-and-button[b-s0wh7c3loj],
.order-type[b-s0wh7c3loj],
.select-table[b-s0wh7c3loj],
.select-banquet-hall[b-s0wh7c3loj],
.placeholder[b-s0wh7c3loj] {
  width: calc(50% - 2rem);
}

.order-type[b-s0wh7c3loj] {
  order: -1;
}

.pax[b-s0wh7c3loj],
.date-and-time[b-s0wh7c3loj],
.phone-and-email[b-s0wh7c3loj] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-s0wh7c3loj] {
  position: relative;
}
.date-and-time:focus-within[b-s0wh7c3loj]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-s0wh7c3loj],
.date-and-time:focus-within .time[b-s0wh7c3loj] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-s0wh7c3loj],
.date[b-s0wh7c3loj],
.time[b-s0wh7c3loj],
.phone[b-s0wh7c3loj],
.email[b-s0wh7c3loj],
.select-table-inner[b-s0wh7c3loj] {
  width: calc(50% - 0.5rem);
}

label[b-s0wh7c3loj] {
  display: block;
  font-weight: 600;
}
.order-line label[b-s0wh7c3loj], .new-order-line label[b-s0wh7c3loj] {
  margin-bottom: 0;
}

.label[b-s0wh7c3loj] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-s0wh7c3loj] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-s0wh7c3loj]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-s0wh7c3loj] {
  height: 4.3125rem;
}

.date-picker-container[b-s0wh7c3loj] {
  height: 2.5rem;
  border: 1px solid var(--color-input-border);
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-s0wh7c3loj]  .e-date-wrapper.e-date-container.e-input-group,
[b-s0wh7c3loj] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-s0wh7c3loj],
.timeslot-picker-container[b-s0wh7c3loj] {
  display: flex;
  border: 1px solid var(--color-input-border);
  border-radius: 4px;
}

[b-s0wh7c3loj] .date-picker input {
  padding-left: 0 !important;
}

[b-s0wh7c3loj] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-s0wh7c3loj] {
  width: 100%;
}

.order-line[b-s0wh7c3loj] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-s0wh7c3loj] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-s0wh7c3loj] {
  position: relative;
}
.new-order-line:focus-within[b-s0wh7c3loj]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-s0wh7c3loj] {
  position: relative;
  z-index: 1;
}

.product[b-s0wh7c3loj] {
  flex-grow: 1;
}
.order-line .product[b-s0wh7c3loj] {
  overflow: hidden;
}

.product-name[b-s0wh7c3loj] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-s0wh7c3loj] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-s0wh7c3loj] {
  flex: 1;
}

[b-s0wh7c3loj] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-s0wh7c3loj] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-s0wh7c3loj],
.prev:hover[b-s0wh7c3loj],
.next:hover[b-s0wh7c3loj],
.pre-order-button:hover[b-s0wh7c3loj],
.add-order-line:hover[b-s0wh7c3loj],
.remove-order-line:hover[b-s0wh7c3loj] {
  background-color: var(--color-hover-background);
}

.close-button[b-s0wh7c3loj],
.pre-order-button[b-s0wh7c3loj],
.add-order-line[b-s0wh7c3loj],
.remove-order-line[b-s0wh7c3loj] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-s0wh7c3loj], .close-button:focus[b-s0wh7c3loj],
.pre-order-button:hover[b-s0wh7c3loj],
.pre-order-button:focus[b-s0wh7c3loj],
.add-order-line:hover[b-s0wh7c3loj],
.add-order-line:focus[b-s0wh7c3loj],
.remove-order-line:hover[b-s0wh7c3loj],
.remove-order-line:focus[b-s0wh7c3loj] {
  border-color: var(--color-primary);
}

.pre-order-button[b-s0wh7c3loj] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-s0wh7c3loj]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-s0wh7c3loj] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-s0wh7c3loj] {
  width: 100%;
}
.product-table th[b-s0wh7c3loj],
.product-table td[b-s0wh7c3loj] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-s0wh7c3loj],
.product-table td:first-child[b-s0wh7c3loj] {
  padding-left: 0;
}
.product-table th:last-child[b-s0wh7c3loj],
.product-table td:last-child[b-s0wh7c3loj] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-s0wh7c3loj] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-s0wh7c3loj] {
  position: sticky;
  top: 0;
  background-color: var(--color-orderline-background);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-s0wh7c3loj] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-s0wh7c3loj] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-s0wh7c3loj] {
  width: 22rem;
}

.action[b-s0wh7c3loj] {
  width: 2.5rem;
}

.number[b-s0wh7c3loj],
.serving-type[b-s0wh7c3loj] {
  width: 8rem;
}

.add-order-line[b-s0wh7c3loj],
.remove-order-line[b-s0wh7c3loj] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-s0wh7c3loj] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-s0wh7c3loj] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Inventory/Purchase/AddForeCast.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-n7gpr5fytj] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-n7gpr5fytj] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-n7gpr5fytj] {
  margin-left: auto;
}

.global-actions[b-n7gpr5fytj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-n7gpr5fytj]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-n7gpr5fytj]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-n7gpr5fytj] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-n7gpr5fytj] {
  background-color: var(--color-hover-background);
}

.primary[b-n7gpr5fytj] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-n7gpr5fytj] {
  background-color: var(--color-primary-hover);
}

.warning[b-n7gpr5fytj] {
  background-color: var(--color-warning);
}

[b-n7gpr5fytj] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-n7gpr5fytj] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-n7gpr5fytj] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-n7gpr5fytj] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-n7gpr5fytj] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-n7gpr5fytj],
.date-and-time[b-n7gpr5fytj],
.phone-and-email[b-n7gpr5fytj],
.pax[b-n7gpr5fytj],
.serving-note-and-button[b-n7gpr5fytj],
.order-type[b-n7gpr5fytj],
.select-table[b-n7gpr5fytj],
.select-banquet-hall[b-n7gpr5fytj],
.placeholder[b-n7gpr5fytj] {
  width: calc(50% - 2rem);
}

.order-type[b-n7gpr5fytj] {
  order: -1;
}

.pax[b-n7gpr5fytj],
.date-and-time[b-n7gpr5fytj],
.phone-and-email[b-n7gpr5fytj] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-n7gpr5fytj] {
  position: relative;
}
.date-and-time:focus-within[b-n7gpr5fytj]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-n7gpr5fytj],
.date-and-time:focus-within .time[b-n7gpr5fytj] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-n7gpr5fytj],
.date[b-n7gpr5fytj],
.time[b-n7gpr5fytj],
.phone[b-n7gpr5fytj],
.email[b-n7gpr5fytj],
.select-table-inner[b-n7gpr5fytj] {
  width: calc(50% - 0.5rem);
}

label[b-n7gpr5fytj] {
  display: block;
  font-weight: 600;
}
.order-line label[b-n7gpr5fytj], .new-order-line label[b-n7gpr5fytj] {
  margin-bottom: 0;
}

.label[b-n7gpr5fytj] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-n7gpr5fytj] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-n7gpr5fytj]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-n7gpr5fytj] {
  height: 4.3125rem;
}

.date-picker-container[b-n7gpr5fytj] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-n7gpr5fytj]  .e-date-wrapper.e-date-container.e-input-group,
[b-n7gpr5fytj] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-n7gpr5fytj],
.timeslot-picker-container[b-n7gpr5fytj] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-n7gpr5fytj] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-n7gpr5fytj] {
  width: 100%;
}

.order-line[b-n7gpr5fytj] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-n7gpr5fytj] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-n7gpr5fytj] {
  position: relative;
}
.new-order-line:focus-within[b-n7gpr5fytj]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-n7gpr5fytj] {
  position: relative;
  z-index: 1;
}

.product[b-n7gpr5fytj] {
  flex-grow: 1;
}
.order-line .product[b-n7gpr5fytj] {
  overflow: hidden;
}

.product-name[b-n7gpr5fytj] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-n7gpr5fytj] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-n7gpr5fytj] {
  flex: 1;
}

[b-n7gpr5fytj] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-n7gpr5fytj] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-n7gpr5fytj],
.prev:hover[b-n7gpr5fytj],
.next:hover[b-n7gpr5fytj],
.pre-order-button:hover[b-n7gpr5fytj],
.add-order-line:hover[b-n7gpr5fytj],
.remove-order-line:hover[b-n7gpr5fytj] {
  background-color: var(--color-hover-background);
}

.close-button[b-n7gpr5fytj],
.pre-order-button[b-n7gpr5fytj],
.add-order-line[b-n7gpr5fytj],
.remove-order-line[b-n7gpr5fytj] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-n7gpr5fytj], .close-button:focus[b-n7gpr5fytj],
.pre-order-button:hover[b-n7gpr5fytj],
.pre-order-button:focus[b-n7gpr5fytj],
.add-order-line:hover[b-n7gpr5fytj],
.add-order-line:focus[b-n7gpr5fytj],
.remove-order-line:hover[b-n7gpr5fytj],
.remove-order-line:focus[b-n7gpr5fytj] {
  border-color: var(--color-primary);
}

.pre-order-button[b-n7gpr5fytj] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-n7gpr5fytj]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-n7gpr5fytj] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-n7gpr5fytj] {
  width: 100%;
}
.product-table th[b-n7gpr5fytj],
.product-table td[b-n7gpr5fytj] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-n7gpr5fytj],
.product-table td:first-child[b-n7gpr5fytj] {
  padding-left: 0;
}
.product-table th:last-child[b-n7gpr5fytj],
.product-table td:last-child[b-n7gpr5fytj] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-n7gpr5fytj] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-n7gpr5fytj] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-n7gpr5fytj] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-n7gpr5fytj] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-n7gpr5fytj] {
  width: 22rem;
}

.action[b-n7gpr5fytj] {
  width: 2.5rem;
}

.number[b-n7gpr5fytj],
.serving-type[b-n7gpr5fytj] {
  width: 8rem;
}

.add-order-line[b-n7gpr5fytj],
.remove-order-line[b-n7gpr5fytj] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-n7gpr5fytj] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-n7gpr5fytj] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Inventory/Purchase/Components/Forecast/AddEditRawMaterialsForecast.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-k2y9nu4wwj] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-k2y9nu4wwj] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-k2y9nu4wwj] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-k2y9nu4wwj],
.price[b-k2y9nu4wwj],
.pricetotal[b-k2y9nu4wwj] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-k2y9nu4wwj],
.pricetotal[b-k2y9nu4wwj],
.type[b-k2y9nu4wwj] {
  width: 8em;
}

th[b-k2y9nu4wwj],
td[b-k2y9nu4wwj] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-k2y9nu4wwj],
td:first-child[b-k2y9nu4wwj] {
  padding-left: 0;
}
th:last-child[b-k2y9nu4wwj],
td:last-child[b-k2y9nu4wwj] {
  padding-right: 0;
}

th[b-k2y9nu4wwj] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-k2y9nu4wwj] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-k2y9nu4wwj] {
  text-align: right;
}

td[b-k2y9nu4wwj] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-k2y9nu4wwj] {
  width: 60%;
}
.product button[b-k2y9nu4wwj] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-k2y9nu4wwj] {
  background-color: var(--color-hover-background);
}

.actions[b-k2y9nu4wwj] {
  width: 9rem;
}

.quantity[b-k2y9nu4wwj] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-k2y9nu4wwj] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-k2y9nu4wwj] {
  display: inline-flex;
}

.action-button[b-k2y9nu4wwj] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-k2y9nu4wwj] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-k2y9nu4wwj] {
  background-color: var(--color-hover-background);
}

.note[b-k2y9nu4wwj] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-k2y9nu4wwj] {
  border-top: 0;
}
.note td[b-k2y9nu4wwj] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-k2y9nu4wwj] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

[b-k2y9nu4wwj] .sf-grid {
  margin-bottom: 1rem;
}
[b-k2y9nu4wwj] .supplier-column .e-input-group {
  display: flex;
  align-items: center;
  height: 2.375rem;
  padding-left: 0.5rem;
}
/* /Pages/Inventory/Purchase/Components/Forecast/AddEditSalesForecast.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-he2jwzt09v] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-he2jwzt09v] {
    --header-height: 3.5rem;
  }
}
:root[b-he2jwzt09v] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-he2jwzt09v] {
    --page-padding: 2rem;
  }
}
:root[b-he2jwzt09v] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-he2jwzt09v] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-he2jwzt09v] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-he2jwzt09v] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-he2jwzt09v] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-he2jwzt09v] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-he2jwzt09v] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-he2jwzt09v] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-he2jwzt09v] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-he2jwzt09v] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-he2jwzt09v] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-he2jwzt09v] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-he2jwzt09v],
.menu-collapsed ~ .main[b-he2jwzt09v] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-he2jwzt09v] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-he2jwzt09v] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-he2jwzt09v] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-he2jwzt09v] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-he2jwzt09v],
.price[b-he2jwzt09v],
.pricetotal[b-he2jwzt09v] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-he2jwzt09v],
.pricetotal[b-he2jwzt09v],
.type[b-he2jwzt09v] {
  width: 8em;
}

th[b-he2jwzt09v],
td[b-he2jwzt09v] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-he2jwzt09v],
td:first-child[b-he2jwzt09v] {
  padding-left: 0;
}
th:last-child[b-he2jwzt09v],
td:last-child[b-he2jwzt09v] {
  padding-right: 0;
}

th[b-he2jwzt09v] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-he2jwzt09v] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-he2jwzt09v] {
  text-align: right;
}

td[b-he2jwzt09v] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-he2jwzt09v] {
  width: 60%;
}
.product button[b-he2jwzt09v] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-he2jwzt09v] {
  background-color: var(--color-hover-background);
}

.actions[b-he2jwzt09v] {
  width: 9rem;
}

.quantity[b-he2jwzt09v] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-he2jwzt09v] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-he2jwzt09v] {
  display: inline-flex;
}

.action-button[b-he2jwzt09v] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-he2jwzt09v] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-he2jwzt09v] {
  background-color: var(--color-hover-background);
}

.note[b-he2jwzt09v] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-he2jwzt09v] {
  border-top: 0;
}
.note td[b-he2jwzt09v] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-he2jwzt09v] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.filter-wrapper[b-he2jwzt09v] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-he2jwzt09v] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-he2jwzt09v] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-he2jwzt09v] {
  color: var(--color-primary);
}

.product-cell[b-he2jwzt09v] {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  line-height: 1.3;
}
.product-cell .product-name[b-he2jwzt09v] {
  font-weight: 500;
  white-space: normal;
  word-break: break-word;
}
.product-cell .product-sales-types[b-he2jwzt09v] {
  font-size: 0.8em;
  opacity: 0.6;
}

[b-he2jwzt09v] .sf-grid {
  margin-bottom: 1rem;
}
[b-he2jwzt09v] .action-button {
  border: 1px solid var(--color-border-subtle);
  border-radius: 4px;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.15s;
}
[b-he2jwzt09v] .action-button:hover {
  background-color: var(--color-hover-background);
}
/* /Pages/Inventory/Purchase/Components/Forecast/AddEditSemiProductsForecast.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-np36l2g7oh] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-np36l2g7oh] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-np36l2g7oh] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-np36l2g7oh],
.price[b-np36l2g7oh],
.pricetotal[b-np36l2g7oh] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-np36l2g7oh],
.pricetotal[b-np36l2g7oh],
.type[b-np36l2g7oh] {
  width: 8em;
}

th[b-np36l2g7oh],
td[b-np36l2g7oh] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-np36l2g7oh],
td:first-child[b-np36l2g7oh] {
  padding-left: 0;
}
th:last-child[b-np36l2g7oh],
td:last-child[b-np36l2g7oh] {
  padding-right: 0;
}

th[b-np36l2g7oh] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-np36l2g7oh] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-np36l2g7oh] {
  text-align: right;
}

td[b-np36l2g7oh] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-np36l2g7oh] {
  width: 60%;
}
.product button[b-np36l2g7oh] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-np36l2g7oh] {
  background-color: var(--color-hover-background);
}

.actions[b-np36l2g7oh] {
  width: 9rem;
}

.quantity[b-np36l2g7oh] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-np36l2g7oh] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-np36l2g7oh] {
  display: inline-flex;
}

.action-button[b-np36l2g7oh] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-np36l2g7oh] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-np36l2g7oh] {
  background-color: var(--color-hover-background);
}

.note[b-np36l2g7oh] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-np36l2g7oh] {
  border-top: 0;
}
.note td[b-np36l2g7oh] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-np36l2g7oh] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

[b-np36l2g7oh] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Inventory/Purchase/Components/Forecast/PurchaseSalesOrders.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-hwutkqlwd9] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-hwutkqlwd9] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-hwutkqlwd9] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-hwutkqlwd9],
.price[b-hwutkqlwd9],
.pricetotal[b-hwutkqlwd9] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-hwutkqlwd9],
.pricetotal[b-hwutkqlwd9],
.type[b-hwutkqlwd9] {
  width: 8em;
}

th[b-hwutkqlwd9],
td[b-hwutkqlwd9] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-hwutkqlwd9],
td:first-child[b-hwutkqlwd9] {
  padding-left: 0;
}
th:last-child[b-hwutkqlwd9],
td:last-child[b-hwutkqlwd9] {
  padding-right: 0;
}

th[b-hwutkqlwd9] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-hwutkqlwd9] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-hwutkqlwd9] {
  text-align: right;
}

td[b-hwutkqlwd9] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-hwutkqlwd9] {
  width: 60%;
}
.product button[b-hwutkqlwd9] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-hwutkqlwd9] {
  background-color: var(--color-hover-background);
}

.actions[b-hwutkqlwd9] {
  width: 9rem;
}

.quantity[b-hwutkqlwd9] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-hwutkqlwd9] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-hwutkqlwd9] {
  display: inline-flex;
}

.action-button[b-hwutkqlwd9] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-hwutkqlwd9] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-hwutkqlwd9] {
  background-color: var(--color-hover-background);
}

.note[b-hwutkqlwd9] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-hwutkqlwd9] {
  border-top: 0;
}
.note td[b-hwutkqlwd9] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-hwutkqlwd9] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

/* Container sizes for various content containers */
/* Container sizes for various content containers */
.add-supplier[b-hwutkqlwd9] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

.add-supplier a[b-hwutkqlwd9] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.add-supplier button[b-hwutkqlwd9],
.add-supplier a[b-hwutkqlwd9] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.primary[b-hwutkqlwd9] {
  background-color: var(--color-primary);
  color: white;
}

.secondary[b-hwutkqlwd9] {
  background-color: var(--color-secondary);
  color: white;
}

.hasRecipe[b-hwutkqlwd9] {
  background-image: url("images/icons/chef.svg");
  height: 1.5rem;
  width: 1.5rem;
  margin-top: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
}
/* /Pages/Inventory/Purchase/Components/Heading/AddEditForecast.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.date-wrapper[b-d7tywowjz2] {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 700;
}
.date-wrapper > *[b-d7tywowjz2] {
  margin-bottom: 2rem;
}
.date-wrapper .separator[b-d7tywowjz2] {
  margin: 0 0.5rem;
}

.form-groups-wrapper[b-d7tywowjz2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1em;
}

.form-groups-filter-wrapper[b-d7tywowjz2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1em;
}
.form-groups-filter-wrapper > *[b-d7tywowjz2] {
  margin-bottom: 0.25rem;
}

.filter-title[b-d7tywowjz2] {
  font-size: 1em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.filter-element[b-d7tywowjz2] {
  width: 350px;
  color: var(--color-body-text);
}
/* /Pages/Inventory/Purchase/Components/PurchaseLines/AddEdit.razor.rz.scp.css */
.order-table-min[b-uw8z5p934z] {
  overflow-y: auto;
}
.order-table-min table[b-uw8z5p934z] {
  background-color: var(--color-orderline-background);
  color: var(--color-body-text);
}
.order-table-min thead th[b-uw8z5p934z] {
  background-color: var(--color-orderline-background);
  color: var(--color-body-text);
}
.order-table-min td[b-uw8z5p934z] {
  color: var(--color-body-text);
}
.order-table-min tbody tr[b-uw8z5p934z] {
  border-bottom: 1px solid var(--color-border-subtle);
}
.order-table-min tbody tr:last-child[b-uw8z5p934z] {
  border-bottom: none;
}
.order-table-min input[b-uw8z5p934z],
.order-table-min .e-input[b-uw8z5p934z],
.order-table-min .e-numerictextbox[b-uw8z5p934z],
.order-table-min .e-input-group[b-uw8z5p934z],
.order-table-min .e-input-group.e-control-wrapper[b-uw8z5p934z],
.order-table-min .e-input-group input.e-input[b-uw8z5p934z],
.order-table-min .e-numeric.e-input-group.e-control-wrapper[b-uw8z5p934z] {
  background-color: var(--color-input-background) !important;
  color: var(--color-body-text) !important;
  border-color: var(--color-border-subtle) !important;
}
.order-table-min .e-input-group:not(.e-disabled)[b-uw8z5p934z]::before,
.order-table-min .e-input-group:not(.e-disabled)[b-uw8z5p934z]::after {
  background: var(--color-border-subtle) !important;
}
.order-table-min .action-button[b-uw8z5p934z] {
  background-color: transparent;
  color: var(--color-body-text);
  border-color: transparent;
  transition: border-color 0.15s, background-color 0.15s;
}
.order-table-min .action-button:hover[b-uw8z5p934z], .order-table-min .action-button:focus-visible[b-uw8z5p934z] {
  border-color: var(--color-border-subtle);
  background-color: var(--color-input-background);
}

:global(html:has(.Dark)) .action-button img[b-uw8z5p934z],
:global(html:has(.SystemPreference)) .action-button img[b-uw8z5p934z] {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: light) {
  :global(html:has(.SystemPreference)) .action-button img[b-uw8z5p934z] {
    filter: none;
  }
}
:global(html:has(.Light)) .action-button img[b-uw8z5p934z] {
  filter: none;
}
/* /Pages/Inventory/Purchase/Components/PurchaseLines/AddStock.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-6z9bwapb5s] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-6z9bwapb5s] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-6z9bwapb5s] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-6z9bwapb5s],
.price[b-6z9bwapb5s],
.pricetotal[b-6z9bwapb5s] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-6z9bwapb5s],
.pricetotal[b-6z9bwapb5s],
.type[b-6z9bwapb5s] {
  width: 8em;
}

th[b-6z9bwapb5s],
td[b-6z9bwapb5s] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-6z9bwapb5s],
td:first-child[b-6z9bwapb5s] {
  padding-left: 0;
}
th:last-child[b-6z9bwapb5s],
td:last-child[b-6z9bwapb5s] {
  padding-right: 0;
}

th[b-6z9bwapb5s] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-6z9bwapb5s] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-6z9bwapb5s] {
  text-align: right;
}

td[b-6z9bwapb5s] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-6z9bwapb5s] {
  width: 60%;
}
.product button[b-6z9bwapb5s] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-6z9bwapb5s] {
  background-color: var(--color-hover-background);
}

.actions[b-6z9bwapb5s] {
  width: 9rem;
}

.quantity[b-6z9bwapb5s] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-6z9bwapb5s] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-6z9bwapb5s] {
  display: inline-flex;
}

.action-button[b-6z9bwapb5s] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-6z9bwapb5s] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-6z9bwapb5s] {
  background-color: var(--color-hover-background);
}

.note[b-6z9bwapb5s] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-6z9bwapb5s] {
  border-top: 0;
}
.note td[b-6z9bwapb5s] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-6z9bwapb5s] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}
/* /Pages/Inventory/Purchase/Components/StatusButton.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.status-button[b-9sy4h0h7e8] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
.status-button:not(.primary):hover[b-9sy4h0h7e8] {
  background-color: var(--color-hover-background);
}
/* /Pages/Inventory/Purchase/List.razor.rz.scp.css */
.list-wrapper[b-2remsll0pb] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-2remsll0pb] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-2remsll0pb] {
  display: flex;
}

.grid-wrapper[b-2remsll0pb] {
  max-width: 100%;
}

.e-grid .e-rowcell[b-2remsll0pb] {
  line-height: 1.075rem;
}

.nav-link[b-2remsll0pb] {
  padding: 0.3rem 1rem;
}
/* /Pages/Inventory/Purchase/MoveToStock.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-qfocp6vzsb] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-qfocp6vzsb] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-qfocp6vzsb] {
  margin-left: auto;
}

.sync-status[b-qfocp6vzsb] {
  padding: 0.5rem;
  font-size: 0.85rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sync-status--pending[b-qfocp6vzsb] {
  background-color: #fff3cd;
  color: #856404;
}
.sync-status--failed[b-qfocp6vzsb] {
  background-color: #f8d7da;
  color: #721c24;
}

.global-actions[b-qfocp6vzsb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-qfocp6vzsb]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-qfocp6vzsb]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-qfocp6vzsb] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-qfocp6vzsb] {
  background-color: var(--color-hover-background);
}

.primary[b-qfocp6vzsb] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-qfocp6vzsb] {
  background-color: var(--color-primary-hover);
}

.warning[b-qfocp6vzsb] {
  background-color: var(--color-warning);
}

[b-qfocp6vzsb] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-qfocp6vzsb] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-qfocp6vzsb] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-qfocp6vzsb] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-qfocp6vzsb] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-qfocp6vzsb],
.date-and-time[b-qfocp6vzsb],
.phone-and-email[b-qfocp6vzsb],
.pax[b-qfocp6vzsb],
.serving-note-and-button[b-qfocp6vzsb],
.order-type[b-qfocp6vzsb],
.select-table[b-qfocp6vzsb],
.select-banquet-hall[b-qfocp6vzsb],
.placeholder[b-qfocp6vzsb] {
  width: calc(50% - 2rem);
}

.order-type[b-qfocp6vzsb] {
  order: -1;
}

.pax[b-qfocp6vzsb],
.date-and-time[b-qfocp6vzsb],
.phone-and-email[b-qfocp6vzsb] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-qfocp6vzsb] {
  position: relative;
}
.date-and-time:focus-within[b-qfocp6vzsb]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-qfocp6vzsb],
.date-and-time:focus-within .time[b-qfocp6vzsb] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-qfocp6vzsb],
.date[b-qfocp6vzsb],
.time[b-qfocp6vzsb],
.phone[b-qfocp6vzsb],
.email[b-qfocp6vzsb],
.select-table-inner[b-qfocp6vzsb] {
  width: calc(50% - 0.5rem);
}

label[b-qfocp6vzsb] {
  display: block;
  font-weight: 600;
}
.order-line label[b-qfocp6vzsb], .new-order-line label[b-qfocp6vzsb] {
  margin-bottom: 0;
}

.label[b-qfocp6vzsb] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-qfocp6vzsb] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-qfocp6vzsb]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-qfocp6vzsb] {
  height: 4.3125rem;
}

.date-picker-container[b-qfocp6vzsb] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-qfocp6vzsb]  .e-date-wrapper.e-date-container.e-input-group,
[b-qfocp6vzsb] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-qfocp6vzsb],
.timeslot-picker-container[b-qfocp6vzsb] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-qfocp6vzsb] .date-picker input {
  padding-left: 0 !important;
}

[b-qfocp6vzsb] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-qfocp6vzsb] {
  width: 100%;
}

.order-line[b-qfocp6vzsb] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-qfocp6vzsb] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-qfocp6vzsb] {
  position: relative;
}
.new-order-line:focus-within[b-qfocp6vzsb]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-qfocp6vzsb] {
  position: relative;
  z-index: 1;
}

.product[b-qfocp6vzsb] {
  flex-grow: 1;
}
.order-line .product[b-qfocp6vzsb] {
  overflow: hidden;
}

.product-name[b-qfocp6vzsb] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-qfocp6vzsb] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-qfocp6vzsb] {
  flex: 1;
}

[b-qfocp6vzsb] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-qfocp6vzsb] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-qfocp6vzsb],
.prev:hover[b-qfocp6vzsb],
.next:hover[b-qfocp6vzsb],
.pre-order-button:hover[b-qfocp6vzsb],
.add-order-line:hover[b-qfocp6vzsb],
.remove-order-line:hover[b-qfocp6vzsb] {
  background-color: var(--color-hover-background);
}

.close-button[b-qfocp6vzsb],
.pre-order-button[b-qfocp6vzsb],
.add-order-line[b-qfocp6vzsb],
.remove-order-line[b-qfocp6vzsb] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-qfocp6vzsb], .close-button:focus[b-qfocp6vzsb],
.pre-order-button:hover[b-qfocp6vzsb],
.pre-order-button:focus[b-qfocp6vzsb],
.add-order-line:hover[b-qfocp6vzsb],
.add-order-line:focus[b-qfocp6vzsb],
.remove-order-line:hover[b-qfocp6vzsb],
.remove-order-line:focus[b-qfocp6vzsb] {
  border-color: var(--color-primary);
}

.pre-order-button[b-qfocp6vzsb] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-qfocp6vzsb]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-qfocp6vzsb] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-qfocp6vzsb] {
  width: 100%;
}
.product-table th[b-qfocp6vzsb],
.product-table td[b-qfocp6vzsb] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-qfocp6vzsb],
.product-table td:first-child[b-qfocp6vzsb] {
  padding-left: 0;
}
.product-table th:last-child[b-qfocp6vzsb],
.product-table td:last-child[b-qfocp6vzsb] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-qfocp6vzsb] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-qfocp6vzsb] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-qfocp6vzsb] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-qfocp6vzsb] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-qfocp6vzsb] {
  width: 22rem;
}

.action[b-qfocp6vzsb] {
  width: 2.5rem;
}

.number[b-qfocp6vzsb],
.serving-type[b-qfocp6vzsb] {
  width: 8rem;
}

.add-order-line[b-qfocp6vzsb],
.remove-order-line[b-qfocp6vzsb] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-qfocp6vzsb] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-qfocp6vzsb] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Inventory/SupplierProductImport/Components/AuditPanel/ImportAuditPanel.razor.rz.scp.css */
@charset "UTF-8";
.audit-stats[b-axtbryas1b] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.stat-card[b-axtbryas1b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  min-width: 100px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.stat-number[b-axtbryas1b] {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.stat-label[b-axtbryas1b] {
  font-size: 0.72rem;
  color: #666;
  margin-top: 6px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.stat-total .stat-number[b-axtbryas1b] {
  color: #1565c0;
}

.stat-imported .stat-number[b-axtbryas1b] {
  color: #2e7d32;
}

.stat-failed .stat-number[b-axtbryas1b] {
  color: #c62828;
}

.stat-ignored .stat-number[b-axtbryas1b] {
  color: #757575;
}

.stat-manual .stat-number[b-axtbryas1b] {
  color: #e65100;
}

.audit-executed-at[b-axtbryas1b] {
  font-size: 0.875em;
  color: #888;
  margin-bottom: 20px;
}

.filter-bar[b-axtbryas1b] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.actions[b-axtbryas1b] {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

.changelog-section[b-axtbryas1b] {
  margin-top: 24px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 0;
}

.changelog-toggle[b-axtbryas1b] {
  cursor: pointer;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 0.9rem;
  color: #444;
  list-style: none;
  user-select: none;
}
.changelog-toggle[b-axtbryas1b]::before {
  content: "▶ ";
  font-size: 0.7em;
}

.changelog-section[open] .changelog-toggle[b-axtbryas1b]::before {
  content: "▼ ";
}
/* /Pages/Inventory/SupplierProductImport/Components/ReviewGrid/LineEditPanel.razor.rz.scp.css */
.form-static-value[b-se3524l4pt] {
  padding: 6px 8px;
  font-size: 0.95em;
  color: #555;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-height: 32px;
}

.unit-warning-alert[b-se3524l4pt] {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 10px;
  margin-top: 4px;
  background-color: #fff8e1;
  border: 1px solid #ffe082;
  border-left: 4px solid #f9a825;
  border-radius: 4px;
  font-size: 0.875em;
  color: #5d4037;
  white-space: normal;
  word-break: break-word;
}

.unit-warning-alert span[b-se3524l4pt] {
  flex-shrink: 0;
  font-size: 1em;
}
/* /Pages/Inventory/SupplierProductImport/Components/ReviewGrid/ReviewLinesGrid.razor.rz.scp.css */
.grid-toolbar[b-4vob16x85k] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.bulk-dropdown-wrapper[b-4vob16x85k] {
  min-width: 160px;
  max-width: 240px;
}

.error-text[b-4vob16x85k] {
  display: block;
  max-width: 180px;
  max-height: 4.5em;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #c00;
  font-size: 0.85em;
}

.conflict-old[b-4vob16x85k] {
  display: block;
  font-size: 0.85em;
  color: var(--text-muted, #6b7280);
  text-decoration: line-through;
  cursor: help;
}

.conflict-conversion[b-4vob16x85k] {
  margin-left: 4px;
  color: #b45309;
  font-size: 0.85em;
  cursor: help;
}

.unit-cell[b-4vob16x85k] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.unit-code[b-4vob16x85k] {
  font-weight: 600;
}

.unit-conversion[b-4vob16x85k] {
  font-size: 0.85em;
  color: var(--text-muted, #6b7280);
}

.unit-missing[b-4vob16x85k] {
  font-size: 0.85em;
  color: var(--color-amber, #d97706);
}

.match-cell[b-4vob16x85k] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.product-link[b-4vob16x85k] {
  display: inline-flex;
  align-items: center;
  color: var(--text-muted, #6b7280);
  font-size: 0.8em;
  text-decoration: none;
  line-height: 1;
  opacity: 0.7;
}
.product-link:hover[b-4vob16x85k] {
  color: var(--color-primary, #3b82f6);
  opacity: 1;
}

.price-cell[b-4vob16x85k] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.action-cell-inner[b-4vob16x85k] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.create-edit-btn[b-4vob16x85k] {
  min-width: 28px;
  padding: 2px 6px;
  font-size: 0.85rem;
  flex-shrink: 0;
}
/* /Pages/Inventory/Transaction/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-kevcvyoe73] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-kevcvyoe73] {
  display: flex;
}
.list-wrapper .btn[b-kevcvyoe73] {
  white-space: nowrap;
}

.list-wrapper[b-kevcvyoe73],
.grid-wrapper[b-kevcvyoe73] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-kevcvyoe73] {
  display: block;
  max-width: 100%;
}

[b-kevcvyoe73] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-kevcvyoe73] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-kevcvyoe73] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-kevcvyoe73] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-kevcvyoe73] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-kevcvyoe73] .e-toolbar .e-search .e-input,
[b-kevcvyoe73] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/*.list-wrapper {
    width: 100%;*/
/*max-width: var(--component-max-width);*/
/*}

.list-wrapper .list-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details {
  display: flex;
}

.grid-wrapper {
    max-width: 100%;
}

.e-grid .e-rowcell {
    line-height: 1.075rem;
}

.nav-link {
    padding: 0.3rem 1rem;
}*/
/* /Pages/Inventory/Transaction/ListGrid.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-jll5teh9m0] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-jll5teh9m0] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-jll5teh9m0] {
  display: flex;
}
.list-wrapper .btn[b-jll5teh9m0] {
  white-space: nowrap;
}

.list-wrapper[b-jll5teh9m0],
.grid-wrapper[b-jll5teh9m0] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-jll5teh9m0] {
  display: block;
  max-width: 100%;
}

[b-jll5teh9m0] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-jll5teh9m0] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-jll5teh9m0] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-jll5teh9m0] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-jll5teh9m0] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-jll5teh9m0] .e-toolbar .e-search .e-input,
[b-jll5teh9m0] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* =========================================================
   Header layout
   ========================================================= */
.header[b-jll5teh9m0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  row-gap: 1rem;
  column-gap: 1.5rem;
}

.header-area.element[b-jll5teh9m0] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .header-area.element[b-jll5teh9m0] {
    width: auto;
  }
}

.header .date-picker-container[b-jll5teh9m0] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.status-filter-container[b-jll5teh9m0] {
  display: flex;
  width: 17.5rem;
  flex: 0 0 auto;
}

/* =========================================================
   Navigation buttons
   ========================================================= */
.prev[b-jll5teh9m0],
.next[b-jll5teh9m0] {
  width: 2.5rem;
  flex-shrink: 0;
  background: #fff;
  border-color: transparent;
}

.prev[b-jll5teh9m0] {
  border-radius: 4px 0 0 4px;
}

.next[b-jll5teh9m0] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-jll5teh9m0],
.next-icon[b-jll5teh9m0] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-jll5teh9m0] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-jll5teh9m0] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-jll5teh9m0] .status-filter-container .e-multiselect {
  min-height: 2.75em;
}
/* /Pages/Invoices/Components/AddEditInvoiceDraftItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.radio-group label[b-dbwym4dzk1] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.add-products[b-dbwym4dzk1] {
  color: var(--color-body-text);
  border: 0.3125rem solid var(--color-accent);
  border-top: 0;
  border-radius: 0.25rem;
}

.edit-mode-title[b-dbwym4dzk1] {
  font-size: 1.125rem;
  line-height: 1.11111111;
  padding: 0.55555556em 0.4375rem;
  background-color: var(--color-accent);
  color: var(--color-accent-contrast);
  font-weight: 700;
}

.form-wrapper[b-dbwym4dzk1] {
  margin: 0.75rem 0.4375rem 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-group[b-dbwym4dzk1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

.product-panel[b-dbwym4dzk1],
.radio-group[b-dbwym4dzk1] {
  max-height: 20rem;
  overflow-y: auto;
  transition: max-height 0.25s ease-out;
}

.product-panel:not(.open)[b-dbwym4dzk1],
.radio-group:not(.open)[b-dbwym4dzk1] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in;
  padding: 0;
}

.product-panel button[b-dbwym4dzk1] {
  color: white;
  background-color: #555;
}

.add-products[b-dbwym4dzk1]  button,
.radio-button-wrapper[b-dbwym4dzk1] {
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.order-line-note[b-dbwym4dzk1] {
  width: calc(50% - 0.25rem);
  border-color: var(--color-border-medium);
  line-height: 2.375rem;
  padding: 0 0.75em;
  font-size: 1.125rem;
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
}

.radio-button-wrapper[b-dbwym4dzk1] {
  position: relative;
}

.radio-group input[b-dbwym4dzk1] {
  position: absolute;
  opacity: 0;
}

.radio-group input:checked + label[b-dbwym4dzk1] {
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25), inset 0 0 0 0.125rem var(--color-accent);
}

.radio-group label[b-dbwym4dzk1] {
  display: block;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  padding: 1.05555556em 0.75em;
  line-height: 1.33333333;
  margin: 0;
  text-align: center;
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
  background-color: var(--color-input-background);
  transition: background-color 0.25s;
}
.radio-group label:hover[b-dbwym4dzk1] {
  background-color: var(--color-hover-background);
}

.radio-group:has(:focus-visible)[b-dbwym4dzk1] {
  outline: 0.1875rem solid var(--color-focus-outline);
  outline-offset: 0.125rem;
  border-radius: 0.25rem;
}

[b-dbwym4dzk1] .submit-button,
[b-dbwym4dzk1] .cancel-button {
  display: block;
  font-weight: 600;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
}
/* /Pages/Invoices/Components/InvoiceDate/EditInvoiceDate.razor.rz.scp.css */
[b-bswqeppnhs] input[type=date] {
  line-height: 2.375rem;
  padding-inline: 0.4375rem;
}
/* /Pages/Invoices/Components/InvoiceLines/AddEditPrices.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-ma157wj2hx] {
  flex: 1;
  overflow-y: auto;
  background-color: var(--color-orderline-background);
}

.table[b-ma157wj2hx] {
  font-size: 1.125rem;
  font-variant-numeric: tabular-nums;
  margin-bottom: 0;
}

th:first-child[b-ma157wj2hx] {
  padding-right: 1.55555556em;
}
thead th[b-ma157wj2hx] {
  border: none;
}

.quantity[b-ma157wj2hx] {
  text-align: right;
}

.product[b-ma157wj2hx] {
  width: 100%;
}

.price[b-ma157wj2hx] {
  min-width: 7.5em;
}

.pricetotal[b-ma157wj2hx] {
  min-width: 7em;
}
/* /Pages/Invoices/Components/InvoiceLines/InvoiceDraftLineItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-vy9j0orarn] .product-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.child-row[b-vy9j0orarn] {
  background-color: var(--color-orderline-child-background);
}

td[b-vy9j0orarn] {
  vertical-align: middle;
  border-top-color: var(--color-border-medium);
}

.quantity-cell[b-vy9j0orarn] {
  vertical-align: middle;
  text-align: right;
}

.product[b-vy9j0orarn] {
  position: relative;
  max-width: 0;
}

[b-vy9j0orarn] .product-button {
  flex-direction: column;
  width: 100%;
  padding: 0;
  text-align: left;
}
.child-row[b-vy9j0orarn]  .product-button > :not(.product-name) {
  padding-left: 2.625rem;
}
[b-vy9j0orarn] .expand-button {
  font-size: 1.33333333em;
  position: absolute;
}
[b-vy9j0orarn] .expand-button + .product-button .product-name {
  padding: 0.4375rem 0 0.4375rem 2.5rem;
}
[b-vy9j0orarn] .expand-button + .product-button .note {
  margin-block-start: 0;
}
[b-vy9j0orarn] .price-button {
  justify-content: flex-end;
  font-size: 1em;
  line-height: 1.3333333em;
}
@media (hover: hover) {
  [b-vy9j0orarn] .price-button {
    padding-right: 0.8888888em;
  }
}
[b-vy9j0orarn] .price-button {
  min-width: 6em;
}
[b-vy9j0orarn] input[type=number] {
  border-color: var(--color-border-medium);
  background-color: transparent;
  line-height: 2.375rem;
}
@media (hover: hover) {
  [b-vy9j0orarn] input[type=number] {
    padding: 0;
  }
}
@media (hover: none) {
  [b-vy9j0orarn] input[type=number] {
    padding: 0 0.3888888em;
  }
}
[b-vy9j0orarn] input[type=number] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
[b-vy9j0orarn] .quantity-input {
  max-width: 3.5em;
  -webkit-user-select: all;
}
[b-vy9j0orarn] .quantity-input::-webkit-inner-spin-button, [b-vy9j0orarn] .quantity-input::-webkit-outer-spin-button {
  margin-inline-start: 0.5rem;
}
[b-vy9j0orarn] .price-input {
  max-width: 6em;
}
[b-vy9j0orarn] .serving-type-name,
[b-vy9j0orarn] .selected-choices-accessories {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
}
[b-vy9j0orarn] .serving-type-name {
  text-transform: uppercase;
}
[b-vy9j0orarn] .selected-choices-accessories {
  margin-block-start: 0.25rem;
}
[b-vy9j0orarn] .product-name {
  width: 100%;
  margin-block-end: 0.125rem;
}
[b-vy9j0orarn] .product-name svg {
  font-size: 1rem;
  stroke-width: 2;
  margin-left: 0.4375rem;
  margin-right: 0.625rem;
}

.note[b-vy9j0orarn] {
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  margin-block-start: 0.25rem;
  color: var(--color-text-dimmed);
}

.action-button-wrapper[b-vy9j0orarn] {
  display: flex;
  gap: 0.25em;
}
/* /Pages/Invoices/Components/InvoiceLines/Lines.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-0nzj0yaoy4] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-0nzj0yaoy4] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-0nzj0yaoy4] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-0nzj0yaoy4],
.price[b-0nzj0yaoy4],
.pricetotal[b-0nzj0yaoy4] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-0nzj0yaoy4],
.pricetotal[b-0nzj0yaoy4],
.type[b-0nzj0yaoy4] {
  width: 8em;
}

th[b-0nzj0yaoy4],
td[b-0nzj0yaoy4] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-0nzj0yaoy4],
td:first-child[b-0nzj0yaoy4] {
  padding-left: 0;
}
th:last-child[b-0nzj0yaoy4],
td:last-child[b-0nzj0yaoy4] {
  padding-right: 0;
}

th[b-0nzj0yaoy4] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-0nzj0yaoy4] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-0nzj0yaoy4] {
  text-align: right;
}

td[b-0nzj0yaoy4] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-0nzj0yaoy4] {
  width: 60%;
}
.product button[b-0nzj0yaoy4] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-0nzj0yaoy4] {
  background-color: var(--color-hover-background);
}

.actions[b-0nzj0yaoy4] {
  width: 9rem;
}

.quantity[b-0nzj0yaoy4] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-0nzj0yaoy4] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-0nzj0yaoy4] {
  display: inline-flex;
}

.action-button[b-0nzj0yaoy4] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-0nzj0yaoy4] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-0nzj0yaoy4] {
  background-color: var(--color-hover-background);
}

.note[b-0nzj0yaoy4] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-0nzj0yaoy4] {
  border-top: 0;
}
.note td[b-0nzj0yaoy4] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-0nzj0yaoy4] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}
/* /Pages/Invoices/Components/InvoiceStatus.razor.rz.scp.css */
.overview[b-bdhswqy6zh] {
  background-color: var(--color-order-status-background);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-bdhswqy6zh] {
  margin-inline-start: auto;
}
/* /Pages/Invoices/Components/Registration/InvoiceRegistration.razor.rz.scp.css */
.invoice-registration[b-mabii8e5ay] {
  padding: 0.5rem 0;
}
.invoice-registration .training-warning[b-mabii8e5ay] {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: rgba(255, 193, 7, 0.15);
  border: 1px solid rgba(255, 193, 7, 0.4);
  border-radius: 4px;
  color: #856404;
  font-size: 0.875rem;
}
/* /Pages/Invoices/Draft.razor.rz.scp.css */
.order-wrapper[b-y7lh8ectwp] {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(10rem, 1fr) minmax(6rem, 1fr);
}

.order-details[b-y7lh8ectwp] {
  display: flex;
  flex-direction: column;
}

[b-y7lh8ectwp] .edit-note-button {
  display: none;
}

.global-actions-buttons-wrapper[b-y7lh8ectwp] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.scroll-wrapper-local[b-y7lh8ectwp] {
  overflow-y: auto;
}

.training-watermark[b-y7lh8ectwp] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  font-size: 5rem;
  font-weight: 700;
  color: rgba(255, 0, 0, 0.12);
  pointer-events: none;
  z-index: 0;
  white-space: nowrap;
  user-select: none;
}
/* /Pages/Invoices/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-stulmhf0v7] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-stulmhf0v7] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.time-buttons[b-stulmhf0v7] {
  display: flex;
  gap: 0.25rem;
}

h1[b-stulmhf0v7] {
  text-transform: capitalize;
}

.form-group[b-stulmhf0v7] {
  max-width: 26.25rem;
}
.form-group.numeric[b-stulmhf0v7] {
  max-width: 13.125rem;
}

.table-wrapper[b-stulmhf0v7] {
  overflow-x: auto;
}

th[b-stulmhf0v7],
td[b-stulmhf0v7] {
  padding: 0.5em 0.75em;
}

table[b-stulmhf0v7] {
  background-color: var(--grid-background);
}
table .name[b-stulmhf0v7] {
  min-width: 20rem;
  width: 20rem;
}
table .quantity[b-stulmhf0v7] {
  min-width: 8rem;
  width: 8rem;
}
table .price[b-stulmhf0v7] {
  min-width: 10rem;
  width: 10rem;
}
table .vat[b-stulmhf0v7],
table .total[b-stulmhf0v7] {
  min-width: 7rem;
  width: 7rem;
  text-align: right;
}
table .serving-type[b-stulmhf0v7] {
  min-width: 10rem;
  width: 10rem;
}
table .note[b-stulmhf0v7] {
  min-width: 20rem;
  width: 20rem;
}
table .action[b-stulmhf0v7] {
  min-width: 5.5rem;
}

.note-input[b-stulmhf0v7] {
  width: 100%;
  height: 2.5rem;
}

.subline-icon[b-stulmhf0v7] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.new-order-line[b-stulmhf0v7] {
  background-color: var(--color-hover-background);
}

.training-watermark[b-stulmhf0v7] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  font-size: 5rem;
  font-weight: 700;
  color: rgba(255, 0, 0, 0.12);
  pointer-events: none;
  z-index: 0;
  white-space: nowrap;
  user-select: none;
}

.payment-line-status[b-stulmhf0v7] {
  margin-left: 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.line-status-paid[b-stulmhf0v7] {
  color: var(--color-text-dimmed);
}

.line-status-awaiting[b-stulmhf0v7] {
  color: #e6a700;
}

.line-status-pending[b-stulmhf0v7] {
  color: var(--color-text-dimmed);
}

.training-banner[b-stulmhf0v7] {
  padding: 0.75rem 1rem;
  background-color: rgba(255, 193, 7, 0.15);
  border: 1px solid rgba(255, 193, 7, 0.4);
  border-radius: 4px;
  color: #856404;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
/* /Pages/Invoices/InvoiceDraftList.razor.rz.scp.css */
.list-wrapper[b-j0uxa4pme6] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-j0uxa4pme6] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-j0uxa4pme6] {
  display: flex;
  max-width: unset;
}
/* /Pages/Invoices/List.razor.rz.scp.css */
.list-wrapper[b-gdwksygck0] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-gdwksygck0] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-gdwksygck0] {
  display: flex;
  max-width: unset;
}
/* /Pages/Invoices/ListGridView.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-145m78no0i] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.list-wrapper[b-145m78no0i] {
  width: 100%;
  /*max-width: var(--component-max-width);*/
}

.list-wrapper .list-header[b-145m78no0i] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-145m78no0i] {
  display: flex;
  max-width: unset;
}

.header[b-145m78no0i] {
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.header-area.element[b-145m78no0i] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /*width: 100%;*/
}
@media (min-width: 1200px) {
  .header-area.element[b-145m78no0i] {
    width: auto;
  }
}

.header .date-picker-container[b-145m78no0i] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.prev[b-145m78no0i],
.next[b-145m78no0i] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-145m78no0i] {
  border-radius: 4px 0 0 4px;
}

.next[b-145m78no0i] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-145m78no0i],
.next-icon[b-145m78no0i] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-145m78no0i] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-145m78no0i] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-145m78no0i] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-145m78no0i] .date-picker .e-input-group-icon {
  display: none;
}
[b-145m78no0i] .date-picker .e-control {
  text-align: center;
}

.main[b-145m78no0i] {
  width: 100%;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
/* /Pages/Invoices/Mail.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-l5jhbrx7yh] .send-mail-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 31rem;
  color: var(--color-body-text);
}
[b-l5jhbrx7yh] input:not([type=checkbox]),
[b-l5jhbrx7yh] textarea {
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
  width: 100%;
}
[b-l5jhbrx7yh] .message {
  height: 21.5rem;
}
[b-l5jhbrx7yh] .form-group:has(input[type=checkbox]) {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
[b-l5jhbrx7yh] .form-group:has(input[type=checkbox]) input[type=checkbox] {
  width: 1rem;
  height: 1rem;
}
[b-l5jhbrx7yh] .form-group:has(input[type=checkbox]) label {
  margin-bottom: 0;
}
[b-l5jhbrx7yh] .add-receiver-input-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-block-end: 0.5rem;
}
[b-l5jhbrx7yh] .add-receiver-input-wrapper input {
  width: unset;
  flex-grow: 1;
}
[b-l5jhbrx7yh] .submit-button {
  align-self: flex-start;
}

.email-receivers li[b-l5jhbrx7yh] {
  list-style: none;
}
.email-receivers li[b-l5jhbrx7yh]  span {
  display: flex;
  align-items: center;
}
/* /Pages/Kitchen/Components/ProductionGroupItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.production-group-inner[b-o195x99zl4] {
  border: none;
  border-radius: 0.3125rem;
  background-color: inherit;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  font-weight: 500;
  color: inherit;
  min-height: calc(var(--production-item-width) - 2.25rem);
  transition: background-color 0.15s ease-in-out;
}
.can-call-service .production-group-inner[b-o195x99zl4] {
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.arrangements .production-group-inner:not([disabled]):hover[b-o195x99zl4] {
  background-color: var(--color-arrangements-hover);
}
.restaurant .production-group-inner:not([disabled]):hover[b-o195x99zl4] {
  background-color: var(--color-card-background-hover-default);
}
.takeaway .production-group-inner:not([disabled]):hover[b-o195x99zl4] {
  background-color: var(--color-secondary-hover);
}
.production-group-inner[b-o195x99zl4]  .revert-button {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  z-index: 1;
}
.production-group-inner[b-o195x99zl4]  .revert-button[disabled] {
  z-index: 0;
}

.production-group-top[b-o195x99zl4] {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--card-foreground);
  padding: 0.5rem;
  padding-left: 2.5rem;
  margin-bottom: 0.5em;
}

.customer-name[b-o195x99zl4] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  margin-right: 0.5em;
}
@media (min-width: 75rem) {
  .customer-name[b-o195x99zl4] {
    line-height: 1.2;
  }
}

.order-type-wrapper[b-o195x99zl4] {
  display: flex;
  margin-left: auto;
}

.table-number[b-o195x99zl4],
.order-type[b-o195x99zl4] {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
}

.table-number[b-o195x99zl4] {
  margin-right: 1rem;
}

.take-away-icon[b-o195x99zl4] {
  position: relative;
  top: 0.125em;
  margin-right: 0.125em;
}

.production-item-list[b-o195x99zl4] {
  display: table;
  border-spacing: 0 0.375em;
  padding: 0 0.25em;
  margin-bottom: 0.25em;
}

.order-note[b-o195x99zl4] {
  line-height: 1.25;
  font-style: italic;
  word-break: break-word;
  hyphens: auto;
  padding: 0.5rem;
}

.points[b-o195x99zl4] {
  padding: 0.5rem;
  margin: auto auto 0;
}

.task-name[b-o195x99zl4] {
  font-weight: 700;
}
/* /Pages/Kitchen/Components/ProductionItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.production-item[b-jci6mmi05q] {
  display: table-row;
  text-align: left;
  line-height: 1.25;
  font-weight: 500;
}
.production-item.require-action[b-jci6mmi05q] {
  background-color: var(--color-require-action);
  color: var(--color-black);
}
.production-item.require-action-delayed[b-jci6mmi05q] {
  background-color: var(--color-require-action-delayed);
  color: var(--color-white);
}
.production-item.accepted-action-serving[b-jci6mmi05q] {
  background-color: var(--color-primary);
  color: var(--color-off-white);
}

.accepted-action-serving[b-jci6mmi05q],
.require-action-delayed[b-jci6mmi05q],
.require-action[b-jci6mmi05q] {
  font-weight: 600;
}
.accepted-action-serving .quantity[b-jci6mmi05q],
.require-action-delayed .quantity[b-jci6mmi05q],
.require-action .quantity[b-jci6mmi05q] {
  padding: 0.25em;
  padding-left: 0.5em;
  border-radius: 0.375em 0 0 0.375em;
}
.accepted-action-serving .product[b-jci6mmi05q],
.require-action-delayed .product[b-jci6mmi05q],
.require-action .product[b-jci6mmi05q] {
  padding: 0.25em;
  padding-right: 0.5em;
  border-radius: 0 0.375em 0.375em 0;
}

.quantity[b-jci6mmi05q] {
  display: table-cell;
  padding-left: 0.5em;
  padding-right: 0.25em;
}

.product[b-jci6mmi05q] {
  display: table-cell;
  word-break: break-word;
  hyphens: auto;
  width: 100%;
  padding-left: 0.25em;
  padding-right: 0.5em;
}

.product-name[b-jci6mmi05q] {
  text-transform: uppercase;
}

.note[b-jci6mmi05q] {
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 400;
}
/* /Pages/Kitchen/Components/ProductionList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.production-timeslot[b-9xpx0y7gnv] {
  display: contents;
}
.production-timeslot:not(:last-child) .production-group-list[b-9xpx0y7gnv] {
  border-right-width: 0;
}
.production-timeslot[b-9xpx0y7gnv]  .revert-button {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  z-index: 1;
}
.production-timeslot[b-9xpx0y7gnv]  .revert-button[disabled] {
  z-index: 0;
}

.time-indicator[b-9xpx0y7gnv] {
  padding-block: 1.5rem;
  font-size: var(--production-item-font-size);
  color: var(--color-body-text);
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--color-page-background);
  grid-row: 1/2;
  border-bottom: var(--border-1) var(--color-border-medium);
}

.production-group-list[b-9xpx0y7gnv] {
  grid-row: 2/3;
  box-sizing: content-box;
  border: var(--border-1) var(--color-border-medium);
  border-top-width: 0;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  min-height: 100%;
  min-width: var(--production-item-width);
}
.production-group-list.no-drop[b-9xpx0y7gnv] {
  border-color: var(--color-error);
}
.production-group-list.can-drop[b-9xpx0y7gnv] {
  border-color: var(--color-okay);
}

.call-service-wrapper[b-9xpx0y7gnv] {
  border-top: 0.25rem solid var(--color-off-white);
  border-radius: 0;
}
.arrangements .call-service-wrapper[b-9xpx0y7gnv] {
  border-color: var(--color-arrangements);
}
.takeaway .call-service-wrapper[b-9xpx0y7gnv] {
  border-color: var(--color-secondary);
}
.restaurant .call-service-wrapper[b-9xpx0y7gnv] {
  border-color: var(--color-neutral);
}
.internal .call-service-wrapper[b-9xpx0y7gnv] {
  border-color: var(--color-internal);
}
.call-service-wrapper[b-9xpx0y7gnv]  .revert-button[disabled] {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .button-item:focus[b-9xpx0y7gnv] {
    outline: 0;
  }
  .button-item:focus:focus-visible[b-9xpx0y7gnv] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-card-foreground);
  }
}
.button-item[b-9xpx0y7gnv] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--color-card-foreground);
  font-size: 1.125em;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  border-radius: 0 0 0.375rem 0.375rem;
  transition: background-color 0.15s ease-in-out;
}
.arrangements .button-item:not([disabled]):hover[b-9xpx0y7gnv] {
  background-color: var(--color-arrangements-hover);
}
.restaurant .button-item:not([disabled]):hover[b-9xpx0y7gnv] {
  background-color: var(--color-card-background-hover-default);
}
.takeaway .button-item:not([disabled]):hover[b-9xpx0y7gnv] {
  background-color: var(--color-secondary-hover);
}
.internal .button-item:not([disabled]):hover[b-9xpx0y7gnv] {
  background-color: var(--color-internal-hover);
}
.button-item .bell-icon[b-9xpx0y7gnv] {
  width: 1.1111111em;
  height: auto;
  margin-left: 0.5em;
}

.production-group-item[b-9xpx0y7gnv] {
  position: relative;
  font-size: var(--production-item-font-size);
  background-color: var(--color-card-background);
  color: var(--color-card-foreground);
  border: 0.25rem solid var(--color-off-white);
  border-radius: 0.625rem;
  margin-bottom: 0.5rem;
  width: var(--production-item-width);
}

.takeaway[b-9xpx0y7gnv] {
  border-color: var(--color-secondary);
}

.restaurant[b-9xpx0y7gnv] {
  border-color: var(--color-border-restaurant);
}

.arrangements[b-9xpx0y7gnv] {
  border-color: var(--color-arrangements);
}

.internal[b-9xpx0y7gnv] {
  border-color: var(--color-internal);
}

.next-day-separator[b-9xpx0y7gnv] {
  grid-column: 1;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.45);
  padding: 0 0.5rem;
  border-left: 2px solid rgba(0, 0, 0, 0.15);
}
/* /Pages/Kitchen/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-oigsddpdfx] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-oigsddpdfx] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.header[b-oigsddpdfx] {
  gap: 1.5rem;
}
.header label[b-oigsddpdfx] {
  margin-bottom: 0;
}

.header-area[b-oigsddpdfx] {
  flex: 1;
}

.production-container-wrapper[b-oigsddpdfx] {
  padding-inline: 1.5rem;
  flex: 1;
  overflow: auto;
  display: grid;
  grid-auto-columns: auto;
  grid-template-rows: auto 1fr;
}

.no-drop[b-oigsddpdfx] {
  border: 2px dashed red;
}

.can-drop[b-oigsddpdfx] {
  border: 2px dashed green;
}

.multiSelect[b-oigsddpdfx] {
  width: 260px;
  display: inline-flex;
}

[b-oigsddpdfx] .audio-player {
  height: 2.5rem;
  display: block;
  margin-left: auto;
  width: 145px;
}

/* Specifies the size of the audio container */
/*audio {
    width: 115px;
    height: 25px;
}*/
[b-oigsddpdfx] .audio-player::-webkit-media-controls-panel {
  -webkit-justify-content: center;
}

/* Removes the timeline */
[b-oigsddpdfx] .audio-player::-webkit-media-controls-timeline {
  display: none !important;
}

/* Removes the time stamp */
[b-oigsddpdfx] .audio-player::-webkit-media-controls-current-time-display {
  display: none;
}

[b-oigsddpdfx] .audio-player::-webkit-media-controls-time-remaining-display {
  display: none;
}

/* Removes play-button */
[b-oigsddpdfx] .audio-player::-webkit-media-controls-play-button {
  display: none;
}

.connection-status[b-oigsddpdfx] {
  position: absolute;
  top: 23px;
  right: 190px;
  font-size: 0.85rem;
  line-height: 1;
  border-radius: 999px;
  user-select: none;
  z-index: 99999;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0.35rem;
}
.connection-status[b-oigsddpdfx]::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.25);
}
.connection-status.is-connected[b-oigsddpdfx]::before {
  background: rgba(46, 204, 113, 0.85);
}
.connection-status.is-disconnected[b-oigsddpdfx] {
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.9;
}
.connection-status.is-disconnected[b-oigsddpdfx]::before {
  margin-right: 0.4rem;
  background: rgba(231, 76, 60, 0.85);
}
/* /Pages/Onboarding/Components/AddUserCompany.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.name[b-59jm5v8yyx],
.date-and-time[b-59jm5v8yyx],
.phone-and-email[b-59jm5v8yyx],
.pax[b-59jm5v8yyx],
.serving-note-and-button[b-59jm5v8yyx],
.order-type[b-59jm5v8yyx],
.select-table[b-59jm5v8yyx],
.select-banquet-hall[b-59jm5v8yyx],
.placeholder[b-59jm5v8yyx] {
  width: calc(50% - 2rem);
}

.order-type[b-59jm5v8yyx] {
  order: -1;
}

.pax[b-59jm5v8yyx],
.date-and-time[b-59jm5v8yyx],
.phone-and-email[b-59jm5v8yyx] {
  display: flex;
  padding-bottom: 1rem;
  gap: 1rem;
}

.date-and-time:focus-within[b-59jm5v8yyx] {
  position: relative;
}
.date-and-time:focus-within[b-59jm5v8yyx]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-59jm5v8yyx],
.date-and-time:focus-within .time[b-59jm5v8yyx] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-59jm5v8yyx],
.date[b-59jm5v8yyx],
.time[b-59jm5v8yyx],
.phone[b-59jm5v8yyx],
.email[b-59jm5v8yyx],
.select-table-inner[b-59jm5v8yyx] {
  width: calc(50% - 0.5rem);
}

label[b-59jm5v8yyx] {
  display: block;
  font-weight: 600;
}
.order-line label[b-59jm5v8yyx], .new-order-line label[b-59jm5v8yyx] {
  margin-bottom: 0;
}

.label[b-59jm5v8yyx] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-59jm5v8yyx] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.profile-picker[b-59jm5v8yyx] {
  margin-bottom: 1rem;
}
.profile-picker .profile-help[b-59jm5v8yyx] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--color-text-muted, #6c757d);
}
/* /Pages/Onboarding/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-3t1gyxsju4] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-3t1gyxsju4] {
  padding: 1.5rem;
}

.header[b-3t1gyxsju4] {
  gap: 1.5rem;
}
.header label[b-3t1gyxsju4] {
  margin-bottom: 0;
}

.header-area[b-3t1gyxsju4] {
  flex: 1;
}

.date-picker-container[b-3t1gyxsju4] {
  display: flex;
  width: 16.5rem;
  margin-left: auto;
}

.prev[b-3t1gyxsju4],
.next[b-3t1gyxsju4] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-3t1gyxsju4] {
  border-radius: 4px 0 0 4px;
}

.next[b-3t1gyxsju4] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-3t1gyxsju4],
.next-icon[b-3t1gyxsju4] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-3t1gyxsju4] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-3t1gyxsju4] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-3t1gyxsju4] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-3t1gyxsju4] .date-picker .e-input-group-icon {
  display: none;
}
[b-3t1gyxsju4] .date-picker .e-control {
  text-align: center;
}
/* /Pages/OrderTasks/List.razor.rz.scp.css */
.grid-wrapper[b-3ffgmf396y] {
  max-width: var(--component-max-width);
  margin-bottom: 1rem;
}
/* /Pages/Order/Arrangement/Index.razor.rz.scp.css */
.order-wrapper[b-hk1itrem1v] {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(10rem, 1fr) minmax(6rem, 1fr);
}

.order-details[b-hk1itrem1v] {
  display: flex;
  flex-direction: column;
}

[b-hk1itrem1v] .edit-note-button {
  display: none;
}

.global-actions-buttons-wrapper[b-hk1itrem1v] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.scroll-wrapper-local[b-hk1itrem1v] {
  overflow-y: auto;
}
/* /Pages/Order/Calendar/Components/AddEditCalendar.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* footer container: link on the left, actions on the right */
.dlg-footer[b-sba14y7ilf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* right-side actions row */
.dlg-actions[b-sba14y7ilf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* if you ever want ALL footer buttons right-aligned globally: */
.e-dialog .e-footer-content[b-sba14y7ilf] {
  justify-content: flex-end;
}

.pax[b-sba14y7ilf],
.calender-datetime[b-sba14y7ilf],
.date-and-time[b-sba14y7ilf],
.phone-and-email[b-sba14y7ilf] {
  display: flex;
  gap: 1rem;
}

.pax-inner[b-sba14y7ilf] {
  width: calc(50% - 0.5rem);
}

.calender-datetime-inner[b-sba14y7ilf] {
  width: calc(50% - 0.5rem);
}

label[b-sba14y7ilf] {
  display: block;
  /*font-weight: 600;*/
  margin-bottom: 0.5rem;
}
/* /Pages/Order/Calendar/Internal/Calendar.razor.rz.scp.css */
.quick-info-header[b-f0433nwviu] {
  background-color: white;
  padding: 8px 18px;
}

.quick-info-header-content[b-f0433nwviu] {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  padding: 5px 10px 5px;
}

.quick-info-title[b-f0433nwviu] {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.48px;
  height: 22px;
}

.duration-text[b-f0433nwviu] {
  font-size: 11px;
  letter-spacing: 0.33px;
  height: 14px;
}

/*ContentStyles*/
.content-area[b-f0433nwviu] {
  padding: 10px;
  width: 100%;
}

.event-content[b-f0433nwviu] {
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
}

.meeting-type-wrap[b-f0433nwviu], .meeting-subject-wrap[b-f0433nwviu], .notes-wrap[b-f0433nwviu] {
  font-size: 11px;
  color: #666;
  letter-spacing: 0.33px;
  height: 24px;
  padding: 5px;
}

.event-content div label[b-f0433nwviu] {
  display: inline-block;
  min-width: 45px;
  color: #666;
}

.event-content div span[b-f0433nwviu] {
  font-size: 11px;
  color: #151515;
  letter-spacing: 0.33px;
  line-height: 14px;
  padding-left: 8px;
}

/*FooterStyles*/
.cell-footer.e-btn[b-f0433nwviu] {
  background-color: #ffffff;
  border-color: #878787;
  color: #878787;
}

.cell-footer[b-f0433nwviu] {
  padding-top: 10px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content[b-f0433nwviu] {
  padding: 0 14px;
}
/* /Pages/Order/Calendar/Overview/Calendar.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.page-padding[b-v5azv8g4dk] {
  height: 100%;
  overflow: auto;
}

.quick-info-header[b-v5azv8g4dk] {
  background-color: white;
  padding: 8px 18px;
}

.quick-info-header-content[b-v5azv8g4dk] {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  padding: 5px 10px 5px;
}

.quick-info-title[b-v5azv8g4dk] {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.48px;
  height: 22px;
}

.duration-text[b-v5azv8g4dk] {
  font-size: 11px;
  letter-spacing: 0.33px;
  height: 14px;
}

/*ContentStyles*/
.content-area[b-v5azv8g4dk] {
  padding: 10px;
  width: 100%;
}

.event-content[b-v5azv8g4dk] {
  min-height: 180px;
  display: flex;
  flex-direction: column;
}

.e-popup-content[b-v5azv8g4dk] {
  padding: 18px 18px 18px;
}

.meeting-type-wrap[b-v5azv8g4dk], .meeting-subject-wrap[b-v5azv8g4dk], .notes-wrap[b-v5azv8g4dk] {
  font-size: 11px;
  color: #666;
  letter-spacing: 0.33px;
  /*height: 24px;*/
  padding: 5px;
}

.event-content div label[b-v5azv8g4dk] {
  display: inline-block;
  min-width: 45px;
  color: #666;
}

.event-content div span[b-v5azv8g4dk] {
  font-size: 11px;
  color: #151515;
  letter-spacing: 0.33px;
  line-height: 14px;
  padding-left: 8px;
}

/*FooterStyles*/
.cell-footer.e-btn[b-v5azv8g4dk] {
  background-color: #ffffff;
  border-color: #878787;
  color: #878787;
}

.cell-footer[b-v5azv8g4dk] {
  padding-top: 10px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content[b-v5azv8g4dk] {
  padding: 0 14px;
}

/* Today button highlighted when NOT on today's date */
[b-v5azv8g4dk] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn,
[b-v5azv8g4dk] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:hover,
[b-v5azv8g4dk] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:focus,
[b-v5azv8g4dk] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn:active {
  background-color: var(--bs-warning, #ffc107) !important;
  border-color: var(--bs-warning, #ffc107) !important;
  color: #000 !important;
}

/* ensure text/icon stay readable */
[b-v5azv8g4dk] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn .e-tbar-btn-text,
[b-v5azv8g4dk] .e-schedule.not-today .e-toolbar .e-today .e-tbar-btn .e-icons {
  color: #000 !important;
}

.calendar-toolbar[b-v5azv8g4dk] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  background: var(--color-secondary);
  border: 1px solid #dee2e6;
  /*width: 90%; */
}

.calendar-toolbar-left[b-v5azv8g4dk] {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--bs-body-color);
}

.calendar-toolbar-right[b-v5azv8g4dk] {
  margin-left: auto;
  display: flex;
}

.calendar-toolbar-right .btn[b-v5azv8g4dk] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-settings[b-v5azv8g4dk] {
  position: fixed;
  top: 70px; /* tweak to your header */
  right: -420px;
  width: 400px;
  max-width: 90vw;
  height: calc(100vh - 80px);
  background-color: var(--color-page-background);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  transition: right 0.25s ease;
  z-index: 1050;
  display: flex;
  flex-direction: column;
}

.calendar-settings.open[b-v5azv8g4dk] {
  right: 0;
}

.calendar-settings .settings-header[b-v5azv8g4dk] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.calendar-settings .settings-body[b-v5azv8g4dk] {
  padding: 1rem;
  overflow: auto;
  flex: 1;
}

.week-grid[b-v5azv8g4dk] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.25rem 0.75rem;
}

@media (max-width: 520px) {
  .week-grid[b-v5azv8g4dk] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* top-left indent cell content */
.e-resource-left-td .week-badge[b-v5azv8g4dk] {
  font-weight: 600;
  display: flex;
  justify-content: center;
}
/* /Pages/Order/Components/AddEditOrderItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.radio-group label[b-e4pa24ep72] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.add-products[b-e4pa24ep72] {
  color: var(--color-body-text);
  border: 0.3125rem solid var(--color-accent);
  border-top: 0;
  border-radius: 0.25rem;
}

.edit-mode-title[b-e4pa24ep72] {
  font-size: 1.125rem;
  line-height: 1.11111111;
  padding: 0.55555556em 0.4375rem;
  background-color: var(--color-accent);
  color: var(--color-accent-contrast);
  font-weight: 700;
}

.form-wrapper[b-e4pa24ep72] {
  margin: 0.75rem 0.4375rem 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-group[b-e4pa24ep72] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

.product-panel[b-e4pa24ep72],
.radio-group[b-e4pa24ep72] {
  max-height: 20rem;
  overflow-y: auto;
  transition: max-height 0.25s ease-out;
}

.product-panel:not(.open)[b-e4pa24ep72],
.radio-group:not(.open)[b-e4pa24ep72] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in;
  padding: 0;
}

.product-panel button[b-e4pa24ep72] {
  color: white;
  background-color: #555;
}

.add-products[b-e4pa24ep72]  button,
.radio-button-wrapper[b-e4pa24ep72] {
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.order-line-note[b-e4pa24ep72] {
  width: calc(50% - 0.25rem);
  border-color: var(--color-border-medium);
  line-height: 2.375rem;
  padding: 0 0.75em;
  font-size: 1.125rem;
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
}

.radio-button-wrapper[b-e4pa24ep72] {
  position: relative;
}

.radio-group input[b-e4pa24ep72] {
  position: absolute;
  opacity: 0;
}

.radio-group input:checked + label[b-e4pa24ep72] {
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25), inset 0 0 0 0.125rem var(--color-accent);
}

.radio-group label[b-e4pa24ep72] {
  display: block;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  padding: 1.05555556em 0.75em;
  line-height: 1.33333333;
  margin: 0;
  text-align: center;
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
  background-color: var(--color-input-background);
  transition: background-color 0.25s;
}
.radio-group label:hover[b-e4pa24ep72] {
  background-color: var(--color-hover-background);
}

.radio-group:has(:focus-visible)[b-e4pa24ep72] {
  outline: 0.1875rem solid var(--color-focus-outline);
  outline-offset: 0.125rem;
  border-radius: 0.25rem;
}

[b-e4pa24ep72] .submit-button,
[b-e4pa24ep72] .cancel-button {
  display: block;
  font-weight: 600;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
}
/* /Pages/Order/Components/Arrangement/ChoicesAddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.add-products[b-rjsmhriuhc] {
  padding: 0.5rem 0.75rem 0;
  color: var(--color-body-text);
}

.product-group[b-rjsmhriuhc] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

.product-group button[b-rjsmhriuhc],
.product-group a[b-rjsmhriuhc] {
  margin-bottom: 0.5em;
}

.product-group a[b-rjsmhriuhc] {
  border-radius: 0.25rem;
}

.product-panel[b-rjsmhriuhc],
.radio-group[b-rjsmhriuhc] {
  /*max-height: 14rem;*/
  transition: max-height 0.25s ease-out;
}

.product-panel:not(.open)[b-rjsmhriuhc],
.radio-group:not(.open)[b-rjsmhriuhc] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in;
  padding: 0;
}

.product-panel button[b-rjsmhriuhc] {
  color: white;
  background-color: #555;
}

.add-products button[b-rjsmhriuhc],
.add-products a[b-rjsmhriuhc],
.radio-button-wrapper[b-rjsmhriuhc] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.add-products a[b-rjsmhriuhc] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.radio-button-wrapper[b-rjsmhriuhc] {
  position: relative;
  margin-bottom: 0.5em;
}

.radio-group input[b-rjsmhriuhc] {
  position: absolute;
  opacity: 0;
}

.radio-group input:checked + label[b-rjsmhriuhc] {
  box-shadow: inset 0 0 0 0.125rem var(--color-primary);
}

.radio-group label[b-rjsmhriuhc] {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.75em;
  text-align: center;
}

.primary[b-rjsmhriuhc] {
  background-color: var(--color-primary);
  color: white;
}

.secondary[b-rjsmhriuhc] {
  background-color: var(--color-secondary);
  color: white;
}

@media (hover: hover) and (pointer: fine) {
  [b-rjsmhriuhc] .types-icon:focus {
    outline: 0;
  }
  [b-rjsmhriuhc] .types-icon:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
  }
}
[b-rjsmhriuhc] .types-icon {
  display: flex;
}
[b-rjsmhriuhc] .types-icon:hover {
  /*background: var(--color-hover-background);*/
}
[b-rjsmhriuhc] .types-icon::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
}

[b-rjsmhriuhc] .types-dd-icon {
  float: left;
}
[b-rjsmhriuhc] .types-dd-icon::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
}

[b-rjsmhriuhc] .types-table-setting::before {
  background-image: url("images/icons/table-setting.svg");
}

[b-rjsmhriuhc] .types-bar::before {
  background-image: url("images/icons/party.svg");
}

[b-rjsmhriuhc] .types-music::before {
  background-image: url("images/icons/music.svg");
}

[b-rjsmhriuhc] .types-allergens::before {
  background-image: url("images/icons/allergens.svg");
}

[b-rjsmhriuhc] .types-food::before {
  background-image: url("images/icons/soup.svg");
}

[b-rjsmhriuhc] .types-banquet-hall::before {
  background-image: url("images/icons/door.svg");
}

[b-rjsmhriuhc] .types-gift::before {
  background-image: url("images/icons/gift.svg");
}
/* /Pages/Order/Components/Arrangement/Servings.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.overview[b-5gxi6ifi64] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.global-actions[b-5gxi6ifi64] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-5gxi6ifi64]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-5gxi6ifi64]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-5gxi6ifi64] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-5gxi6ifi64] {
  background-color: var(--color-hover-background);
}

.primary[b-5gxi6ifi64] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-5gxi6ifi64] {
  background-color: var(--color-primary-hover);
}

.warning[b-5gxi6ifi64] {
  background-color: var(--color-warning);
  color: white;
}
.warning:hover[b-5gxi6ifi64] {
  background-color: var(--color-primary-hover);
}

[b-5gxi6ifi64] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}
/* /Pages/Order/Components/Billing/Split.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.add-contact[b-hclt65fq0i] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

.add-contact a[b-hclt65fq0i] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.add-contact button[b-hclt65fq0i],
.add-contact a[b-hclt65fq0i] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.primary[b-hclt65fq0i] {
  background-color: var(--color-primary);
  color: white;
}

.secondary[b-hclt65fq0i] {
  background-color: var(--color-secondary);
  color: white;
}
/* /Pages/Order/Components/BreadCrum.razor.rz.scp.css */
.breadcrumb[b-peukl5jfi8] {
  font-size: 1.25em;
  padding-left: 0.5em;
  font-weight: 500;
  display: inherit;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: inherit;
  color: var(--color-body-text);
}
.breadcrumb a[b-peukl5jfi8] {
  color: inherit;
  display: inline-block;
  line-height: 3rem;
  padding-right: 0.5em;
  background-color: transparent;
}
.breadcrumb span[b-peukl5jfi8] {
  padding-left: 0.5em;
}
/* /Pages/Order/Components/Catalog/Catalog.razor.rz.scp.css */
button[b-ee2jdka3v8] {
  margin-bottom: 0.5em;
  border-radius: 0.25rem;
  border: var(--border-1) #777;
}

.add-products[b-ee2jdka3v8] {
  padding: 0.5rem 0.75rem 0;
}
/* /Pages/Order/Components/Catalog/CatalogContainer.razor.rz.scp.css */
/* /Pages/Order/Components/Catalog/CatalogList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-hrk4wvc91b] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-hrk4wvc91b] {
    --header-height: 3.5rem;
  }
}
:root[b-hrk4wvc91b] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-hrk4wvc91b] {
    --page-padding: 2rem;
  }
}
:root[b-hrk4wvc91b] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-hrk4wvc91b] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-hrk4wvc91b] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-hrk4wvc91b] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-hrk4wvc91b] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-hrk4wvc91b] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-hrk4wvc91b] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-hrk4wvc91b] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-hrk4wvc91b] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-hrk4wvc91b] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-hrk4wvc91b] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-hrk4wvc91b] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-hrk4wvc91b],
.menu-collapsed ~ .main[b-hrk4wvc91b] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-hrk4wvc91b] {
  --sidebar-width: 0px;
}

.product-group[b-hrk4wvc91b] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

[b-hrk4wvc91b] button {
  height: 4rem;
  width: calc(25% - 0.375rem);
  margin-bottom: 0.5em;
  color: var(--color-body-text);
  justify-content: center;
  align-items: center;
}

[b-hrk4wvc91b] button.is-selected {
  background-color: var(--color-catalog-background) !important;
  color: var(--color-catalog-selected-text);
}

[b-hrk4wvc91b] button.secondary {
  color: var(--color-catalog-text);
}

.catalog-empty[b-hrk4wvc91b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 12rem;
  text-align: center;
  color: var(--color-text-dimmed);
}
/* /Pages/Order/Components/Invoices/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
:root[b-zj9b5tgrk2] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-zj9b5tgrk2] {
    --header-height: 3.5rem;
  }
}
:root[b-zj9b5tgrk2] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-zj9b5tgrk2] {
    --page-padding: 2rem;
  }
}
:root[b-zj9b5tgrk2] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-zj9b5tgrk2] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-zj9b5tgrk2] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-zj9b5tgrk2] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-zj9b5tgrk2] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-zj9b5tgrk2] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-zj9b5tgrk2] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-zj9b5tgrk2] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-zj9b5tgrk2] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-zj9b5tgrk2] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-zj9b5tgrk2] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-zj9b5tgrk2] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-zj9b5tgrk2],
.menu-collapsed ~ .main[b-zj9b5tgrk2] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-zj9b5tgrk2] {
  --sidebar-width: 0px;
}

.invoice-table-wrapper[b-zj9b5tgrk2] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
  max-height: 40vh;
}

.table[b-zj9b5tgrk2] {
  table-layout: auto;
  border-collapse: collapse;
}

.status .invoicenumber[b-zj9b5tgrk2] {
  text-align: left;
  font-size: 1.25em;
}

th[b-zj9b5tgrk2],
td[b-zj9b5tgrk2] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-zj9b5tgrk2],
td:first-child[b-zj9b5tgrk2] {
  padding-left: 0;
}
th:last-child[b-zj9b5tgrk2],
td:last-child[b-zj9b5tgrk2] {
  padding-right: 0;
}

th[b-zj9b5tgrk2] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  top: 0;
  background-color: var(--color-orderline-background);
}
thead th[b-zj9b5tgrk2] {
  vertical-align: middle;
  border-block-color: var(--color-orderline-border);
}

td[b-zj9b5tgrk2] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product button[b-zj9b5tgrk2] {
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-zj9b5tgrk2] {
  background-color: var(--color-hover-background);
}

.amount[b-zj9b5tgrk2] {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.amount.is-voided[b-zj9b5tgrk2] {
  text-decoration: line-through;
  color: var(--color-text-dimmed);
}

.invoice-coverage[b-zj9b5tgrk2] {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  background-color: var(--color-orderline-background);
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.action-button-wrapper[b-zj9b5tgrk2] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.25em;
  padding-block: 0.5rem;
}

.action-button[b-zj9b5tgrk2] {
  flex: 0 0 auto;
  white-space: nowrap;
}
.action-button img[b-zj9b5tgrk2] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}

.status-badge[b-zj9b5tgrk2] {
  display: inline-block;
  padding: 0.125em 0.5em;
  border-radius: 0.25em;
  font-weight: 600;
  font-size: 0.875em;
  white-space: nowrap;
}

.status-badge-paid[b-zj9b5tgrk2] {
  background-color: rgba(40, 167, 69, 0.2);
  color: #28a745;
}

.status-badge-awaiting[b-zj9b5tgrk2] {
  background-color: rgba(255, 193, 7, 0.2);
  color: var(--color-warning-alternative, #ffb300);
}

.status-badge-pending[b-zj9b5tgrk2] {
  background-color: rgba(108, 117, 125, 0.2);
  color: #6c757d;
}

.status-row-awaiting[b-zj9b5tgrk2] {
  border-inline-start: 3px solid var(--color-warning, #ffd700);
}

.status-row-pending[b-zj9b5tgrk2] {
  border-inline-start: 3px solid #6c757d;
}

.payment-lines-detail[b-zj9b5tgrk2] {
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.8em;
  line-height: 1.4;
}
.payment-lines-detail.is-paid[b-zj9b5tgrk2] {
  color: var(--color-text-dimmed);
}

.payment-line-item[b-zj9b5tgrk2] {
  display: flex;
  align-items: center;
  gap: 0.35em;
  white-space: nowrap;
}

.payment-line-icon[b-zj9b5tgrk2] {
  font-size: 0.85em;
  width: 1.2em;
  text-align: center;
  flex-shrink: 0;
}

.icon-paid[b-zj9b5tgrk2] {
  color: #28a745;
}

.icon-pending[b-zj9b5tgrk2] {
  color: var(--color-warning-alternative, #ffb300);
}

.payment-line-amount[b-zj9b5tgrk2] {
  display: inline-block;
  min-width: 4.5rem;
  text-align: right;
  margin-left: auto;
}
/* /Pages/Order/Components/OrderItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-item[b-ms7pezhhs8] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
  margin: 0.375rem;
  width: 14rem;
  box-shadow: 1px 0 4px rgba(89, 89, 89, 0.5);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.order-item :active[b-ms7pezhhs8] {
  cursor: grabbing;
}
.order-item.restaurant[b-ms7pezhhs8] {
  background-color: var(--color-white);
  color: var(--color-black);
}
.order-item.takeaway[b-ms7pezhhs8] {
  background-color: var(--color-secondary);
  color: #fff;
}
.order-item.takeaway .value[b-ms7pezhhs8] {
  font-size: 2.0625rem;
  color: inherit;
}
.order-item.arrangements[b-ms7pezhhs8] {
  background-color: var(--color-arrangements);
}
.order-item.internal[b-ms7pezhhs8] {
  background-color: var(--color-internal);
}
.order-item.quicksale[b-ms7pezhhs8] {
  background-color: var(--color-primary);
  color: #fff;
}
.order-item.quicksale .value[b-ms7pezhhs8] {
  font-size: 2.0625rem;
  color: inherit;
}
.order-item:hover[b-ms7pezhhs8] {
  filter: saturate(1.4) brightness(0.98);
}
.order-item:active[b-ms7pezhhs8] {
  box-shadow: 0 0 2px rgba(89, 89, 89, 0.5);
}

.bottom-row[b-ms7pezhhs8] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
}

.unit[b-ms7pezhhs8] {
  text-align: center;
  width: 33.3%;
}

.label[b-ms7pezhhs8] {
  font-size: 0.75rem;
}

.value[b-ms7pezhhs8] {
  font-size: 2.0625rem;
}
.pax .value[b-ms7pezhhs8] {
  color: #6e6e6e;
}
/* /Pages/Order/Components/OrderLines/AddEditPrices.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-08q2s6siiq] {
  flex: 1;
  overflow-y: auto;
  background-color: var(--color-orderline-background);
}

.table[b-08q2s6siiq] {
  font-size: 1.125rem;
  font-variant-numeric: tabular-nums;
  margin-bottom: 0;
}

th:first-child[b-08q2s6siiq] {
  padding-right: 1.55555556em;
}
thead th[b-08q2s6siiq] {
  border: none;
}

.quantity[b-08q2s6siiq] {
  text-align: right;
}

.product[b-08q2s6siiq] {
  width: 100%;
}

.price[b-08q2s6siiq] {
  min-width: 7.5em;
}

.pricetotal[b-08q2s6siiq] {
  min-width: 7em;
}
/* /Pages/Order/Components/OrderLines/AddEditProducts.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-rlsze7zfy1] {
  padding: 0 0.5rem;
  background-color: #fafafa;
  overflow-y: auto;
}

.table[b-rlsze7zfy1] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product[b-rlsze7zfy1],
.type[b-rlsze7zfy1] {
  text-align: left;
  font-size: 1.25em;
}

.type[b-rlsze7zfy1] {
  width: 8em;
}

th[b-rlsze7zfy1],
td[b-rlsze7zfy1] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-rlsze7zfy1],
td:first-child[b-rlsze7zfy1] {
  padding-left: 0;
}
th:last-child[b-rlsze7zfy1],
td:last-child[b-rlsze7zfy1] {
  padding-right: 0;
}

th[b-rlsze7zfy1] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  top: 0;
  background-color: #fafafa;
}
thead th[b-rlsze7zfy1] {
  vertical-align: middle;
}

.quantity[b-rlsze7zfy1] {
  text-align: right;
}

td[b-rlsze7zfy1] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-top: 1px solid #eee;
}

.product[b-rlsze7zfy1] {
  width: 60%;
}
.product button[b-rlsze7zfy1] {
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-rlsze7zfy1] {
  background-color: var(--color-hover-background);
}

.actions[b-rlsze7zfy1] {
  width: 9rem;
}

.quantity[b-rlsze7zfy1] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-rlsze7zfy1] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-rlsze7zfy1] {
  display: inline-flex;
}

.action-button[b-rlsze7zfy1] {
  background-color: transparent;
  border-color: transparent;
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-rlsze7zfy1] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-rlsze7zfy1] {
  background-color: var(--color-hover-background);
}

.note[b-rlsze7zfy1] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-rlsze7zfy1] {
  border-top: 0;
}
.note td[b-rlsze7zfy1] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-rlsze7zfy1] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}
/* /Pages/Order/Components/OrderLines/OrderLineItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-5mnvrl31h6] .product-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.child-row[b-5mnvrl31h6] {
  background-color: var(--color-orderline-child-background);
}

td[b-5mnvrl31h6] {
  vertical-align: middle;
  border-top-color: var(--color-border-medium);
}

.quantity-cell[b-5mnvrl31h6] {
  vertical-align: middle;
  text-align: right;
}

.product[b-5mnvrl31h6] {
  position: relative;
  max-width: 0;
}

[b-5mnvrl31h6] .product-button {
  flex-direction: column;
  width: 100%;
  padding: 0;
  text-align: left;
}
.child-row[b-5mnvrl31h6]  .product-button > :not(.product-name) {
  padding-left: 2.625rem;
}
[b-5mnvrl31h6] .expand-button {
  font-size: 1.33333333em;
  position: absolute;
}
[b-5mnvrl31h6] .expand-button + .product-button .product-name {
  padding: 0.4375rem 0 0.4375rem 2.5rem;
}
[b-5mnvrl31h6] .expand-button + .product-button .note {
  margin-block-start: 0;
}
[b-5mnvrl31h6] .price-button {
  justify-content: flex-end;
  font-size: 1em;
  line-height: 1.3333333em;
}
@media (hover: hover) {
  [b-5mnvrl31h6] .price-button {
    padding-right: 0.8888888em;
  }
}
[b-5mnvrl31h6] .price-button {
  min-width: 6em;
}
[b-5mnvrl31h6] input[type=number] {
  border-color: var(--color-border-medium);
  background-color: transparent;
  line-height: 2.375rem;
}
@media (hover: hover) {
  [b-5mnvrl31h6] input[type=number] {
    padding: 0;
  }
}
@media (hover: none) {
  [b-5mnvrl31h6] input[type=number] {
    padding: 0 0.3888888em;
  }
}
[b-5mnvrl31h6] input[type=number] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
[b-5mnvrl31h6] .quantity-input {
  max-width: 3.5em;
  -webkit-user-select: all;
}
[b-5mnvrl31h6] .quantity-input::-webkit-inner-spin-button, [b-5mnvrl31h6] .quantity-input::-webkit-outer-spin-button {
  margin-inline-start: 0.5rem;
}
[b-5mnvrl31h6] .price-input {
  max-width: 6em;
}
[b-5mnvrl31h6] .serving-type-name,
[b-5mnvrl31h6] .selected-choices-accessories {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
}
[b-5mnvrl31h6] .serving-type-name {
  text-transform: uppercase;
}
[b-5mnvrl31h6] .selected-choices-accessories {
  margin-block-start: 0.25rem;
}
[b-5mnvrl31h6] .product-name {
  width: 100%;
  margin-block-end: 0.125rem;
}
[b-5mnvrl31h6] .product-name svg {
  font-size: 1rem;
  stroke-width: 2;
  margin-left: 0.4375rem;
  margin-right: 0.625rem;
}

.note[b-5mnvrl31h6] {
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  margin-block-start: 0.25rem;
  color: var(--color-text-dimmed);
}

.action-button-wrapper[b-5mnvrl31h6] {
  display: flex;
  gap: 0.25em;
}
/* /Pages/Order/Components/OrderLines/ReadOnlyPrices.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-pxow1pfra5] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-pxow1pfra5] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-pxow1pfra5] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-pxow1pfra5],
.price[b-pxow1pfra5],
.pricetotal[b-pxow1pfra5] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-pxow1pfra5],
.pricetotal[b-pxow1pfra5],
.type[b-pxow1pfra5] {
  width: 8em;
}

th[b-pxow1pfra5],
td[b-pxow1pfra5] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-pxow1pfra5],
td:first-child[b-pxow1pfra5] {
  padding-left: 0;
}
th:last-child[b-pxow1pfra5],
td:last-child[b-pxow1pfra5] {
  padding-right: 0;
}

th[b-pxow1pfra5] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-pxow1pfra5] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-pxow1pfra5] {
  text-align: right;
}

td[b-pxow1pfra5] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-pxow1pfra5] {
  width: 60%;
}
.product button[b-pxow1pfra5] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-pxow1pfra5] {
  background-color: var(--color-hover-background);
}

.actions[b-pxow1pfra5] {
  width: 9rem;
}

.quantity[b-pxow1pfra5] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-pxow1pfra5] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-pxow1pfra5] {
  display: inline-flex;
}

.action-button[b-pxow1pfra5] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-pxow1pfra5] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-pxow1pfra5] {
  background-color: var(--color-hover-background);
}

.note[b-pxow1pfra5] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-pxow1pfra5] {
  border-top: 0;
}
.note td[b-pxow1pfra5] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-pxow1pfra5] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}
/* /Pages/Order/Components/OrderLines/SplitPayment.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-aig5lz4yd8] {
  flex: 1;
  overflow-y: auto;
  background-color: var(--color-orderline-background);
}

.table[b-aig5lz4yd8] {
  font-size: 1.125rem;
  font-variant-numeric: tabular-nums;
  margin-bottom: 0;
}

th:first-child[b-aig5lz4yd8] {
  padding-right: 1.55555556em;
}
thead th[b-aig5lz4yd8] {
  border: none;
}

.quantity[b-aig5lz4yd8] {
  text-align: right;
}

.product[b-aig5lz4yd8] {
  width: 100%;
}

.price[b-aig5lz4yd8] {
  min-width: 7.5em;
}

.pricetotal[b-aig5lz4yd8] {
  min-width: 7em;
}

[b-aig5lz4yd8] td {
  border-block-start: var(--border-1) var(--color-border-medium);
}
[b-aig5lz4yd8] td.actions .action-button-wrapper {
  display: flex;
  gap: 0.25em;
}
[b-aig5lz4yd8] td.actions .icon-tabler-asterisk {
  font-size: 1.5rem;
}
[b-aig5lz4yd8] td.product button {
  padding-inline: 0;
  padding-block: 0;
}
/* /Pages/Order/Components/OrderLines/ViewPrices.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-obfggomcsy] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-obfggomcsy] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-obfggomcsy] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-obfggomcsy],
.price[b-obfggomcsy],
.pricetotal[b-obfggomcsy] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-obfggomcsy],
.pricetotal[b-obfggomcsy],
.type[b-obfggomcsy] {
  width: 8em;
}

th[b-obfggomcsy],
td[b-obfggomcsy] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-obfggomcsy],
td:first-child[b-obfggomcsy] {
  padding-left: 0;
}
th:last-child[b-obfggomcsy],
td:last-child[b-obfggomcsy] {
  padding-right: 0;
}

th[b-obfggomcsy] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-obfggomcsy] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-obfggomcsy] {
  text-align: right;
}

td[b-obfggomcsy] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-obfggomcsy] {
  width: 60%;
}
.product button[b-obfggomcsy] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-obfggomcsy] {
  background-color: var(--color-hover-background);
}

.actions[b-obfggomcsy] {
  width: 9rem;
}

.quantity[b-obfggomcsy] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-obfggomcsy] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-obfggomcsy] {
  display: inline-flex;
}

.action-button[b-obfggomcsy] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-obfggomcsy] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-obfggomcsy] {
  background-color: var(--color-hover-background);
}

.note[b-obfggomcsy] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-obfggomcsy] {
  border-top: 0;
}
.note td[b-obfggomcsy] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-obfggomcsy] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

/*pkr tmp hack */
.table[b-obfggomcsy] {
  width: 95%;
}
/* /Pages/Order/Components/OrderList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-27xhadydoa] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-27xhadydoa] {
  display: flex;
}
.list-wrapper .btn[b-27xhadydoa] {
  white-space: nowrap;
}

.list-wrapper[b-27xhadydoa],
.grid-wrapper[b-27xhadydoa] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-27xhadydoa] {
  display: block;
  max-width: 100%;
}

[b-27xhadydoa] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-27xhadydoa] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-27xhadydoa] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-27xhadydoa] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-27xhadydoa] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-27xhadydoa] .e-toolbar .e-search .e-input,
[b-27xhadydoa] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.orders-timeslot[b-27xhadydoa] {
  display: flex;
  width: 100%;
}

.time-indicator[b-27xhadydoa] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 2.5rem;
  margin-right: 1.5rem;
}

.time[b-27xhadydoa] {
  font-size: 1.5rem;
  color: #6e6e6e;
}

.count[b-27xhadydoa] {
  position: absolute;
  top: -0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.dropzone[b-27xhadydoa] {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  border-bottom: 1px solid var(--color-border-medium);
  /*border-left: 1px solid var(--color-border-medium);*/
  padding: 6px;
  margin-bottom: 0;
  margin-right: 1rem;
}

.no-drop[b-27xhadydoa] {
  outline: 2px dashed red;
  outline-offset: -2px;
}

.can-drop[b-27xhadydoa] {
  outline: 2px dashed var(--color-secondary);
  outline-offset: -2px;
}

.order-summary-wrapper[b-27xhadydoa] {
  padding: 1rem 1.5rem 1rem 1rem;
  min-width: 16rem;
  background: var(--color-sidebar-background);
  line-height: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.order-summary-wrapper[b-27xhadydoa]::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid var(--color-border-medium);
  width: calc(100% - 32px);
}

.reserved[b-27xhadydoa],
.capacity[b-27xhadydoa] {
  display: flex;
  justify-content: space-between;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.reserved span[b-27xhadydoa],
.capacity span[b-27xhadydoa] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.negative-capacity[b-27xhadydoa] {
  color: #ff0000;
}

.loading[b-27xhadydoa] {
  flex: 1;
  padding: 2rem 0;
}

.button-wrapper[b-27xhadydoa] {
  border-bottom: 1px solid var(--color-border-medium);
  border-left: 1px solid var(--color-border-medium);
  /*margin-right: $margin-md;*/
  display: flex;
  align-items: center;
}

.add-order-button[b-27xhadydoa] {
  border: 2px solid transparent;
  border-radius: 4px;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
  background-size: 2rem;
}
.add-order-button:hover[b-27xhadydoa], .add-order-button:focus:focus-visible[b-27xhadydoa] {
  border-color: var(--color-primary);
}
/* /Pages/Order/Components/OrderNew.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-xkuooll1zg] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.header[b-xkuooll1zg] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-xkuooll1zg] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.header[b-xkuooll1zg] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-xkuooll1zg] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.header[b-xkuooll1zg] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
}

.header-area.first[b-xkuooll1zg] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .header-area.first[b-xkuooll1zg] {
    width: auto;
  }
}
.header-area.third[b-xkuooll1zg] {
  margin-left: auto;
}
@media (min-width: 120rem) {
  .header-area[b-xkuooll1zg] {
    flex: 1;
  }
  .header-area.second[b-xkuooll1zg] {
    text-align: center;
  }
}

.date-picker-container-outer[b-xkuooll1zg] {
  display: flex;
  margin-left: auto;
  gap: 1rem;
}
.date-picker-container-outer .btn[b-xkuooll1zg] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.date-picker-container-outer .btn.active[b-xkuooll1zg] {
  background: var(--color-primary);
}

.date-picker-today[b-xkuooll1zg] {
  display: inline-flex;
  margin-left: auto;
}

.header .date-picker-container[b-xkuooll1zg] {
  display: flex;
  width: 15rem;
  /*margin-left: auto;*/
}

[b-xkuooll1zg] .prev,
[b-xkuooll1zg] .next {
  width: 2.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-color: transparent;
}
[b-xkuooll1zg] .prev {
  border-radius: 4px 0 0 4px;
}
[b-xkuooll1zg] .next {
  border-radius: 0 4px 4px 0;
}

[b-xkuooll1zg] .order-date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-xkuooll1zg] .order-date-picker .e-input-group-icon {
  display: none;
}
[b-xkuooll1zg] .order-date-picker .e-control {
  text-align: center;
}

.main[b-xkuooll1zg] {
  width: 100%;
  padding: 0.75rem 0 1.5rem 1.5rem;
}

.add-order-button[b-xkuooll1zg] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.add-order-button[b-xkuooll1zg]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: center/contain no-repeat url("/images/icons/plus-white.svg");
  margin-right: 0.25rem;
}

.search-form[b-xkuooll1zg] {
  background: var(--color-white);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}

.search-input[b-xkuooll1zg] {
  border-color: transparent;
}

.search-submit[b-xkuooll1zg] {
  padding: 5px 0.5rem 0;
}

.submit-icon[b-xkuooll1zg] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/search.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.time-buttons[b-xkuooll1zg] {
  display: inline-flex;
  gap: 1rem;
}
.time-buttons .btn[b-xkuooll1zg] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.time-buttons .btn.active[b-xkuooll1zg] {
  background: var(--color-primary);
}

[b-xkuooll1zg] #TimeSlot-draft,
[b-xkuooll1zg] #TimeSlot-draft ~ *:not(.dropzone) {
  display: none;
}
[b-xkuooll1zg] #TimeSlot-draft + .dropzone {
  background: var(--color-white);
  position: fixed;
  top: calc(var(--header-height) + var(--orders-header-height));
  left: var(--sidebar-width);
  width: 100%;
  padding: 0 18px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border: none;
}
[b-xkuooll1zg] #TimeSlot-draft + .dropzone .draggable {
  margin: -13px -2.5rem;
  transform: scale(0.65);
}

.close-button[b-xkuooll1zg] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-xkuooll1zg] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-xkuooll1zg] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-xkuooll1zg] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-xkuooll1zg],
.date-and-time[b-xkuooll1zg],
.phone-and-email[b-xkuooll1zg],
.pax[b-xkuooll1zg],
.serving-note-and-button[b-xkuooll1zg],
.order-type[b-xkuooll1zg],
.select-table[b-xkuooll1zg],
.select-banquet-hall[b-xkuooll1zg],
.placeholder[b-xkuooll1zg] {
  width: calc(50% - 2rem);
}

.order-type[b-xkuooll1zg] {
  order: -1;
}

.pax[b-xkuooll1zg],
.date-and-time[b-xkuooll1zg],
.phone-and-email[b-xkuooll1zg] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-xkuooll1zg] {
  position: relative;
}
.date-and-time:focus-within[b-xkuooll1zg]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-xkuooll1zg],
.date-and-time:focus-within .time[b-xkuooll1zg] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-xkuooll1zg],
.date[b-xkuooll1zg],
.time[b-xkuooll1zg],
.phone[b-xkuooll1zg],
.email[b-xkuooll1zg],
.select-table-inner[b-xkuooll1zg] {
  width: calc(50% - 0.5rem);
}

label[b-xkuooll1zg] {
  display: block;
  font-weight: 600;
}
.order-line label[b-xkuooll1zg], .new-order-line label[b-xkuooll1zg] {
  margin-bottom: 0;
}

.label[b-xkuooll1zg] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-xkuooll1zg] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.placeholder[b-xkuooll1zg] {
  height: 4.3125rem;
}

.date-picker-container[b-xkuooll1zg],
.timeslot-picker-container[b-xkuooll1zg] {
  height: 2.5rem;
  display: flex;
  border: var(--border-1) var(--color-border-medium);
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-xkuooll1zg]  .e-date-wrapper.e-date-container.e-input-group,
[b-xkuooll1zg] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

[b-xkuooll1zg] .date-picker input {
  padding-left: 0 !important;
}

[b-xkuooll1zg] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-xkuooll1zg] {
  width: 100%;
}

.order-line[b-xkuooll1zg] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-xkuooll1zg] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-xkuooll1zg] {
  position: relative;
}
.new-order-line:focus-within[b-xkuooll1zg]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-xkuooll1zg] {
  position: relative;
  z-index: 1;
}

.product[b-xkuooll1zg] {
  flex-grow: 1;
}
.order-line .product[b-xkuooll1zg] {
  overflow: hidden;
}

.product-name[b-xkuooll1zg] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-xkuooll1zg] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-xkuooll1zg] {
  flex: 1;
}

[b-xkuooll1zg] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-xkuooll1zg] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.search-customer[b-xkuooll1zg],
.choose-address[b-xkuooll1zg] {
  width: 100%;
  display: flex;
  flex-grow: 1;
}

.close-button:hover[b-xkuooll1zg],
.prev:hover[b-xkuooll1zg],
.next:hover[b-xkuooll1zg],
.pre-order-button:hover[b-xkuooll1zg],
.add-order-line:hover[b-xkuooll1zg],
.remove-order-line:hover[b-xkuooll1zg] {
  background-color: var(--color-hover-background);
}

.close-button[b-xkuooll1zg],
.pre-order-button[b-xkuooll1zg],
.add-order-line[b-xkuooll1zg],
.remove-order-line[b-xkuooll1zg] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-xkuooll1zg], .close-button:focus[b-xkuooll1zg],
.pre-order-button:hover[b-xkuooll1zg],
.pre-order-button:focus[b-xkuooll1zg],
.add-order-line:hover[b-xkuooll1zg],
.add-order-line:focus[b-xkuooll1zg],
.remove-order-line:hover[b-xkuooll1zg],
.remove-order-line:focus[b-xkuooll1zg] {
  border-color: var(--color-primary);
}

.pre-order-button[b-xkuooll1zg] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-xkuooll1zg]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-xkuooll1zg] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-xkuooll1zg] {
  width: 100%;
}
.product-table th[b-xkuooll1zg],
.product-table td[b-xkuooll1zg] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-xkuooll1zg],
.product-table td:first-child[b-xkuooll1zg] {
  padding-left: 0;
}
.product-table th:last-child[b-xkuooll1zg],
.product-table td:last-child[b-xkuooll1zg] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-xkuooll1zg] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-xkuooll1zg] {
  position: sticky;
  top: 0;
  background-color: inherit;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-xkuooll1zg] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-xkuooll1zg] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-xkuooll1zg] {
  width: 22rem;
}

.action[b-xkuooll1zg] {
  width: 2.5rem;
}

.number[b-xkuooll1zg],
.serving-type[b-xkuooll1zg] {
  width: 8rem;
}

.add-order-line[b-xkuooll1zg],
.remove-order-line[b-xkuooll1zg] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-xkuooll1zg] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-xkuooll1zg] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}

.banquet-facility-name[b-xkuooll1zg] {
  right: 15px;
  position: absolute;
}
/* /Pages/Order/Components/OrdersContainer.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.orders-container[b-0dd1n9m1xa] {
  display: flex;
  flex-direction: column;
}
/* /Pages/Order/Components/Order/OrderStatus.razor.rz.scp.css */
.overview[b-hyct1ngewj] {
  background-color: var(--color-order-status-background);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-hyct1ngewj] {
  margin-left: auto;
}
/* /Pages/Order/Components/Payment/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.add-products[b-jo2mg3ddnu] {
  padding: 0.5rem 0.75rem 0;
  overflow-y: auto;
}

.payment-total-display[b-jo2mg3ddnu] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.payment-total-label[b-jo2mg3ddnu] {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

.payment-total-amount[b-jo2mg3ddnu] {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.payment-amount-input[b-jo2mg3ddnu] {
  margin-bottom: 1.5rem;
}

.product-group[b-jo2mg3ddnu] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

.product-group button[b-jo2mg3ddnu],
.product-group a[b-jo2mg3ddnu] {
  margin-bottom: 0.5em;
}

.product-group a[b-jo2mg3ddnu] {
  border-radius: 0.25rem;
}

.add-products button[b-jo2mg3ddnu],
.add-products a[b-jo2mg3ddnu] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.add-products a[b-jo2mg3ddnu] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.primary[b-jo2mg3ddnu] {
  background-color: var(--color-primary);
  color: white;
}

.secondary[b-jo2mg3ddnu] {
  background-color: var(--color-secondary);
  color: white;
}

.payment-action-panel[b-jo2mg3ddnu] {
  position: sticky;
  bottom: 0;
  z-index: 1;
  background: var(--color-card-background);
  border-top: 1px solid var(--color-border-medium);
  padding: 0.75rem 0;
}
.payment-action-panel .product-group button[b-jo2mg3ddnu],
.payment-action-panel .product-group a[b-jo2mg3ddnu] {
  width: 100%;
}
/* /Pages/Order/Components/Payment/SwitchPaymentDialog.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.switch-payment-dialog[b-otj7oddzqz] {
  padding: 0.5rem 0;
}

.switch-payment-amount[b-otj7oddzqz] {
  margin-bottom: 1rem;
}
.switch-payment-amount label[b-otj7oddzqz] {
  font-size: 0.875rem;
  color: var(--color-text-dimmed);
  margin-bottom: 0.25rem;
  display: block;
}
.switch-payment-amount h3[b-otj7oddzqz] {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: var(--color-headings);
}

.switch-payment-note[b-otj7oddzqz] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: var(--color-text-dimmed);
}
.switch-payment-note p[b-otj7oddzqz] {
  margin: 0.15rem 0;
}

.switch-payment-actions[b-otj7oddzqz] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-subtle);
}

/* Dialog dark mode styles are in wwwroot/styles/syncfusion/_general.scss
   because SfDialog renders outside the component scope (portaled to body). */
/* /Pages/Order/Components/Payment/ZeroTotalPanel.razor.rz.scp.css */
[b-jyjzbdu7qe] .zero-total-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  margin: 0.5rem 0 1rem;
  border: 1px solid #f0c97a;
  border-left: 4px solid #f0ad4e;
  border-radius: 6px;
  background-color: #fff8eb;
  color: #4a3a14;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-amount {
  font-size: 1.4rem;
  font-weight: 600;
  color: #4a3a14;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background-color: #f0ad4e;
  color: #2b1f00;
  font-size: 0.85rem;
  font-weight: 600;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-badge .e-icons.e-warning {
  color: #2b1f00;
  font-size: 0.95rem;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-explanation {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #4a3a14;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-empty {
  margin: 0;
  font-style: italic;
  color: #c47f1c;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-actions {
  display: flex;
  justify-content: flex-start;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-primary-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.25rem;
  border: 2px solid #f0ad4e;
  border-radius: 4px;
  background-color: #ffffff;
  color: #4a3a14;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-primary-button:hover, [b-jyjzbdu7qe] .zero-total-panel .zero-total-primary-button:focus {
  background-color: #f0ad4e;
  color: #2b1f00;
  border-color: #c47f1c;
  outline: none;
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-primary-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(240, 173, 78, 0.4);
}
[b-jyjzbdu7qe] .zero-total-panel .zero-total-primary-button .e-icons.e-warning {
  font-size: 1rem;
}

[b-jyjzbdu7qe] .zero-total-dialog .zero-total-dialog-confirm {
  background-color: #f0ad4e;
  border-color: #c47f1c;
  color: #2b1f00;
  font-weight: 600;
}
[b-jyjzbdu7qe] .zero-total-dialog .zero-total-dialog-confirm:hover, [b-jyjzbdu7qe] .zero-total-dialog .zero-total-dialog-confirm:focus {
  background-color: #c47f1c;
  color: #ffffff;
}
/* /Pages/Order/Components/ProductSearch/ProductSearch.razor.rz.scp.css */
.search-wrapper[b-jdyszquxcp] {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 0.5rem;
}
/* /Pages/Order/Components/ProductSearch/ProductSearchInput.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
[b-624fub1e7d] .search-icon-wrapper {
  display: flex;
  position: absolute;
  height: 100%;
  padding-inline: 0.6875rem;
  padding-block: 0.6875rem;
  pointer-events: none;
  touch-action: none;
  color: var(--color-product-search-icons);
}
[b-624fub1e7d] .search-icon-wrapper svg {
  font-size: 1.5rem;
}
[b-624fub1e7d] button.clear-button {
  font-size: 1.5rem;
  visibility: hidden;
  padding: 0.6875rem;
  color: var(--color-text-dimmed);
  transition: filter 0.25s;
  border: none;
  transform: translateX(0.5rem);
}
[b-624fub1e7d] button.clear-button.visible {
  visibility: visible;
}
[b-624fub1e7d] button.clear-button:hover {
  background-color: transparent;
  filter: brightness(1.2);
}
[b-624fub1e7d] .cancel-button {
  height: 2.875rem;
  padding-inline: 0.75rem;
  font-size: inherit;
}

.search-type-wrapper[b-624fub1e7d] {
  position: relative;
  border: var(--border-1) var(--color-border-medium);
  border-radius: 0.25rem;
  outline: var(--border-2) transparent;
  transition: max-width 0.25s;
  max-width: 3rem;
  height: 3rem;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.search-type-wrapper.search-is-open[b-624fub1e7d] {
  max-width: 100%;
}
.search-type-wrapper:not(.search-is-open)[b-624fub1e7d] {
  transition: max-width 0.25s, outline-color 0.2s 0.3s;
}
.search-type-wrapper:has(input:disabled)[b-624fub1e7d] {
  opacity: 0.5;
}
.search-type-wrapper:has(input:focus, .clear-button:focus, .cancel-button:focus)[b-624fub1e7d] {
  outline-color: var(--color-focus-outline);
}

input[b-624fub1e7d] {
  flex-grow: 1;
  color: var(--color-product-search-icons);
  background-color: transparent;
  height: 100%;
  max-width: 100%;
  border: none;
}
.search-type-wrapper.search-is-open input[b-624fub1e7d] {
  padding-inline-start: 2.875rem;
}
.search-type-wrapper:not(.search-is-open) input[b-624fub1e7d] {
  cursor: pointer;
}
.search-type-wrapper:not(.search-is-open) input:not(:disabled)[b-624fub1e7d] {
  transition: background-color 0.25s;
}
.search-type-wrapper:not(.search-is-open) input:not(:disabled):hover[b-624fub1e7d] {
  background-color: var(--color-hover-background);
}
.search-type-wrapper:not(.search-is-open) input:disabled[b-624fub1e7d] {
  cursor: not-allowed;
}
input:focus[b-624fub1e7d] {
  outline: none;
}
input:focus:focus-visible[b-624fub1e7d] {
  box-shadow: none;
}
input[type=number][b-624fub1e7d]::-webkit-inner-spin-button, input[type=number][b-624fub1e7d]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* /Pages/Order/Components/ProductSearch/ProductSearchResults.razor.rz.scp.css */
.product-search-results[b-61dz549xqm] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 0.5rem;
  padding: 0 0.75rem;
  color: var(--color-body-text);
}

.no-results-message[b-61dz549xqm] {
  margin-top: 0.5rem;
  font-size: 1.125rem;
}

[b-61dz549xqm] .search-result-item {
  width: calc(25% - 0.375rem);
  align-items: center;
  height: 4rem;
}
@media (max-width: 40rem) {
  [b-61dz549xqm] .search-result-item {
    width: calc(50% - 0.375rem);
  }
}
.product-search-results.is-fetching[b-61dz549xqm]  .search-result-item {
  opacity: 0.5;
}
[b-61dz549xqm] .search-result-item span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  text-align: left;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* /Pages/Order/Copy.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.form-group[b-btnmh4vgn9] {
  max-width: 26.25rem;
}

/*.date-picker-container {
    // Prevent input from growing when there are validation messages.
    height: 2.5rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 100%;
}

::deep .e-date-wrapper.e-date-container.e-input-group {
    .date-picker-container &,
    .e-input-group-icon {
        // Hide border on date picker
        border-color: transparent;
    }
}

.date-picker-container,
.timeslot-picker-container {
    display: flex;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.prev,
.next {
    width: 2.5rem;
    flex-shrink: 0;
    background: white;
    border-color: transparent;
}

.prev {
    border-radius: 4px 0 0 4px;
}

.next {
    border-radius: 0 4px 4px 0;
}

.prev-icon,
.next-icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 5px;
}

.prev-icon {
    background: $bg-icon-chevron-left;
}

.next-icon {
    background: $bg-icon-chevron-right;
}

::deep .date-picker {
    &.e-date-wrapper.e-date-container.e-input-group {
        border-color: transparent;
        border-radius: 0;
    }

    .e-input-group-icon {
        display: none;
    }

    .e-control {
        text-align: center;
    }
}*/
/* /Pages/Order/GlobalActionsWrapper.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.global-actions[b-yw25xkl14l] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 1.125em;
  color: var(--color-body-text);
}

[b-yw25xkl14l] .e-dropdown-btn {
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  border-color: var(--color-border-medium);
}
[b-yw25xkl14l] .e-dropdown-btn:disabled {
  opacity: 0.5;
  box-shadow: none;
}
/* /Pages/Order/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-qzs2o8wwzw] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-qzs2o8wwzw] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.header[b-qzs2o8wwzw] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
}

.header-area.first[b-qzs2o8wwzw] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .header-area.first[b-qzs2o8wwzw] {
    width: auto;
  }
}
.header-area.third[b-qzs2o8wwzw] {
  margin-left: auto;
}
@media (min-width: 120rem) {
  .header-area[b-qzs2o8wwzw] {
    flex: 1;
  }
  .header-area.second[b-qzs2o8wwzw] {
    text-align: center;
  }
}

.date-picker-container-outer[b-qzs2o8wwzw] {
  display: flex;
  margin-left: auto;
  gap: 1rem;
}
.date-picker-container-outer .btn[b-qzs2o8wwzw] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.date-picker-container-outer .btn.active[b-qzs2o8wwzw] {
  background: var(--color-primary);
}

.date-picker-today[b-qzs2o8wwzw] {
  display: inline-flex;
  margin-left: auto;
}

.header .date-picker-container[b-qzs2o8wwzw] {
  display: flex;
  width: 15rem;
  /*margin-left: auto;*/
}

[b-qzs2o8wwzw] .prev,
[b-qzs2o8wwzw] .next {
  width: 2.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-color: transparent;
}
[b-qzs2o8wwzw] .prev {
  border-radius: 4px 0 0 4px;
}
[b-qzs2o8wwzw] .next {
  border-radius: 0 4px 4px 0;
}

[b-qzs2o8wwzw] .order-date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-qzs2o8wwzw] .order-date-picker .e-input-group-icon {
  display: none;
}
[b-qzs2o8wwzw] .order-date-picker .e-control {
  text-align: center;
}

.main[b-qzs2o8wwzw] {
  width: 100%;
  padding: 0.75rem 0 1.5rem 1.5rem;
}

.add-order-button[b-qzs2o8wwzw] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.add-order-button[b-qzs2o8wwzw]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: center/contain no-repeat url("/images/icons/plus-white.svg");
  margin-right: 0.25rem;
}

.search-form[b-qzs2o8wwzw] {
  background: var(--color-white);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}

.search-input[b-qzs2o8wwzw] {
  border-color: transparent;
}

.search-submit[b-qzs2o8wwzw] {
  padding: 5px 0.5rem 0;
}

.submit-icon[b-qzs2o8wwzw] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/search.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.time-buttons[b-qzs2o8wwzw] {
  display: inline-flex;
  gap: 1rem;
}
.time-buttons .btn[b-qzs2o8wwzw] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.time-buttons .btn.active[b-qzs2o8wwzw] {
  background: var(--color-primary);
}

[b-qzs2o8wwzw] #TimeSlot-draft,
[b-qzs2o8wwzw] #TimeSlot-draft ~ *:not(.dropzone) {
  display: none;
}
[b-qzs2o8wwzw] #TimeSlot-draft + .dropzone {
  background: var(--color-white);
  position: fixed;
  top: calc(var(--header-height) + var(--orders-header-height));
  left: var(--sidebar-width);
  width: 100%;
  padding: 0 18px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border: none;
}
[b-qzs2o8wwzw] #TimeSlot-draft + .dropzone .draggable {
  margin: -13px -2.5rem;
  transform: scale(0.65);
}
/* /Pages/Order/Internal/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-wrapper[b-7lpqiblr2g] {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(10rem, 1fr) minmax(6rem, 1fr);
}

.order-details[b-7lpqiblr2g] {
  display: flex;
  flex-direction: column;
}

.scroll-wrapper-local[b-7lpqiblr2g] {
  overflow-y: auto;
}

.overview[b-7lpqiblr2g] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-7lpqiblr2g] {
  margin-left: auto;
}

[b-7lpqiblr2g] .global-actions .related-search {
  flex: 1;
  min-width: 14em;
  height: 3rem;
}
[b-7lpqiblr2g] .global-actions .related-search input.e-input {
  height: 2.875rem;
  font-size: 1.125rem;
}

button[b-7lpqiblr2g] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-7lpqiblr2g] {
  background-color: var(--color-hover-background);
}

.primary[b-7lpqiblr2g] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-7lpqiblr2g] {
  background-color: var(--color-primary-hover);
}

.warning[b-7lpqiblr2g] {
  background-color: var(--color-warning);
}
/* /Pages/Order/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-filter-bar[b-a3t7uxw149] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: center;
}
.order-filter-bar[b-a3t7uxw149]  .e-ddl,
.order-filter-bar[b-a3t7uxw149]  .e-textbox {
  flex: 1 1 0;
  min-width: 140px;
}

.list-wrapper .list-header[b-a3t7uxw149] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-a3t7uxw149] {
  display: flex;
}
.list-wrapper .btn[b-a3t7uxw149] {
  white-space: nowrap;
}

.list-wrapper[b-a3t7uxw149],
.grid-wrapper[b-a3t7uxw149] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-a3t7uxw149] {
  display: block;
  max-width: 100%;
}

[b-a3t7uxw149] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-a3t7uxw149] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-a3t7uxw149] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-a3t7uxw149] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-a3t7uxw149] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-a3t7uxw149] .e-toolbar .e-search .e-input,
[b-a3t7uxw149] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* /Pages/Order/OrderItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-q5mg1gv30e] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-q5mg1gv30e] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

h1[b-q5mg1gv30e] {
  text-transform: capitalize;
}

.form-group[b-q5mg1gv30e] {
  max-width: 26.25rem;
}
.form-group.numeric[b-q5mg1gv30e] {
  max-width: 13.125rem;
}

.table-wrapper[b-q5mg1gv30e] {
  overflow-x: auto;
}

th[b-q5mg1gv30e],
td[b-q5mg1gv30e] {
  padding: 0.5em 0.75em;
}

table[b-q5mg1gv30e] {
  background-color: var(--grid-background);
}
table .name[b-q5mg1gv30e] {
  min-width: 20rem;
  width: 20rem;
}
table .quantity[b-q5mg1gv30e] {
  min-width: 8rem;
  width: 8rem;
}
table .price[b-q5mg1gv30e] {
  min-width: 10rem;
  width: 10rem;
}
table .vat[b-q5mg1gv30e],
table .total[b-q5mg1gv30e] {
  min-width: 7rem;
  width: 7rem;
  text-align: right;
}
table .serving-type[b-q5mg1gv30e] {
  min-width: 10rem;
  width: 10rem;
}
table .note[b-q5mg1gv30e] {
  min-width: 20rem;
  width: 20rem;
}
table .action[b-q5mg1gv30e] {
  min-width: 5.5rem;
}

.note-input[b-q5mg1gv30e] {
  width: 100%;
  height: 2.5rem;
}

.subline-icon[b-q5mg1gv30e] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.new-order-line[b-q5mg1gv30e] {
  background-color: var(--color-hover-background);
}

.related-orders-panel[b-q5mg1gv30e] {
  border-top: 1px solid var(--color-border-subtle);
  padding-top: 1rem;
}
.related-orders-panel .active-order[b-q5mg1gv30e] {
  font-weight: 600;
}
.related-orders-panel .child-cancelled[b-q5mg1gv30e] {
  text-decoration: line-through;
  opacity: 0.6;
}

.view-reservation-link[b-q5mg1gv30e] {
  margin-top: 0.75rem;
}
/* /Pages/Order/Payment/Index.razor.rz.scp.css */
.payment-wrapper[b-7vvac6xfcx] {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, auto) minmax(40%, 1fr);
}

.content[b-7vvac6xfcx] {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.scroll-wrapper-local[b-7vvac6xfcx] {
  min-height: 0;
  overflow-y: auto;
}
/* /Pages/Order/Payment/Split.razor.rz.scp.css */
.payment-wrapper[b-d7hr6ksxdi] {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, auto) minmax(40%, 1fr);
}

.content[b-d7hr6ksxdi] {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.scroll-wrapper-local[b-d7hr6ksxdi] {
  min-height: 0;
  overflow-y: auto;
}

[b-d7hr6ksxdi] .payment-list {
  margin-block-end: 0.5625em;
}
/* /Pages/Order/QuickSale/Order.razor.rz.scp.css */
.quicksale-order[b-6f08py895f] {
  max-width: 520px;
  margin: 1.5rem auto;
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.quicksale-order-back[b-6f08py895f] {
  align-self: flex-start;
}

.quicksale-order-head[b-6f08py895f] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.head-main[b-6f08py895f] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.head-main h1[b-6f08py895f] {
  font-size: 1.25rem;
  margin: 0;
}
.head-main .head-date[b-6f08py895f] {
  color: var(--color-text-dimmed);
  font-size: 0.85rem;
}

.head-badge[b-6f08py895f] {
  border-radius: 999px;
  padding: 0.15rem 0.6rem;
  font-size: 0.8rem;
  white-space: nowrap;
}
.head-badge.head-badge-refunded[b-6f08py895f] {
  background: #fee2e2;
  color: #b91c1c;
}

.quicksale-order-lines[b-6f08py895f] {
  width: 100%;
  border-collapse: collapse;
}
.quicksale-order-lines td[b-6f08py895f] {
  padding: 0.35rem 0;
  border-bottom: var(--border-1) var(--color-section-border);
}
.quicksale-order-lines .line-qty[b-6f08py895f] {
  width: 3rem;
  color: var(--color-text-dimmed);
  white-space: nowrap;
}
.quicksale-order-lines .line-name[b-6f08py895f] {
  width: 100%;
  overflow-wrap: anywhere;
}
.quicksale-order-lines .line-total[b-6f08py895f] {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.quicksale-order-total[b-6f08py895f] {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 1.1rem;
  border-top: var(--border-1) var(--color-section-border);
  padding-top: 0.6rem;
}
.quicksale-order-total .total-amount[b-6f08py895f] {
  font-variant-numeric: tabular-nums;
}

.quicksale-order-actions[b-6f08py895f] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}

.quicksale-dialog-actions[b-6f08py895f] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.quicksale-dialog-actions[b-6f08py895f]  button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.quicksale-order-processing[b-6f08py895f] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--color-text-dimmed);
}

.quicksale-order-cardhint[b-6f08py895f] {
  margin: 0;
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
}

.quicksale-order-empty[b-6f08py895f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  color: var(--color-text-dimmed);
  padding: 2rem;
}
/* /Pages/Order/QuickSale/QuickSale.razor.rz.scp.css */
.quicksale-wrapper[b-a6jdgvm5vd] {
  display: grid;
  grid-template-columns: 1fr 22rem;
  height: 100%;
  min-height: 0;
}

.quicksale-catalog[b-a6jdgvm5vd] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border-right: var(--border-1) var(--color-section-border);
}

.quicksale-catalog-scroll[b-a6jdgvm5vd] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.quicksale-recent[b-a6jdgvm5vd] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 0.75rem;
  border-top: var(--border-1) var(--color-section-border);
  background: var(--color-card-background);
}
.quicksale-recent .recent-icon[b-a6jdgvm5vd] {
  font-size: 1.1rem;
}
.quicksale-recent .recent-body[b-a6jdgvm5vd] {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  min-width: 0;
}
.quicksale-recent .recent-label[b-a6jdgvm5vd] {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-dimmed);
}
.quicksale-recent .recent-detail[b-a6jdgvm5vd] {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.quicksale-recent .recent-processing[b-a6jdgvm5vd] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  color: var(--color-text-dimmed);
}

.quicksale-search[b-a6jdgvm5vd] {
  padding: 0.75rem 0.75rem 0;
}

.quicksale-cart[b-a6jdgvm5vd] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--color-section-background);
}
.quicksale-cart .cart-header[b-a6jdgvm5vd] {
  padding: 0.75rem 1rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-dimmed);
}
.quicksale-cart .cart-lines[b-a6jdgvm5vd] {
  flex: 1;
  overflow-y: auto;
  padding: 0 0.75rem;
}
.quicksale-cart .cart-empty[b-a6jdgvm5vd] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 12rem;
  text-align: center;
  color: var(--color-text-dimmed);
}
.quicksale-cart .cart-line[b-a6jdgvm5vd] {
  padding: 0.6rem 0.25rem;
  border-bottom: var(--border-1) var(--color-section-border);
}
.quicksale-cart .cart-line .cart-line-top[b-a6jdgvm5vd] {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-weight: 600;
}
.quicksale-cart .cart-line .cart-line-total[b-a6jdgvm5vd] {
  font-variant-numeric: tabular-nums;
}
.quicksale-cart .cart-line .cart-line-actions[b-a6jdgvm5vd] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.4rem;
}
.quicksale-cart .cart-line .cart-line-actions .action-button-wrapper[b-a6jdgvm5vd] {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.quicksale-cart .cart-line .cart-line-actions .cart-line-qty[b-a6jdgvm5vd] {
  min-width: 1.75rem;
  text-align: center;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.quicksale-cart .cart-footer[b-a6jdgvm5vd] {
  background: var(--color-card-background);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.06);
  border-top: var(--border-1) var(--color-section-border);
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.quicksale-cart .cart-footer .cart-total[b-a6jdgvm5vd] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.25rem;
}
.quicksale-cart .cart-footer .cart-total .cart-total-label[b-a6jdgvm5vd] {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-dimmed);
}
.quicksale-cart .cart-footer .cart-total .cart-total-amount[b-a6jdgvm5vd] {
  font-size: 1.75rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.quicksale-cart .cart-footer .cart-no-methods[b-a6jdgvm5vd] {
  font-size: 0.85rem;
  text-align: center;
  color: var(--color-text-dimmed);
  padding: 0.5rem 0.25rem;
}
.quicksale-cart .cart-footer .cart-processing[b-a6jdgvm5vd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 0.25rem;
  font-weight: 600;
  color: var(--color-text-dimmed);
}
.quicksale-cart .cart-footer[b-a6jdgvm5vd]  button {
  width: 100%;
  justify-content: center;
}

.quicksale-dialog-actions[b-a6jdgvm5vd] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.quicksale-dialog-actions[b-a6jdgvm5vd]  button {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 60rem) {
  .quicksale-wrapper[b-a6jdgvm5vd] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }
}
/* /Pages/Order/Restaurant/Index.razor.rz.scp.css */
.order-wrapper[b-wurl6m5hh4] {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(10rem, 1fr) minmax(6rem, 1fr);
}

.order-details[b-wurl6m5hh4] {
  display: flex;
  flex-direction: column;
}

[b-wurl6m5hh4] .edit-note-button {
  display: none;
}

.global-actions-buttons-wrapper[b-wurl6m5hh4] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.scroll-wrapper-local[b-wurl6m5hh4] {
  overflow-y: auto;
}
/* /Pages/Order/TakeAway/Add.razor.rz.scp.css */
.order-wrapper[b-ql3y234oz0] {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(10rem, 1fr) minmax(6rem, 1fr);
}

.order-details[b-ql3y234oz0] {
  display: flex;
  flex-direction: column;
}

[b-ql3y234oz0] .edit-note-button {
  display: none;
}

.global-actions-buttons-wrapper[b-ql3y234oz0] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.scroll-wrapper-local[b-ql3y234oz0] {
  overflow-y: auto;
}

.content[b-ql3y234oz0] {
  display: flex;
  flex-direction: column;
}
/* /Pages/Order/TakeAway/Index.razor.rz.scp.css */
.order-wrapper[b-44w4abrvsr] {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(10rem, 1fr) minmax(6rem, 1fr);
}

.order-details[b-44w4abrvsr] {
  display: flex;
  flex-direction: column;
}

[b-44w4abrvsr] .edit-note-button {
  display: none;
}

.global-actions-buttons-wrapper[b-44w4abrvsr] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.scroll-wrapper-local[b-44w4abrvsr] {
  overflow-y: auto;
}

.content[b-44w4abrvsr] {
  display: flex;
  flex-direction: column;
}
/* /Pages/Payment/Components/TerminalPaymentDialog.razor.rz.scp.css */
.terminal-payment-dialog .terminal-payment-content[b-32k2nis1qx] {
  text-align: center;
  padding: 1rem;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-amount[b-32k2nis1qx] {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status[b-32k2nis1qx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .terminal-payment-icon[b-32k2nis1qx] {
  font-size: 3rem;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .success-icon[b-32k2nis1qx] {
  color: #28a745;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .error-icon[b-32k2nis1qx] {
  color: #dc3545;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .warning-icon[b-32k2nis1qx] {
  color: #ffc107;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .waiting-icon[b-32k2nis1qx] {
  color: #007bff;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status p[b-32k2nis1qx] {
  font-size: 1.1rem;
  margin: 0;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .terminal-payment-card-info[b-32k2nis1qx] {
  font-size: 0.95rem;
  color: #6c757d;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status .terminal-payment-error-reason[b-32k2nis1qx] {
  font-size: 0.9rem;
  color: #dc3545;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status.success[b-32k2nis1qx] {
  color: #28a745;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status.error[b-32k2nis1qx] {
  color: #dc3545;
}
.terminal-payment-dialog .terminal-payment-content .terminal-payment-status.warning[b-32k2nis1qx] {
  color: #ffc107;
}
.terminal-payment-dialog .terminal-payment-actions[b-32k2nis1qx] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
/* /Pages/Payment/PaymentMethods.razor.rz.scp.css */
.grid-wrapper[b-r1itumv6wp] {
  max-width: var(--component-max-width);
}
/* /Pages/Payment/PaymentTerms.razor.rz.scp.css */
.grid-wrapper[b-v0k7f1jmp2] {
  max-width: var(--component-max-width);
}
/* /Pages/Prices/VatRates.razor.rz.scp.css */
.grid-wrapper[b-p55xhohlpn] {
  max-width: var(--component-max-width);
  margin-bottom: 1rem;
}
/* /Pages/Production/Components/ProductionContainer.razor.rz.scp.css */
.production-container[b-rp9ysk6eyr] {
  display: flex;
  height: 100%;
}
/* /Pages/Production/Components/ProductionItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.production-item[b-f6xp9myyr7] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid;
  border-radius: 0.5rem;
  font-weight: 400;
  text-align: center;
  font-size: var(--production-item-font-size);
  position: relative;
}
.production-item:hover [hidden][b-f6xp9myyr7] {
  z-index: 1;
  color: #333;
  margin: 0.5em;
  padding: 0.25em;
  font-size: 0.75em;
  display: block !important;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background-color: white;
  height: calc(100% - 1em);
  text-align: left;
  overflow-y: auto;
}
.serve-together .production-item[b-f6xp9myyr7] {
  margin-bottom: 0.5rem;
}

.production-item-inner[b-f6xp9myyr7] {
  padding: 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  color: inherit;
  min-height: calc(var(--production-item-width) - 1.125rem);
}
.serve-together .production-item-inner[b-f6xp9myyr7] {
  min-height: calc(var(--production-item-width) - 2.25rem);
}

.revert[b-f6xp9myyr7] {
  background: center/contain no-repeat url("/images/icons/arrow-back-up-light.svg");
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 3rem;
  height: 3rem;
  border-color: transparent;
  color: var(--color-off-white);
  animation: Pulsate-b-f6xp9myyr7 1.5s ease-out 1.5s 4, FadeOut-b-f6xp9myyr7 1s ease-out 7.5s 1;
}
@media (min-width: 75rem) {
  .revert[b-f6xp9myyr7] {
    top: 0.5rem;
    left: 0.5rem;
  }
}
.blank .revert[b-f6xp9myyr7] {
  background: center/contain no-repeat url("/images/icons/arrow-back-up-dark.svg");
}
.revert[b-f6xp9myyr7], .blank .revert[b-f6xp9myyr7] {
  background-size: 75%;
}
@media (min-width: 75rem) {
  .revert[b-f6xp9myyr7], .blank .revert[b-f6xp9myyr7] {
    background-size: contain;
  }
}

@keyframes Pulsate-b-f6xp9myyr7 {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeOut-b-f6xp9myyr7 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.customer[b-f6xp9myyr7] {
  margin-bottom: auto;
}

.product[b-f6xp9myyr7] {
  text-transform: uppercase;
  word-break: break-word;
  hyphens: auto;
}

.notes-wrap[b-f6xp9myyr7] {
  margin: 0.5em 0;
}

.points[b-f6xp9myyr7] {
  margin-top: auto;
}

.blank[b-f6xp9myyr7] {
  background-color: var(--color-white);
}

.require-action[b-f6xp9myyr7] {
  background-color: var(--color-warning);
  color: var(--color-body-text);
}
.require-action .production-item-inner[b-f6xp9myyr7] {
  border: 0.2813rem solid var(--color-off-white);
}

.require-action-intense[b-f6xp9myyr7] {
  background-color: #90ee90;
}

.action-delayed[b-f6xp9myyr7] {
  background-color: var(--color-error);
  color: var(--color-off-white);
}
.action-delayed .production-item-inner[b-f6xp9myyr7] {
  border: 0.1875rem dashed;
}

.waiting[b-f6xp9myyr7],
.accepted-action[b-f6xp9myyr7] {
  background-color: var(--color-okay);
  color: var(--color-off-white);
}
.waiting .production-item-inner[b-f6xp9myyr7],
.accepted-action .production-item-inner[b-f6xp9myyr7] {
  border: 0.1563rem solid;
}

.accepted-action-serving[b-f6xp9myyr7] {
  background-color: var(--color-primary);
  color: var(--color-off-white);
}
.accepted-action-serving .production-item-inner[b-f6xp9myyr7] {
  border: 0.1563rem solid;
}
/* /Pages/Production/Components/ProductionList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.production-timeslot[b-cnlfrwrgby] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.production-timeslot:not(:last-child) .production-item-list[b-cnlfrwrgby] {
  border-right-width: 0;
}

.time-indicator[b-cnlfrwrgby] {
  margin-bottom: 1.5rem;
  font-size: var(--production-item-font-size);
}

.production-item-list[b-cnlfrwrgby] {
  flex: 1;
  box-sizing: content-box;
  min-width: var(--production-item-width);
  border: var(--border-1) var(--color-border-medium);
  padding: 0.75rem;
}
.production-item-list.no-drop[b-cnlfrwrgby] {
  border-color: var(--color-error);
}
.production-item-list.can-drop[b-cnlfrwrgby] {
  border-color: var(--color-okay);
}

.button-item[b-cnlfrwrgby] {
  margin-bottom: 1rem;
  border: 1px solid;
  border-radius: 0.5rem;
  font-weight: 400;
  text-align: center;
  font-size: var(--production-item-font-size);
  background-color: var(--color-off-white);
  position: relative;
}
.serve-together .button-item[b-cnlfrwrgby] {
  margin-bottom: 0.5rem;
}

.button-item-inner[b-cnlfrwrgby] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  color: inherit;
  border: 0px;
}

.serve-together[b-cnlfrwrgby] {
  border: 0.0625rem dashed;
  padding: 0.5rem 0.5rem 0;
  margin-bottom: 0.5rem;
  background-color: var(--color-off-white);
}

.takeaway[b-cnlfrwrgby] {
  background-color: var(--color-secondary);
}

.arrangements[b-cnlfrwrgby] {
  background-color: var(--color-arrangements);
}

.order-id[b-cnlfrwrgby] {
  margin-bottom: 0.5rem;
}

.next-day-separator[b-cnlfrwrgby] {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.45);
  padding: 0.2rem 0.5rem;
  border-left: 2px solid rgba(0, 0, 0, 0.15);
}
/* /Pages/Production/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.header[b-sayb5dmimn] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.list-wrapper[b-sayb5dmimn] {
  width: 100%;
  max-width: var(--component-max-width);
}

.list-wrapper .list-header[b-sayb5dmimn] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7px;
}

.list-wrapper .list-details[b-sayb5dmimn] {
  display: flex;
}

.header[b-sayb5dmimn] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
}

.header-area.first[b-sayb5dmimn] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .header-area.first[b-sayb5dmimn] {
    width: auto;
  }
}
.header-area.third[b-sayb5dmimn] {
  margin-left: auto;
}
@media (min-width: 120rem) {
  .header-area[b-sayb5dmimn] {
    flex: 1;
  }
  .header-area.second[b-sayb5dmimn] {
    text-align: center;
  }
}

.header .date-picker-container[b-sayb5dmimn] {
  display: flex;
  width: 15rem;
  margin-left: auto;
}

.prev[b-sayb5dmimn],
.next[b-sayb5dmimn] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-sayb5dmimn] {
  border-radius: 4px 0 0 4px;
}

.next[b-sayb5dmimn] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-sayb5dmimn],
.next-icon[b-sayb5dmimn] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-sayb5dmimn] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-sayb5dmimn] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-sayb5dmimn] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-sayb5dmimn] .date-picker .e-input-group-icon {
  display: none;
}
[b-sayb5dmimn] .date-picker .e-control {
  text-align: center;
}

.main[b-sayb5dmimn] {
  padding-top: 65px;
}
/* /Pages/Production/Production.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-k5mw50wnhr] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-k5mw50wnhr] {
  height: 100%;
}

.header[b-k5mw50wnhr] {
  gap: 1.5rem;
}
.header label[b-k5mw50wnhr] {
  margin-bottom: 0;
}

.header-area[b-k5mw50wnhr] {
  flex: 1;
}

.main[b-k5mw50wnhr] {
  padding-inline: 1.5rem;
  flex: 1;
}

.no-drop[b-k5mw50wnhr] {
  border: 2px dashed red;
}

.can-drop[b-k5mw50wnhr] {
  border: 2px dashed green;
}

.multiSelect[b-k5mw50wnhr] {
  width: 260px;
  display: inline-flex;
}

[b-k5mw50wnhr] .audio-player {
  height: 2.5rem;
  display: block;
  margin-left: auto;
  width: 145px;
}

/* Specifies the size of the audio container */
/*audio {
    width: 115px;
    height: 25px;
}*/
[b-k5mw50wnhr] .audio-player::-webkit-media-controls-panel {
  -webkit-justify-content: center;
}

/* Removes the timeline */
[b-k5mw50wnhr] .audio-player::-webkit-media-controls-timeline {
  display: none !important;
}

/* Removes the time stamp */
[b-k5mw50wnhr] .audio-player::-webkit-media-controls-current-time-display {
  display: none;
}

[b-k5mw50wnhr] .audio-player::-webkit-media-controls-time-remaining-display {
  display: none;
}

/* Removes play-button */
[b-k5mw50wnhr] .audio-player::-webkit-media-controls-play-button {
  display: none;
}

.connected[b-k5mw50wnhr] {
  position: absolute;
  top: 23px;
  right: 190px;
  z-index: 99999;
}
/* /Pages/Product/Accessories/AccessoriesGroupItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-vri8lkcytv] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-vri8lkcytv] {
  display: flex;
}
.list-wrapper .btn[b-vri8lkcytv] {
  white-space: nowrap;
}

.list-wrapper[b-vri8lkcytv],
.grid-wrapper[b-vri8lkcytv] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-vri8lkcytv] {
  display: block;
  max-width: 100%;
}

[b-vri8lkcytv] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-vri8lkcytv] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-vri8lkcytv] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-vri8lkcytv] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-vri8lkcytv] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-vri8lkcytv] .e-toolbar .e-search .e-input,
[b-vri8lkcytv] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.related-search-wrapper button[b-vri8lkcytv] {
  margin-left: 1rem;
}

.list-wrapper .btn[b-vri8lkcytv] {
  margin-left: 1rem;
}
/* /Pages/Product/Accessories/Components/ProductAccessoryGroup.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-h0shdnc1yy] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-h0shdnc1yy] {
  display: flex;
}
.list-wrapper .btn[b-h0shdnc1yy] {
  white-space: nowrap;
}

.list-wrapper[b-h0shdnc1yy],
.grid-wrapper[b-h0shdnc1yy] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-h0shdnc1yy] {
  display: block;
  max-width: 100%;
}

[b-h0shdnc1yy] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-h0shdnc1yy] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-h0shdnc1yy] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-h0shdnc1yy] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-h0shdnc1yy] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-h0shdnc1yy] .e-toolbar .e-search .e-input,
[b-h0shdnc1yy] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.grid-wrapper[b-h0shdnc1yy] {
  max-width: unset;
}
/* /Pages/Product/Accessories/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-xdnuq3qp91] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-xdnuq3qp91] {
  display: flex;
}
.list-wrapper .btn[b-xdnuq3qp91] {
  white-space: nowrap;
}

.list-wrapper[b-xdnuq3qp91],
.grid-wrapper[b-xdnuq3qp91] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-xdnuq3qp91] {
  display: block;
  max-width: 100%;
}

[b-xdnuq3qp91] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-xdnuq3qp91] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-xdnuq3qp91] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-xdnuq3qp91] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-xdnuq3qp91] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-xdnuq3qp91] .e-toolbar .e-search .e-input,
[b-xdnuq3qp91] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Catalog/CatalogItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-8j16w4r51d] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-8j16w4r51d] {
  display: flex;
}
.list-wrapper .btn[b-8j16w4r51d] {
  white-space: nowrap;
}

.list-wrapper[b-8j16w4r51d],
.grid-wrapper[b-8j16w4r51d] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-8j16w4r51d] {
  display: block;
  max-width: 100%;
}

[b-8j16w4r51d] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-8j16w4r51d] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-8j16w4r51d] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-8j16w4r51d] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-8j16w4r51d] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-8j16w4r51d] .e-toolbar .e-search .e-input,
[b-8j16w4r51d] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Catalog/Components/ProductCatalog.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-o808cn9kam] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-o808cn9kam] {
  display: flex;
}
.list-wrapper .btn[b-o808cn9kam] {
  white-space: nowrap;
}

.list-wrapper[b-o808cn9kam],
.grid-wrapper[b-o808cn9kam] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-o808cn9kam] {
  display: block;
  max-width: 100%;
}

[b-o808cn9kam] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-o808cn9kam] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-o808cn9kam] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-o808cn9kam] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-o808cn9kam] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-o808cn9kam] .e-toolbar .e-search .e-input,
[b-o808cn9kam] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Catalog/Components/ProductCatalogGroup.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-40y0n86idq] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-40y0n86idq] {
  display: flex;
}
.list-wrapper .btn[b-40y0n86idq] {
  white-space: nowrap;
}

.list-wrapper[b-40y0n86idq],
.grid-wrapper[b-40y0n86idq] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-40y0n86idq] {
  display: block;
  max-width: 100%;
}

[b-40y0n86idq] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-40y0n86idq] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-40y0n86idq] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-40y0n86idq] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-40y0n86idq] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-40y0n86idq] .e-toolbar .e-search .e-input,
[b-40y0n86idq] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Catalog/Components/ProductCatalogTree.razor.rz.scp.css */
/* Two-column catalog layout (auto-scaling desktop) */
.catalog-layout[b-fvy3ua2qhj] {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(520px, 1.3fr);
  gap: 1.5rem;
  align-items: start;
}

/* Stack on tablet & mobile */
@media (max-width: 860px) {
  .catalog-layout[b-fvy3ua2qhj] {
    grid-template-columns: 1fr;
  }
  /* Optional: spacing when stacked */
  .catalog-right[b-fvy3ua2qhj] {
    margin-top: 1rem;
  }
}
/* /Pages/Product/Catalog/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-90dit1sh5w] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-90dit1sh5w] {
  display: flex;
}
.list-wrapper .btn[b-90dit1sh5w] {
  white-space: nowrap;
}

.list-wrapper[b-90dit1sh5w],
.grid-wrapper[b-90dit1sh5w] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-90dit1sh5w] {
  display: block;
  max-width: 100%;
}

[b-90dit1sh5w] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-90dit1sh5w] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-90dit1sh5w] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-90dit1sh5w] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-90dit1sh5w] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-90dit1sh5w] .e-toolbar .e-search .e-input,
[b-90dit1sh5w] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Choice/Components/ProductChoice.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-tv8o11wtcy] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-tv8o11wtcy] {
  display: flex;
}
.list-wrapper .btn[b-tv8o11wtcy] {
  white-space: nowrap;
}

.list-wrapper[b-tv8o11wtcy],
.grid-wrapper[b-tv8o11wtcy] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-tv8o11wtcy] {
  display: block;
  max-width: 100%;
}

[b-tv8o11wtcy] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-tv8o11wtcy] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-tv8o11wtcy] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-tv8o11wtcy] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-tv8o11wtcy] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-tv8o11wtcy] .e-toolbar .e-search .e-input,
[b-tv8o11wtcy] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Choice/Components/ProductToProductChoice.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-37ld0n3l79] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-37ld0n3l79] {
  display: flex;
}
.list-wrapper .btn[b-37ld0n3l79] {
  white-space: nowrap;
}

.list-wrapper[b-37ld0n3l79],
.grid-wrapper[b-37ld0n3l79] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-37ld0n3l79] {
  display: block;
  max-width: 100%;
}

[b-37ld0n3l79] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-37ld0n3l79] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-37ld0n3l79] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-37ld0n3l79] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-37ld0n3l79] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-37ld0n3l79] .e-toolbar .e-search .e-input,
[b-37ld0n3l79] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.grid-wrapper[b-37ld0n3l79] {
  max-width: unset;
}
/* /Pages/Product/Choice/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-8f1do77c2g] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-8f1do77c2g] {
  display: flex;
}
.list-wrapper .btn[b-8f1do77c2g] {
  white-space: nowrap;
}

.list-wrapper[b-8f1do77c2g],
.grid-wrapper[b-8f1do77c2g] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-8f1do77c2g] {
  display: block;
  max-width: 100%;
}

[b-8f1do77c2g] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-8f1do77c2g] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-8f1do77c2g] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-8f1do77c2g] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-8f1do77c2g] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-8f1do77c2g] .e-toolbar .e-search .e-input,
[b-8f1do77c2g] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Choice/ProductChoiceItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-7ae1ksrk12] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-7ae1ksrk12] {
  display: flex;
}
.list-wrapper .btn[b-7ae1ksrk12] {
  white-space: nowrap;
}

.list-wrapper[b-7ae1ksrk12],
.grid-wrapper[b-7ae1ksrk12] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-7ae1ksrk12] {
  display: block;
  max-width: 100%;
}

[b-7ae1ksrk12] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-7ae1ksrk12] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-7ae1ksrk12] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-7ae1ksrk12] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-7ae1ksrk12] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-7ae1ksrk12] .e-toolbar .e-search .e-input,
[b-7ae1ksrk12] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Components/EnvironmentalSettings.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.form-group.numeric[b-ixmkci8e9y] {
  max-width: 26.25rem;
}

[b-ixmkci8e9y] .e-radio-wrapper {
  display: block;
  padding: 0.1875rem 0;
}
/* /Pages/Product/Components/import.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-i3y87s9vov] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-i3y87s9vov] {
    --header-height: 3.5rem;
  }
}
:root[b-i3y87s9vov] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-i3y87s9vov] {
    --page-padding: 2rem;
  }
}
:root[b-i3y87s9vov] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-i3y87s9vov] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-i3y87s9vov] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-i3y87s9vov] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-i3y87s9vov] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-i3y87s9vov] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-i3y87s9vov] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-i3y87s9vov] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-i3y87s9vov] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-i3y87s9vov] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-i3y87s9vov] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-i3y87s9vov] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-i3y87s9vov],
.menu-collapsed ~ .main[b-i3y87s9vov] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-i3y87s9vov] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-i3y87s9vov] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-i3y87s9vov] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-i3y87s9vov] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-i3y87s9vov],
.price[b-i3y87s9vov],
.pricetotal[b-i3y87s9vov] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-i3y87s9vov],
.pricetotal[b-i3y87s9vov],
.type[b-i3y87s9vov] {
  width: 8em;
}

th[b-i3y87s9vov],
td[b-i3y87s9vov] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-i3y87s9vov],
td:first-child[b-i3y87s9vov] {
  padding-left: 0;
}
th:last-child[b-i3y87s9vov],
td:last-child[b-i3y87s9vov] {
  padding-right: 0;
}

th[b-i3y87s9vov] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-i3y87s9vov] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-i3y87s9vov] {
  text-align: right;
}

td[b-i3y87s9vov] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-i3y87s9vov] {
  width: 60%;
}
.product button[b-i3y87s9vov] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-i3y87s9vov] {
  background-color: var(--color-hover-background);
}

.actions[b-i3y87s9vov] {
  width: 9rem;
}

.quantity[b-i3y87s9vov] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-i3y87s9vov] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-i3y87s9vov] {
  display: inline-flex;
}

.action-button[b-i3y87s9vov] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-i3y87s9vov] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-i3y87s9vov] {
  background-color: var(--color-hover-background);
}

.note[b-i3y87s9vov] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-i3y87s9vov] {
  border-top: 0;
}
.note td[b-i3y87s9vov] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-i3y87s9vov] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.action-button[b-i3y87s9vov] {
  width: auto;
}

.filter-wrapper[b-i3y87s9vov] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-i3y87s9vov] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-i3y87s9vov] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-i3y87s9vov] {
  color: var(--color-primary);
}

[b-i3y87s9vov] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Product/Components/InventorySettings.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.form-group.numeric[b-1urfigm306] {
  max-width: 26.25rem;
}

.checkbox-wrapper[b-1urfigm306] {
  margin: 0 8px;
}
.checkbox-wrapper:first-child[b-1urfigm306] {
  margin-left: 0;
}
.checkbox-wrapper:last-child[b-1urfigm306] {
  margin-right: 0;
}
/* /Pages/Product/Components/Logs/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* /Pages/Product/Components/Logs/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-7atg5ksjde] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-7atg5ksjde] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-7atg5ksjde] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-7atg5ksjde],
.price[b-7atg5ksjde],
.pricetotal[b-7atg5ksjde] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-7atg5ksjde],
.pricetotal[b-7atg5ksjde],
.type[b-7atg5ksjde] {
  width: 8em;
}

th[b-7atg5ksjde],
td[b-7atg5ksjde] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-7atg5ksjde],
td:first-child[b-7atg5ksjde] {
  padding-left: 0;
}
th:last-child[b-7atg5ksjde],
td:last-child[b-7atg5ksjde] {
  padding-right: 0;
}

th[b-7atg5ksjde] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-7atg5ksjde] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-7atg5ksjde] {
  text-align: right;
}

td[b-7atg5ksjde] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-7atg5ksjde] {
  width: 60%;
}
.product button[b-7atg5ksjde] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-7atg5ksjde] {
  background-color: var(--color-hover-background);
}

.actions[b-7atg5ksjde] {
  width: 9rem;
}

.quantity[b-7atg5ksjde] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-7atg5ksjde] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-7atg5ksjde] {
  display: inline-flex;
}

.action-button[b-7atg5ksjde] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-7atg5ksjde] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-7atg5ksjde] {
  background-color: var(--color-hover-background);
}

.note[b-7atg5ksjde] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-7atg5ksjde] {
  border-top: 0;
}
.note td[b-7atg5ksjde] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-7atg5ksjde] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

[b-7atg5ksjde] .sf-grid {
  margin-bottom: 1rem;
}
[b-7atg5ksjde] .supplier-column .e-input-group {
  display: flex;
  align-items: center;
  height: 2.375rem;
  padding-left: 0.5rem;
}
/* /Pages/Product/Components/ProductCombination.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-8vek317qce] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-8vek317qce] {
  display: flex;
}
.list-wrapper .btn[b-8vek317qce] {
  white-space: nowrap;
}

.list-wrapper[b-8vek317qce],
.grid-wrapper[b-8vek317qce] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-8vek317qce] {
  display: block;
  max-width: 100%;
}

[b-8vek317qce] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-8vek317qce] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-8vek317qce] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-8vek317qce] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-8vek317qce] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-8vek317qce] .e-toolbar .e-search .e-input,
[b-8vek317qce] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Components/ProductInRecipes.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-lot5t929fz] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-lot5t929fz] {
  display: flex;
}
.list-wrapper .btn[b-lot5t929fz] {
  white-space: nowrap;
}

.list-wrapper[b-lot5t929fz],
.grid-wrapper[b-lot5t929fz] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-lot5t929fz] {
  display: block;
  max-width: 100%;
}

[b-lot5t929fz] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-lot5t929fz] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-lot5t929fz] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-lot5t929fz] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-lot5t929fz] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-lot5t929fz] .e-toolbar .e-search .e-input,
[b-lot5t929fz] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.recipe[b-lot5t929fz] {
  margin-top: 3rem;
}

.recipe-settings[b-lot5t929fz] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  row-gap: 3rem;
}

@media (min-width: 62rem) {
  .recipe-settings[b-lot5t929fz]  .related-product {
    width: calc(66.67% - 0.5rem);
  }
}
@media (min-width: 120rem) {
  .recipe-settings[b-lot5t929fz]  .related-product {
    width: calc(50% - 0.5rem);
  }
}
/* /Pages/Product/Components/ProductSettings.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.form-group.numeric[b-ro3zkpj7ne] {
  max-width: 26.25rem;
}

.salestypes[b-ro3zkpj7ne] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
}

[b-ro3zkpj7ne] .e-radio-wrapper {
  display: block;
  padding: 0.1875rem 0;
}
/* /Pages/Product/Components/ProductSuppliers.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-ae3la0cut1] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-ae3la0cut1] {
  display: flex;
}
.list-wrapper .btn[b-ae3la0cut1] {
  white-space: nowrap;
}

.list-wrapper[b-ae3la0cut1],
.grid-wrapper[b-ae3la0cut1] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-ae3la0cut1] {
  display: block;
  max-width: 100%;
}

[b-ae3la0cut1] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-ae3la0cut1] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-ae3la0cut1] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-ae3la0cut1] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-ae3la0cut1] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-ae3la0cut1] .e-toolbar .e-search .e-input,
[b-ae3la0cut1] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* ProductSuppliers.razor.scss */
.product-suppliers.product-info-content[b-ae3la0cut1] {
  width: 100% !important;
}
/* /Pages/Product/Components/Recipe.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-7yyfzn4sgx] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-7yyfzn4sgx] {
  display: flex;
}
.list-wrapper .btn[b-7yyfzn4sgx] {
  white-space: nowrap;
}

.list-wrapper[b-7yyfzn4sgx],
.grid-wrapper[b-7yyfzn4sgx] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-7yyfzn4sgx] {
  display: block;
  max-width: 100%;
}

[b-7yyfzn4sgx] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-7yyfzn4sgx] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-7yyfzn4sgx] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-7yyfzn4sgx] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-7yyfzn4sgx] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-7yyfzn4sgx] .e-toolbar .e-search .e-input,
[b-7yyfzn4sgx] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.recipe[b-7yyfzn4sgx] {
  margin-top: 3rem;
}

.recipe-settings[b-7yyfzn4sgx] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  row-gap: 3rem;
}

@media (min-width: 62rem) {
  .recipe-settings[b-7yyfzn4sgx]  .related-product {
    width: calc(66.67% - 0.5rem);
  }
}
@media (min-width: 120rem) {
  .recipe-settings[b-7yyfzn4sgx]  .related-product {
    width: calc(50% - 0.5rem);
  }
}
/* /Pages/Product/Components/RelatedProduct.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-4u4j7et5q9] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-4u4j7et5q9] {
  display: flex;
}
.list-wrapper .btn[b-4u4j7et5q9] {
  white-space: nowrap;
}

.list-wrapper[b-4u4j7et5q9],
.grid-wrapper[b-4u4j7et5q9] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-4u4j7et5q9] {
  display: block;
  max-width: 100%;
}

[b-4u4j7et5q9] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-4u4j7et5q9] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-4u4j7et5q9] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-4u4j7et5q9] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-4u4j7et5q9] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-4u4j7et5q9] .e-toolbar .e-search .e-input,
[b-4u4j7et5q9] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}
/* /Pages/Product/Import.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-5znt8pun0e] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-5znt8pun0e] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-5znt8pun0e] {
  margin-left: auto;
}

.global-actions[b-5znt8pun0e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-5znt8pun0e]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-5znt8pun0e]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-5znt8pun0e] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-5znt8pun0e] {
  background-color: var(--color-hover-background);
}

.primary[b-5znt8pun0e] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-5znt8pun0e] {
  background-color: var(--color-primary-hover);
}

.warning[b-5znt8pun0e] {
  background-color: var(--color-warning);
}

[b-5znt8pun0e] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-5znt8pun0e] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-5znt8pun0e] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-5znt8pun0e] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-5znt8pun0e] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-5znt8pun0e],
.date-and-time[b-5znt8pun0e],
.phone-and-email[b-5znt8pun0e],
.pax[b-5znt8pun0e],
.serving-note-and-button[b-5znt8pun0e],
.order-type[b-5znt8pun0e],
.select-table[b-5znt8pun0e],
.select-banquet-hall[b-5znt8pun0e],
.placeholder[b-5znt8pun0e] {
  width: calc(50% - 2rem);
}

.order-type[b-5znt8pun0e] {
  order: -1;
}

.pax[b-5znt8pun0e],
.date-and-time[b-5znt8pun0e],
.phone-and-email[b-5znt8pun0e] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-5znt8pun0e] {
  position: relative;
}
.date-and-time:focus-within[b-5znt8pun0e]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-5znt8pun0e],
.date-and-time:focus-within .time[b-5znt8pun0e] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-5znt8pun0e],
.date[b-5znt8pun0e],
.time[b-5znt8pun0e],
.phone[b-5znt8pun0e],
.email[b-5znt8pun0e],
.select-table-inner[b-5znt8pun0e] {
  width: calc(50% - 0.5rem);
}

label[b-5znt8pun0e] {
  display: block;
  font-weight: 600;
}
.order-line label[b-5znt8pun0e], .new-order-line label[b-5znt8pun0e] {
  margin-bottom: 0;
}

.label[b-5znt8pun0e] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-5znt8pun0e] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-5znt8pun0e]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-5znt8pun0e] {
  height: 4.3125rem;
}

.date-picker-container[b-5znt8pun0e] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-5znt8pun0e]  .e-date-wrapper.e-date-container.e-input-group,
[b-5znt8pun0e] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-5znt8pun0e],
.timeslot-picker-container[b-5znt8pun0e] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-5znt8pun0e] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-5znt8pun0e] {
  width: 100%;
}

.order-line[b-5znt8pun0e] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-5znt8pun0e] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-5znt8pun0e] {
  position: relative;
}
.new-order-line:focus-within[b-5znt8pun0e]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-5znt8pun0e] {
  position: relative;
  z-index: 1;
}

.product[b-5znt8pun0e] {
  flex-grow: 1;
}
.order-line .product[b-5znt8pun0e] {
  overflow: hidden;
}

.product-name[b-5znt8pun0e] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-5znt8pun0e] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-5znt8pun0e] {
  flex: 1;
}

[b-5znt8pun0e] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-5znt8pun0e] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-5znt8pun0e],
.prev:hover[b-5znt8pun0e],
.next:hover[b-5znt8pun0e],
.pre-order-button:hover[b-5znt8pun0e],
.add-order-line:hover[b-5znt8pun0e],
.remove-order-line:hover[b-5znt8pun0e] {
  background-color: var(--color-hover-background);
}

.close-button[b-5znt8pun0e],
.pre-order-button[b-5znt8pun0e],
.add-order-line[b-5znt8pun0e],
.remove-order-line[b-5znt8pun0e] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-5znt8pun0e], .close-button:focus[b-5znt8pun0e],
.pre-order-button:hover[b-5znt8pun0e],
.pre-order-button:focus[b-5znt8pun0e],
.add-order-line:hover[b-5znt8pun0e],
.add-order-line:focus[b-5znt8pun0e],
.remove-order-line:hover[b-5znt8pun0e],
.remove-order-line:focus[b-5znt8pun0e] {
  border-color: var(--color-primary);
}

.pre-order-button[b-5znt8pun0e] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-5znt8pun0e]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-5znt8pun0e] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-5znt8pun0e] {
  width: 100%;
}
.product-table th[b-5znt8pun0e],
.product-table td[b-5znt8pun0e] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-5znt8pun0e],
.product-table td:first-child[b-5znt8pun0e] {
  padding-left: 0;
}
.product-table th:last-child[b-5znt8pun0e],
.product-table td:last-child[b-5znt8pun0e] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-5znt8pun0e] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-5znt8pun0e] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-5znt8pun0e] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-5znt8pun0e] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-5znt8pun0e] {
  width: 22rem;
}

.action[b-5znt8pun0e] {
  width: 2.5rem;
}

.number[b-5znt8pun0e],
.serving-type[b-5znt8pun0e] {
  width: 8rem;
}

.add-order-line[b-5znt8pun0e],
.remove-order-line[b-5znt8pun0e] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-5znt8pun0e] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-5znt8pun0e] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Product/List.razor.rz.scp.css */
/* Remove the import of class rules to avoid global side-effects */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-1wbl0p8c33] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-1wbl0p8c33] {
  display: flex;
}
.list-wrapper .btn[b-1wbl0p8c33] {
  white-space: nowrap;
}

.list-wrapper[b-1wbl0p8c33],
.grid-wrapper[b-1wbl0p8c33] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-1wbl0p8c33] {
  display: block;
  max-width: 100%;
}

[b-1wbl0p8c33] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-1wbl0p8c33] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-1wbl0p8c33] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-1wbl0p8c33] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-1wbl0p8c33] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-1wbl0p8c33] .e-toolbar .e-search .e-input,
[b-1wbl0p8c33] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* Layout only for the Product List page (CSS isolation) */
/*.list-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.grid-wrapper {
    flex: 1 1 auto;
    width: 100%;
    position: relative;
    z-index: 1;
}*/
/* Keep the grid full width on this page (matches Width=100% in the component) */
/*::deep .e-grid {
    width: auto !important;
    max-width: 100% !important;
}*/
/* Horizontal scroll if columns overflow */
/*::deep .e-grid .e-gridcontent {
    overflow-x: auto;
}*/
/* Same toolbar tweaks as Recipe List */
/*::deep .e-toolbar {
    margin-bottom: 7px;
}*/
/* Prevent clipping of right-aligned toolbar content (incl. search box) */
/*::deep .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
    position: relative !important;
    overflow: visible;*/ /* ensure the search box/icon isnt cut */
/*}*/
/* Give the search box a responsive width */
/*::deep .e-toolbar .e-search .e-input-group {
    width: clamp(220px, 28vw, 360px);
}*/
/* Ensure inner input fills the group */
/*::deep .e-toolbar .e-search .e-input,
::deep .e-toolbar .e-search .e-input-group .e-input {
    width: 100%;
}*/
/* /Pages/Product/Product.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.additional-product-info[b-u91mp7vf6i],
.single-additional-product-info[b-u91mp7vf6i]  .product-info-content,
.product-form-wrapper[b-u91mp7vf6i] {
  background-color: var(--color-section-background);
  border: var(--border-1) var(--color-section-border);
  box-shadow: inset 0 0 1.25rem hsla(0, 0%, 0%, 0.02);
  padding: 2rem;
  margin-bottom: 3rem;
}

.product-form-wrapper[b-u91mp7vf6i]  .product-info-item,
.product-form-wrapper .product-info-item[b-u91mp7vf6i] {
  background-color: var(--color-white);
  border-radius: 0.5rem;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 62rem) {
  .product-form-wrapper[b-u91mp7vf6i]  .product-info-item,
  .product-form-wrapper .product-info-item[b-u91mp7vf6i] {
    width: calc(50% - 1rem);
  }
}
@media (min-width: 75rem) {
  .product-form-wrapper[b-u91mp7vf6i]  .product-info-item,
  .product-form-wrapper .product-info-item[b-u91mp7vf6i] {
    width: calc(33.33% - 1.333rem);
  }
}
@media (min-width: 120rem) {
  .product-form-wrapper[b-u91mp7vf6i]  .product-info-item,
  .product-form-wrapper .product-info-item[b-u91mp7vf6i] {
    width: calc(25% - 1.5rem);
  }
}

.form-content[b-u91mp7vf6i] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 1rem;
}

.form-actions[b-u91mp7vf6i] {
  text-align: right;
}
.form-actions button[b-u91mp7vf6i] {
  font-size: 1.25em;
  padding: 0.4375em 0.75em;
}

[b-u91mp7vf6i] .form-group {
  max-width: unset;
}
[b-u91mp7vf6i] h2 {
  word-break: break-word;
  hyphens: auto;
}
[b-u91mp7vf6i] .related-search-wrapper button {
  margin-left: 1rem;
}

.additional-product-info[b-u91mp7vf6i] {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 2rem;
}
@media (min-width: 75rem) {
  .additional-product-info[b-u91mp7vf6i]  .product-info-item {
    width: calc(66.67% - 0.5rem);
  }
}
@media (min-width: 120rem) {
  .additional-product-info[b-u91mp7vf6i]  .product-info-item {
    width: calc(50% - 1rem);
  }
}

@media (min-width: 75rem) {
  .single-additional-product-info[b-u91mp7vf6i]  .product-info-content {
    width: calc(66.7% + 0.875rem);
  }
}
@media (min-width: 120rem) {
  .single-additional-product-info[b-u91mp7vf6i]  .product-info-content {
    width: calc(50% + 1rem);
  }
}

/* the group still occupies one column */
.product-info-group[b-u91mp7vf6i] {
  width: calc(33.33% - var(--gap, 1rem));
  display: flex;
  flex-direction: column;
  gap: var(--gap, 1rem);
}

/* make inner cards fill the group width completely */
.product-form-wrapper .form-content .product-info-group .product-info-item[b-u91mp7vf6i] {
  flex: 1 1 100% !important; /* override fixed flex-basis */
  width: 100% !important; /* override calc(33.33%) */
  max-width: 100%;
  margin: 0; /* in case outer rule adds gutters */
  align-self: stretch;
}

/* ensure the card content stretches too */
.product-info-group .product-info-item > *[b-u91mp7vf6i] {
  width: 100%;
}
/* /Pages/Product/ProductNew.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.form-group[b-vfra0980r9] {
  max-width: 26.25rem;
}
/* /Pages/Product/ProductTypes.razor.rz.scp.css */
.grid-wrapper[b-awq0hixanh] {
  max-width: var(--component-max-width);
  margin-bottom: 1rem;
}
/* /Pages/Recipe/AddEdit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-vxa90v9dtt] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.content[b-vxa90v9dtt] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.content.scroll-container[b-vxa90v9dtt] {
  overflow: auto;
  position: relative;
  height: 100%;
}

.overview[b-vxa90v9dtt] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-vxa90v9dtt] {
  margin-left: auto;
}

.global-actions[b-vxa90v9dtt] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-vxa90v9dtt]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-vxa90v9dtt]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-vxa90v9dtt] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-vxa90v9dtt] {
  background-color: var(--color-hover-background);
}

.primary[b-vxa90v9dtt] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-vxa90v9dtt] {
  background-color: var(--color-primary-hover);
}

.warning[b-vxa90v9dtt] {
  background-color: var(--color-warning);
}

[b-vxa90v9dtt] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-vxa90v9dtt] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-vxa90v9dtt] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-vxa90v9dtt] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-vxa90v9dtt] {
  overflow-y: auto;
  /*max-height: calc(100% - 4rem);*/
  margin-bottom: 1.5rem;
}

.name[b-vxa90v9dtt],
.date-and-time[b-vxa90v9dtt],
.phone-and-email[b-vxa90v9dtt],
.pax[b-vxa90v9dtt],
.serving-note-and-button[b-vxa90v9dtt],
.order-type[b-vxa90v9dtt],
.select-table[b-vxa90v9dtt],
.select-banquet-hall[b-vxa90v9dtt],
.placeholder[b-vxa90v9dtt] {
  width: calc(50% - 2rem);
}

.order-type[b-vxa90v9dtt] {
  order: -1;
}

.pax[b-vxa90v9dtt],
.date-and-time[b-vxa90v9dtt],
.phone-and-email[b-vxa90v9dtt] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-vxa90v9dtt] {
  position: relative;
}
.date-and-time:focus-within[b-vxa90v9dtt]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-vxa90v9dtt],
.date-and-time:focus-within .time[b-vxa90v9dtt] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-vxa90v9dtt],
.date[b-vxa90v9dtt],
.time[b-vxa90v9dtt],
.phone[b-vxa90v9dtt],
.email[b-vxa90v9dtt],
.select-table-inner[b-vxa90v9dtt] {
  width: calc(50% - 0.5rem);
}

label[b-vxa90v9dtt] {
  display: block;
  font-weight: 600;
}
.order-line label[b-vxa90v9dtt], .new-order-line label[b-vxa90v9dtt] {
  margin-bottom: 0;
}

.label[b-vxa90v9dtt] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-vxa90v9dtt] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-vxa90v9dtt]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-vxa90v9dtt] {
  height: 4.3125rem;
}

.date-picker-container[b-vxa90v9dtt] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-vxa90v9dtt]  .e-date-wrapper.e-date-container.e-input-group,
[b-vxa90v9dtt] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-vxa90v9dtt],
.timeslot-picker-container[b-vxa90v9dtt] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-vxa90v9dtt] .date-picker input {
  padding-left: 0 !important;
}

[b-vxa90v9dtt] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-vxa90v9dtt] {
  width: 100%;
}

.order-line[b-vxa90v9dtt] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-vxa90v9dtt] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-vxa90v9dtt] {
  position: relative;
}
.new-order-line:focus-within[b-vxa90v9dtt]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-vxa90v9dtt] {
  position: relative;
  z-index: 1;
}

.product[b-vxa90v9dtt] {
  flex-grow: 1;
}
.order-line .product[b-vxa90v9dtt] {
  overflow: hidden;
}

.product-name[b-vxa90v9dtt] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-vxa90v9dtt] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-vxa90v9dtt] {
  flex: 1;
}

[b-vxa90v9dtt] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-vxa90v9dtt] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-vxa90v9dtt],
.prev:hover[b-vxa90v9dtt],
.next:hover[b-vxa90v9dtt],
.pre-order-button:hover[b-vxa90v9dtt],
.add-order-line:hover[b-vxa90v9dtt],
.remove-order-line:hover[b-vxa90v9dtt] {
  background-color: var(--color-hover-background);
}

.close-button[b-vxa90v9dtt],
.pre-order-button[b-vxa90v9dtt],
.add-order-line[b-vxa90v9dtt],
.remove-order-line[b-vxa90v9dtt] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-vxa90v9dtt], .close-button:focus[b-vxa90v9dtt],
.pre-order-button:hover[b-vxa90v9dtt],
.pre-order-button:focus[b-vxa90v9dtt],
.add-order-line:hover[b-vxa90v9dtt],
.add-order-line:focus[b-vxa90v9dtt],
.remove-order-line:hover[b-vxa90v9dtt],
.remove-order-line:focus[b-vxa90v9dtt] {
  border-color: var(--color-primary);
}

.pre-order-button[b-vxa90v9dtt] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-vxa90v9dtt]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-vxa90v9dtt] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-vxa90v9dtt] {
  width: 100%;
}
.product-table th[b-vxa90v9dtt],
.product-table td[b-vxa90v9dtt] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-vxa90v9dtt],
.product-table td:first-child[b-vxa90v9dtt] {
  padding-left: 0;
}
.product-table th:last-child[b-vxa90v9dtt],
.product-table td:last-child[b-vxa90v9dtt] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-vxa90v9dtt] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-vxa90v9dtt] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-vxa90v9dtt] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-vxa90v9dtt] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-vxa90v9dtt] {
  width: 22rem;
}

.action[b-vxa90v9dtt] {
  width: 2.5rem;
}

.number[b-vxa90v9dtt],
.serving-type[b-vxa90v9dtt] {
  width: 8rem;
}

.add-order-line[b-vxa90v9dtt],
.remove-order-line[b-vxa90v9dtt] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-vxa90v9dtt] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-vxa90v9dtt] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Recipe/Components/Lines/AddEdit.razor.rz.scp.css */
.order-table-wrapper[b-zdgdx8s6aw] {
  margin: 0 2px;
  padding: 0 0.5rem;
  background-color: var(--color-contrast);
  min-height: 33vh;
  overflow-y: auto;
}

.table[b-zdgdx8s6aw] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-zdgdx8s6aw],
.price[b-zdgdx8s6aw],
.pricetotal[b-zdgdx8s6aw] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-zdgdx8s6aw],
.pricetotal[b-zdgdx8s6aw],
.type[b-zdgdx8s6aw] {
  width: 8em;
}

th[b-zdgdx8s6aw],
td[b-zdgdx8s6aw] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

th:first-child[b-zdgdx8s6aw],
td:first-child[b-zdgdx8s6aw] {
  padding-left: 0;
}

th:last-child[b-zdgdx8s6aw],
td:last-child[b-zdgdx8s6aw] {
  padding-right: 0;
}

th[b-zdgdx8s6aw] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-contrast);
}

thead th[b-zdgdx8s6aw] {
  vertical-align: middle;
}

.quantity[b-zdgdx8s6aw] {
  text-align: right;
}

td[b-zdgdx8s6aw] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-top: 1px solid #eee;
}

.product[b-zdgdx8s6aw] {
  width: 60%;
}

.product button[b-zdgdx8s6aw] {
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product button:hover[b-zdgdx8s6aw] {
  background-color: var(--color-hover-background);
}

.actions[b-zdgdx8s6aw] {
  width: 9rem;
}

.quantity[b-zdgdx8s6aw] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-zdgdx8s6aw] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-zdgdx8s6aw] {
  display: inline-flex;
}

.action-button[b-zdgdx8s6aw] {
  background-color: transparent;
  border-color: transparent;
  height: 3rem;
  width: 3em;
  padding: 0;
}

.action-button img[b-zdgdx8s6aw] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}

.action-button:hover img[b-zdgdx8s6aw] {
  background-color: var(--color-hover-background);
}

.note[b-zdgdx8s6aw] {
  font-style: italic;
  line-height: 1;
  color: #777;
}

.note tr[b-zdgdx8s6aw] {
  border-top: 0;
}

.note td[b-zdgdx8s6aw] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-zdgdx8s6aw] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.order-table-wrapper[b-zdgdx8s6aw] {
  margin: 0 0.5rem;
  max-height: none;
  overflow-y: auto;
}
/* /Pages/Recipe/Components/Lines/RecipeEditor.razor.rz.scp.css */
@charset "UTF-8";
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* ================================
   Recipe Editor (Chef) Page
   ================================ */
.order-table-wrapper[b-x68mxbpewr] {
  display: block;
  padding: 1rem 1.5rem;
  background-color: transparent;
  border-radius: 0.25rem;
}
.order-table-wrapper .product-form[b-x68mxbpewr] {
  width: 100%;
}

/* Banner showing base pax info */
.overview[b-x68mxbpewr] {
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 0.925rem;
  color: var(--color-card-foreground);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-toolbar[b-x68mxbpewr] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  /* make the search reasonably wide but not full-bleed */
}
.section-toolbar > *[b-x68mxbpewr] {
  max-width: 26rem;
  width: 100%;
}

/* Section headings — same spacing as product pages */
.section-title[b-x68mxbpewr] {
  margin: 1.5rem 0 0.75rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-body-text);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.section-title:first-of-type[b-x68mxbpewr] {
  margin-top: 0.75rem;
}
.section-title[b-x68mxbpewr]::before {
  content: "";
  width: 4px;
  height: 1.1rem;
  border-radius: 0.25rem;
  background-color: var(--color-primary);
}

.muted[b-x68mxbpewr] {
  opacity: 0.65;
  font-weight: 400;
  margin-left: 0.25rem;
}

/* A local sticky offset for the whole ingredients block */
.ingredients-section[b-x68mxbpewr] {
  /* Where to pin: below app header + page padding */
  --sticky-top: 0rem;
  /* Height of the sticky bar (title + search). Tweak once if needed. */
  --section-sticky-h: 2.2rem;
  /* Title + search stays sticky */
}
.ingredients-section .section-sticky[b-x68mxbpewr] {
  position: sticky;
  top: var(--sticky-top);
  z-index: 40;
  background: var(--color-section-background, transparent); /* add fallback */
  padding-bottom: 0.5rem;
  border-bottom: var(--border-1) var(--color-section-border);
}
.ingredients-section[b-x68mxbpewr] {
  /* Table head also sticky, placed just under the section-sticky */
}
.ingredients-section .table thead th[b-x68mxbpewr] {
  position: sticky;
  top: calc(var(--sticky-top) + var(--section-sticky-h));
  z-index: 30; /* below toolbar but above rows */
  background: var(--color-orderline-background);
}
.ingredients-section[b-x68mxbpewr] {
  /* If you use zebra rows, ensure head stays opaque over them */
}
.ingredients-section .table thead th[b-x68mxbpewr]::before {
  content: "";
}

/* Table layout */
.table[b-x68mxbpewr] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.75rem;
}
.table th[b-x68mxbpewr] {
  text-align: left;
}
.table th[b-x68mxbpewr],
.table td[b-x68mxbpewr] {
  padding: 0.75rem 0.75rem;
  border-bottom: var(--border-1) var(--color-orderline-border);
  vertical-align: middle;
  color: var(--color-body-text);
}
.table[b-x68mxbpewr] {
  /* generic header styling only — no sticky here */
}
.table thead th[b-x68mxbpewr] {
  background-color: var(--color-orderline-background);
  font-weight: 600;
  color: var(--color-body-text);
}
.table tbody tr:nth-child(odd)[b-x68mxbpewr] {
  background-color: var(--color-orderline-child-background);
}
.table tbody tr:nth-child(even)[b-x68mxbpewr] {
  background-color: var(--color-orderline-background);
}
.table .price[b-x68mxbpewr] {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.table .product[b-x68mxbpewr] {
  text-align: left;
}
.table .actions[b-x68mxbpewr] {
  text-align: right;
}
.table .actions .action-button-wrapper[b-x68mxbpewr] {
  display: inline-flex;
  gap: 0.25rem;
}
.table .actions .action-button-wrapper .action-button[b-x68mxbpewr] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.table .actions .action-button-wrapper .action-button:hover[b-x68mxbpewr] {
  background-color: var(--color-neutral-hover);
}
.table .actions .action-button-wrapper .action-button img[b-x68mxbpewr] {
  width: 16px;
  height: 16px;
}

/* Weight overview table styled as a card */
.table.recipe-weight-overview[b-x68mxbpewr] {
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  color: var(--color-card-foreground);
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  margin-top: 0.75rem;
}
.table.recipe-weight-overview thead th[b-x68mxbpewr] {
  background-color: transparent;
  font-weight: 700;
  border-bottom: var(--border-1) var(--color-border-subtle);
}
.table.recipe-weight-overview tbody tr:last-child td[b-x68mxbpewr] {
  border-bottom: none;
}

/* Inputs & labels */
.control-label[b-x68mxbpewr] {
  font-weight: 600;
  color: var(--color-body-text);
  display: block;
  margin-bottom: 0.25rem;
}

.form-control[b-x68mxbpewr],
textarea.form-control[b-x68mxbpewr] {
  width: 100%;
  border: var(--border-1) var(--color-input-border);
  border-radius: 0.25rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: var(--color-body-text);
  background-color: var(--color-input-background);
}
.form-control:focus[b-x68mxbpewr],
textarea.form-control:focus[b-x68mxbpewr] {
  border-color: var(--color-focus-outline);
  box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--color-focus-outline) 25%, transparent);
  outline: none;
}

.input-unit-suffix[b-x68mxbpewr] {
  margin-left: 0.25rem;
  opacity: 0.7;
  font-size: 0.875rem;
}

/* Footer action buttons */
.action-buttons[b-x68mxbpewr] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.action-buttons .primary[b-x68mxbpewr] {
  height: 2.5rem;
  padding: 0 1rem;
  font-weight: 600;
  color: var(--color-white);
  background-color: var(--color-primary);
  border: none;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.action-buttons .primary:hover[b-x68mxbpewr] {
  background-color: var(--color-primary-hover);
}
.action-buttons .warning[b-x68mxbpewr] {
  height: 2.5rem;
  padding: 0 1rem;
  font-weight: 600;
  color: var(--color-white);
  background-color: var(--color-warning);
  border: none;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.action-buttons .btn[b-x68mxbpewr] {
  height: 2.5rem;
  padding: 0 1rem;
  color: var(--color-body-text);
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.action-buttons .btn:hover[b-x68mxbpewr] {
  background-color: var(--color-card-background-hover-default, var(--color-neutral-hover));
}

/* Dirty row highlight — visible in both light and dark */
.table tbody tr.row-dirty[b-x68mxbpewr] {
  background-color: color-mix(in srgb, var(--color-primary) 18%, transparent) !important;
  box-shadow: inset 3px 0 0 0 var(--color-primary);
  transition: background-color 0.25s ease;
}

.table tbody tr.row-dirty:hover[b-x68mxbpewr] {
  background-color: color-mix(in srgb, var(--color-primary) 28%, transparent) !important;
}

/* Responsive adjustments */
@media (max-width: 75rem) {
  .table th:nth-child(2)[b-x68mxbpewr],
  .table td:nth-child(2)[b-x68mxbpewr] {
    display: none;
  }
}
@media (max-width: 62rem) {
  .action-buttons[b-x68mxbpewr] {
    flex-direction: column;
    align-items: stretch;
  }
}
.inline-row.rigth-pack[b-x68mxbpewr] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.inline-row.rigth-pack > .value-rigth[b-x68mxbpewr],
.inline-row.rigth-pack > .muted-left[b-x68mxbpewr] {
  white-space: nowrap;
}
.inline-row.rigth-pack .muted-left[b-x68mxbpewr] {
  color: var(--text-muted, #6c757d);
  font-size: 0.9em;
}
/* /Pages/Recipe/Components/Lines/View.razor.rz.scp.css */
@charset "UTF-8";
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* ================================
   Recipe Editor (Chef) Page
   ================================ */
.order-table-wrapper[b-936jdz20fj] {
  display: block;
  padding: 1rem 1.5rem;
  background-color: transparent;
  border-radius: 0.25rem;
}
.order-table-wrapper .product-form[b-936jdz20fj] {
  width: 100%;
}

/* Banner showing base pax info */
.overview[b-936jdz20fj] {
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 0.925rem;
  color: var(--color-card-foreground);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-toolbar[b-936jdz20fj] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  /* make the search reasonably wide but not full-bleed */
}
.section-toolbar > *[b-936jdz20fj] {
  max-width: 26rem;
  width: 100%;
}

/* Section headings — same spacing as product pages */
.section-title[b-936jdz20fj] {
  margin: 1.5rem 0 0.75rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-body-text);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.section-title:first-of-type[b-936jdz20fj] {
  margin-top: 0.75rem;
}
.section-title[b-936jdz20fj]::before {
  content: "";
  width: 4px;
  height: 1.1rem;
  border-radius: 0.25rem;
  background-color: var(--color-primary);
}

.muted[b-936jdz20fj] {
  opacity: 0.65;
  font-weight: 400;
  margin-left: 0.25rem;
}

/* A local sticky offset for the whole ingredients block */
.ingredients-section[b-936jdz20fj] {
  /* Where to pin: below app header + page padding */
  --sticky-top: 0rem;
  /* Height of the sticky bar (title + search). Tweak once if needed. */
  --section-sticky-h: 2.2rem;
  /* Title + search stays sticky */
}
.ingredients-section .section-sticky[b-936jdz20fj] {
  position: sticky;
  top: var(--sticky-top);
  z-index: 40;
  background: var(--color-section-background, transparent); /* add fallback */
  padding-bottom: 0.5rem;
  border-bottom: var(--border-1) var(--color-section-border);
}
.ingredients-section[b-936jdz20fj] {
  /* Table head also sticky, placed just under the section-sticky */
}
.ingredients-section .table thead th[b-936jdz20fj] {
  position: sticky;
  top: calc(var(--sticky-top) + var(--section-sticky-h));
  z-index: 30; /* below toolbar but above rows */
  background: var(--color-orderline-background);
}
.ingredients-section[b-936jdz20fj] {
  /* If you use zebra rows, ensure head stays opaque over them */
}
.ingredients-section .table thead th[b-936jdz20fj]::before {
  content: "";
}

/* Table layout */
.table[b-936jdz20fj] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.75rem;
}
.table th[b-936jdz20fj] {
  text-align: left;
}
.table th[b-936jdz20fj],
.table td[b-936jdz20fj] {
  padding: 0.75rem 0.75rem;
  border-bottom: var(--border-1) var(--color-orderline-border);
  vertical-align: middle;
  color: var(--color-body-text);
}
.table[b-936jdz20fj] {
  /* generic header styling only — no sticky here */
}
.table thead th[b-936jdz20fj] {
  background-color: var(--color-orderline-background);
  font-weight: 600;
  color: var(--color-body-text);
}
.table tbody tr:nth-child(odd)[b-936jdz20fj] {
  background-color: var(--color-orderline-child-background);
}
.table tbody tr:nth-child(even)[b-936jdz20fj] {
  background-color: var(--color-orderline-background);
}
.table .price[b-936jdz20fj] {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.table .product[b-936jdz20fj] {
  text-align: left;
}
.table .actions[b-936jdz20fj] {
  text-align: right;
}
.table .actions .action-button-wrapper[b-936jdz20fj] {
  display: inline-flex;
  gap: 0.25rem;
}
.table .actions .action-button-wrapper .action-button[b-936jdz20fj] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.table .actions .action-button-wrapper .action-button:hover[b-936jdz20fj] {
  background-color: var(--color-neutral-hover);
}
.table .actions .action-button-wrapper .action-button img[b-936jdz20fj] {
  width: 16px;
  height: 16px;
}

/* Weight overview table styled as a card */
.table.recipe-weight-overview[b-936jdz20fj] {
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  color: var(--color-card-foreground);
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  margin-top: 0.75rem;
}
.table.recipe-weight-overview thead th[b-936jdz20fj] {
  background-color: transparent;
  font-weight: 700;
  border-bottom: var(--border-1) var(--color-border-subtle);
}
.table.recipe-weight-overview tbody tr:last-child td[b-936jdz20fj] {
  border-bottom: none;
}

/* Inputs & labels */
.control-label[b-936jdz20fj] {
  font-weight: 600;
  color: var(--color-body-text);
  display: block;
  margin-bottom: 0.25rem;
}

.form-control[b-936jdz20fj],
textarea.form-control[b-936jdz20fj] {
  width: 100%;
  border: var(--border-1) var(--color-input-border);
  border-radius: 0.25rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: var(--color-body-text);
  background-color: var(--color-input-background);
}
.form-control:focus[b-936jdz20fj],
textarea.form-control:focus[b-936jdz20fj] {
  border-color: var(--color-focus-outline);
  box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--color-focus-outline) 25%, transparent);
  outline: none;
}

.input-unit-suffix[b-936jdz20fj] {
  margin-left: 0.25rem;
  opacity: 0.7;
  font-size: 0.875rem;
}

/* Footer action buttons */
.action-buttons[b-936jdz20fj] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.action-buttons .primary[b-936jdz20fj] {
  height: 2.5rem;
  padding: 0 1rem;
  font-weight: 600;
  color: var(--color-white);
  background-color: var(--color-primary);
  border: none;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.action-buttons .primary:hover[b-936jdz20fj] {
  background-color: var(--color-primary-hover);
}
.action-buttons .warning[b-936jdz20fj] {
  height: 2.5rem;
  padding: 0 1rem;
  font-weight: 600;
  color: var(--color-white);
  background-color: var(--color-warning);
  border: none;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.action-buttons .btn[b-936jdz20fj] {
  height: 2.5rem;
  padding: 0 1rem;
  color: var(--color-body-text);
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.action-buttons .btn:hover[b-936jdz20fj] {
  background-color: var(--color-card-background-hover-default, var(--color-neutral-hover));
}

/* Dirty row highlight — visible in both light and dark */
.table tbody tr.row-dirty[b-936jdz20fj] {
  background-color: color-mix(in srgb, var(--color-primary) 18%, transparent) !important;
  box-shadow: inset 3px 0 0 0 var(--color-primary);
  transition: background-color 0.25s ease;
}

.table tbody tr.row-dirty:hover[b-936jdz20fj] {
  background-color: color-mix(in srgb, var(--color-primary) 28%, transparent) !important;
}

/* Responsive adjustments */
@media (max-width: 75rem) {
  .table th:nth-child(2)[b-936jdz20fj],
  .table td:nth-child(2)[b-936jdz20fj] {
    display: none;
  }
}
@media (max-width: 62rem) {
  .action-buttons[b-936jdz20fj] {
    flex-direction: column;
    align-items: stretch;
  }
}
.inline-row.rigth-pack[b-936jdz20fj] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.inline-row.rigth-pack > .value-rigth[b-936jdz20fj],
.inline-row.rigth-pack > .muted-left[b-936jdz20fj] {
  white-space: nowrap;
}
.inline-row.rigth-pack .muted-left[b-936jdz20fj] {
  color: var(--text-muted, #6c757d);
  font-size: 0.9em;
}
/* /Pages/Recipe/Components/ProductsReferencingRecipeComponent.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* ================================
   Products Referencing Recipe
   ================================ */
.products-referencing-recipe[b-2w4evape5w] {
  /* Match recipe page (no outer card/border) */
  background: transparent;
  border: none;
  box-shadow: none;
  /* Add horizontal breathing room so it doesnt hit the edges */
  margin-inline: 1.5rem; /* left/right space like the sections */
  padding: 0; /* no internal padding so table aligns with sections */
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.products-referencing-recipe .header[b-2w4evape5w] {
  /* Inside, keep a subtle divider like other sections */
  margin: 0 0 0.75rem 0;
  padding: 0;
  background: transparent;
  border-bottom: var(--border-1) var(--color-border-subtle);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.products-referencing-recipe .header h4[b-2w4evape5w] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-body-text);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.products-referencing-recipe .header h4[b-2w4evape5w]::before {
  content: "";
  width: 4px;
  height: 1.1rem;
  background: var(--color-primary);
  border-radius: 0.25rem;
}
.products-referencing-recipe .header button[b-2w4evape5w],
.products-referencing-recipe .header .btn[b-2w4evape5w],
.products-referencing-recipe .header .sf-btn[b-2w4evape5w] {
  height: 2.5rem;
  padding: 0 1rem;
  font-size: 0.875rem;
}
.products-referencing-recipe[b-2w4evape5w] {
  /* Table look aligned with Ingredients list */
}
.products-referencing-recipe .table[b-2w4evape5w] {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.products-referencing-recipe .table th[b-2w4evape5w],
.products-referencing-recipe .table td[b-2w4evape5w] {
  padding: 0.75rem 0.75rem;
  border-bottom: var(--border-1) var(--color-orderline-border);
  vertical-align: middle;
  color: var(--color-body-text);
}
.products-referencing-recipe .table tbody tr:nth-child(odd)[b-2w4evape5w] {
  background-color: var(--color-orderline-child-background);
}
.products-referencing-recipe .table tbody tr:nth-child(even)[b-2w4evape5w] {
  background-color: var(--color-orderline-background);
}
.products-referencing-recipe .table tbody tr:hover[b-2w4evape5w] {
  background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
}
.products-referencing-recipe .table .product .nav-link[b-2w4evape5w] {
  text-decoration: none;
  color: var(--color-link, var(--color-body-text));
}
.products-referencing-recipe .table .product .nav-link:hover .nav-link-text[b-2w4evape5w] {
  text-decoration: underline;
}
.products-referencing-recipe .muted[b-2w4evape5w] {
  opacity: 0.7;
  margin-left: 0.25rem;
  font-weight: 400;
}
.products-referencing-recipe p[b-2w4evape5w] {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}
.products-referencing-recipe .error[b-2w4evape5w] {
  color: var(--color-danger, #c62828);
  font-weight: 600;
  background: color-mix(in srgb, var(--color-danger) 10%, transparent);
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
}
.products-referencing-recipe[b-2w4evape5w] {
  /* Optional: enable card look (for product page) by adding class=products-referencing-recipe as-card */
}
.products-referencing-recipe.as-card[b-2w4evape5w] {
  background-color: var(--color-card-background);
  border: var(--border-1) var(--color-border-subtle);
  border-radius: 0.25rem;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  padding: 1rem 1.5rem;
  margin-inline: 0; /* card already has internal padding */
}

@media (max-width: 62rem) {
  .products-referencing-recipe[b-2w4evape5w] {
    margin-inline: 1rem;
  }
}
/* /Pages/Recipe/Components/Settings/SettingsAddEdit.razor.rz.scp.css */
/* Container sizes for various content containers */
/* Container sizes for various content containers */
.add-contact[b-97ytfokl0w] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

.add-contact a[b-97ytfokl0w] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.add-contact button[b-97ytfokl0w],
.add-contact a[b-97ytfokl0w] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.primary[b-97ytfokl0w] {
  background-color: var(--color-primary);
  color: white;
}

.secondary[b-97ytfokl0w] {
  background-color: var(--color-secondary);
  color: white;
}
/* /Pages/Recipe/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-2u0u0gtrx2] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.content[b-2u0u0gtrx2] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.overview[b-2u0u0gtrx2] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-2u0u0gtrx2] {
  margin-left: auto;
}

.global-actions[b-2u0u0gtrx2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-2u0u0gtrx2]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-2u0u0gtrx2]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-2u0u0gtrx2] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-2u0u0gtrx2] {
  background-color: var(--color-hover-background);
}

.primary[b-2u0u0gtrx2] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-2u0u0gtrx2] {
  background-color: var(--color-primary-hover);
}

.warning[b-2u0u0gtrx2] {
  background-color: var(--color-warning);
}

[b-2u0u0gtrx2] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-2u0u0gtrx2] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-2u0u0gtrx2] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-2u0u0gtrx2] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-2u0u0gtrx2] {
  overflow-y: auto;
  /*max-height: calc(100% - 4rem);*/
  margin-bottom: 1.5rem;
}

.name[b-2u0u0gtrx2],
.date-and-time[b-2u0u0gtrx2],
.phone-and-email[b-2u0u0gtrx2],
.pax[b-2u0u0gtrx2],
.serving-note-and-button[b-2u0u0gtrx2],
.order-type[b-2u0u0gtrx2],
.select-table[b-2u0u0gtrx2],
.select-banquet-hall[b-2u0u0gtrx2],
.placeholder[b-2u0u0gtrx2] {
  width: calc(50% - 2rem);
}

.order-type[b-2u0u0gtrx2] {
  order: -1;
}

.pax[b-2u0u0gtrx2],
.date-and-time[b-2u0u0gtrx2],
.phone-and-email[b-2u0u0gtrx2] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-2u0u0gtrx2] {
  position: relative;
}
.date-and-time:focus-within[b-2u0u0gtrx2]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-2u0u0gtrx2],
.date-and-time:focus-within .time[b-2u0u0gtrx2] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-2u0u0gtrx2],
.date[b-2u0u0gtrx2],
.time[b-2u0u0gtrx2],
.phone[b-2u0u0gtrx2],
.email[b-2u0u0gtrx2],
.select-table-inner[b-2u0u0gtrx2] {
  width: calc(50% - 0.5rem);
}

label[b-2u0u0gtrx2] {
  display: block;
  font-weight: 600;
}
.order-line label[b-2u0u0gtrx2], .new-order-line label[b-2u0u0gtrx2] {
  margin-bottom: 0;
}

.label[b-2u0u0gtrx2] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-2u0u0gtrx2] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-2u0u0gtrx2]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-2u0u0gtrx2] {
  height: 4.3125rem;
}

.date-picker-container[b-2u0u0gtrx2] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-2u0u0gtrx2]  .e-date-wrapper.e-date-container.e-input-group,
[b-2u0u0gtrx2] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-2u0u0gtrx2],
.timeslot-picker-container[b-2u0u0gtrx2] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-2u0u0gtrx2] .date-picker input {
  padding-left: 0 !important;
}

[b-2u0u0gtrx2] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-2u0u0gtrx2] {
  width: 100%;
}

.order-line[b-2u0u0gtrx2] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-2u0u0gtrx2] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-2u0u0gtrx2] {
  position: relative;
}
.new-order-line:focus-within[b-2u0u0gtrx2]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-2u0u0gtrx2] {
  position: relative;
  z-index: 1;
}

.product[b-2u0u0gtrx2] {
  flex-grow: 1;
}
.order-line .product[b-2u0u0gtrx2] {
  overflow: hidden;
}

.product-name[b-2u0u0gtrx2] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-2u0u0gtrx2] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-2u0u0gtrx2] {
  flex: 1;
}

[b-2u0u0gtrx2] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-2u0u0gtrx2] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-2u0u0gtrx2],
.prev:hover[b-2u0u0gtrx2],
.next:hover[b-2u0u0gtrx2],
.pre-order-button:hover[b-2u0u0gtrx2],
.add-order-line:hover[b-2u0u0gtrx2],
.remove-order-line:hover[b-2u0u0gtrx2] {
  background-color: var(--color-hover-background);
}

.close-button[b-2u0u0gtrx2],
.pre-order-button[b-2u0u0gtrx2],
.add-order-line[b-2u0u0gtrx2],
.remove-order-line[b-2u0u0gtrx2] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-2u0u0gtrx2], .close-button:focus[b-2u0u0gtrx2],
.pre-order-button:hover[b-2u0u0gtrx2],
.pre-order-button:focus[b-2u0u0gtrx2],
.add-order-line:hover[b-2u0u0gtrx2],
.add-order-line:focus[b-2u0u0gtrx2],
.remove-order-line:hover[b-2u0u0gtrx2],
.remove-order-line:focus[b-2u0u0gtrx2] {
  border-color: var(--color-primary);
}

.pre-order-button[b-2u0u0gtrx2] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-2u0u0gtrx2]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-2u0u0gtrx2] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-2u0u0gtrx2] {
  width: 100%;
}
.product-table th[b-2u0u0gtrx2],
.product-table td[b-2u0u0gtrx2] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-2u0u0gtrx2],
.product-table td:first-child[b-2u0u0gtrx2] {
  padding-left: 0;
}
.product-table th:last-child[b-2u0u0gtrx2],
.product-table td:last-child[b-2u0u0gtrx2] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-2u0u0gtrx2] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-2u0u0gtrx2] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-2u0u0gtrx2] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-2u0u0gtrx2] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-2u0u0gtrx2] {
  width: 22rem;
}

.action[b-2u0u0gtrx2] {
  width: 2.5rem;
}

.number[b-2u0u0gtrx2],
.serving-type[b-2u0u0gtrx2] {
  width: 8rem;
}

.add-order-line[b-2u0u0gtrx2],
.remove-order-line[b-2u0u0gtrx2] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-2u0u0gtrx2] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-2u0u0gtrx2] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Recipe/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-6ze77xwpf6] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-6ze77xwpf6] {
  display: flex;
}
.list-wrapper .btn[b-6ze77xwpf6] {
  white-space: nowrap;
}

.list-wrapper[b-6ze77xwpf6],
.grid-wrapper[b-6ze77xwpf6] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-6ze77xwpf6] {
  display: block;
  max-width: 100%;
}

[b-6ze77xwpf6] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-6ze77xwpf6] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-6ze77xwpf6] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-6ze77xwpf6] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-6ze77xwpf6] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-6ze77xwpf6] .e-toolbar .e-search .e-input,
[b-6ze77xwpf6] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

[b-6ze77xwpf6] .e-toolbar {
  margin-bottom: 7px;
}

[b-6ze77xwpf6] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
}
/* /Pages/Report/Account.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-b27rk3326p] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-b27rk3326p],
.sidebar-right[b-b27rk3326p] {
  margin-top: var(--ordersHeaderHeight);
}

.header[b-b27rk3326p] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.header-area.first[b-b27rk3326p] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .header-area.first[b-b27rk3326p] {
    width: auto;
  }
}
@media (min-width: 768px) {
  .header-area.third[b-b27rk3326p] {
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .header-area.third[b-b27rk3326p] {
    margin-left: initial;
  }
}
@media (min-width: 120rem) {
  .header-area[b-b27rk3326p] {
    flex: 1;
  }
  .header-area.second[b-b27rk3326p] {
    text-align: center;
  }
}

.header .date-picker-container[b-b27rk3326p] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.prev[b-b27rk3326p],
.next[b-b27rk3326p] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-b27rk3326p] {
  border-radius: 4px 0 0 4px;
}

.next[b-b27rk3326p] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-b27rk3326p],
.next-icon[b-b27rk3326p] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-b27rk3326p] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-b27rk3326p] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-b27rk3326p] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-b27rk3326p] .date-picker .e-input-group-icon {
  display: none;
}
[b-b27rk3326p] .date-picker .e-control {
  text-align: center;
}

.main[b-b27rk3326p] {
  width: 100%;
  padding: 1.5rem 0 1.5rem 1.5rem;
}

.add-order-button[b-b27rk3326p] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.add-order-button[b-b27rk3326p]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: center/contain no-repeat url("/images/icons/plus-white.svg");
  margin-right: 0.25rem;
}

.search-form[b-b27rk3326p] {
  background: var(--color-white);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}

.search-input[b-b27rk3326p] {
  border-color: transparent;
}

.search-submit[b-b27rk3326p] {
  padding: 5px 0.5rem 0;
}

.submit-icon[b-b27rk3326p] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/search.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.time-buttons[b-b27rk3326p] {
  display: inline-flex;
  gap: 1rem;
}
.time-buttons .btn[b-b27rk3326p] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.time-buttons .btn.active[b-b27rk3326p] {
  background: var(--color-primary);
}

[b-b27rk3326p] #TimeSlot-draft,
[b-b27rk3326p] #TimeSlot-draft ~ *:not(.dropzone) {
  display: none;
}
[b-b27rk3326p] #TimeSlot-draft + .dropzone {
  background: var(--color-white);
  position: fixed;
  top: calc(var(--header-height) + var(--orders-header-height));
  left: var(--sidebar-width);
  width: 100%;
  padding: 0 18px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border: none;
}
[b-b27rk3326p] #TimeSlot-draft + .dropzone .draggable {
  margin: -13px -2.5rem;
  transform: scale(0.65);
}
/* /Pages/Report/Accounting.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.accounting-filter-bar[b-gtp2hc661g] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: center;
}
.accounting-filter-bar[b-gtp2hc661g]  .e-ddl,
.accounting-filter-bar[b-gtp2hc661g]  .e-textbox {
  flex: 1 1 0;
  min-width: 140px;
}

.accounting-toolbar[b-gtp2hc661g] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.list-wrapper .list-header[b-gtp2hc661g] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-gtp2hc661g] {
  display: flex;
}
.list-wrapper .btn[b-gtp2hc661g] {
  white-space: nowrap;
}

.list-wrapper[b-gtp2hc661g],
.grid-wrapper[b-gtp2hc661g] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-gtp2hc661g] {
  display: block;
  max-width: 100%;
}

[b-gtp2hc661g] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-gtp2hc661g] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-gtp2hc661g] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-gtp2hc661g] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-gtp2hc661g] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-gtp2hc661g] .e-toolbar .e-search .e-input,
[b-gtp2hc661g] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-gtp2hc661g] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-gtp2hc661g],
.sidebar-right[b-gtp2hc661g] {
  margin-top: var(--ordersHeaderHeight);
}

.header[b-gtp2hc661g] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.accounting-filter-bar .filter-toggle[b-gtp2hc661g] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex: 0 0 auto;
}

.accounting-toolbar .e-btn[b-gtp2hc661g] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

[b-gtp2hc661g] .row-training {
  background-color: rgba(255, 193, 7, 0.08) !important;
}
:where(.page.Dark)[b-gtp2hc661g]  .row-training {
  background-color: rgba(255, 193, 7, 0.12) !important;
}
@media (prefers-color-scheme: dark) {
  :where(.page.SystemPreference)[b-gtp2hc661g]  .row-training {
    background-color: rgba(255, 193, 7, 0.12) !important;
  }
}

[b-gtp2hc661g] .row-komp {
  background-color: rgba(108, 117, 125, 0.06) !important;
}
:where(.page.Dark)[b-gtp2hc661g]  .row-komp {
  background-color: rgba(108, 117, 125, 0.1) !important;
}
@media (prefers-color-scheme: dark) {
  :where(.page.SystemPreference)[b-gtp2hc661g]  .row-komp {
    background-color: rgba(108, 117, 125, 0.1) !important;
  }
}

.accounting-empty-state[b-gtp2hc661g] {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--color-text-dimmed);
}

.accounting-summary-bar[b-gtp2hc661g] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin-top: 1rem;
  padding: 0.75rem 1.25rem;
  background-color: var(--color-card-background);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}

.summary-item[b-gtp2hc661g] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.summary-label[b-gtp2hc661g] {
  opacity: 0.65;
}

.summary-separator[b-gtp2hc661g] {
  width: 1px;
  height: 1.25rem;
  background-color: var(--color-border);
  flex-shrink: 0;
}

.summary-balance[b-gtp2hc661g] {
  font-weight: 600;
  margin-left: auto;
}
.summary-balance--ok[b-gtp2hc661g] {
  color: var(--color-okay);
}
.summary-balance--warn[b-gtp2hc661g] {
  color: var(--color-warning-alternative);
}

.order-detail-dialog .e-dlg-content[b-gtp2hc661g] {
  padding: 1rem;
}

[b-gtp2hc661g] .chip-blocked {
  display: inline-block;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8rem;
  background-color: rgba(255, 193, 7, 0.25);
  margin-right: 0.4rem;
}

[b-gtp2hc661g] .blocked-reason {
  font-size: 0.85rem;
  margin-right: 0.4rem;
}

[b-gtp2hc661g] .chip {
  display: inline-block;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8rem;
  margin-right: 0.4rem;
}

[b-gtp2hc661g] .chip-exported {
  background-color: rgba(40, 167, 69, 0.18);
}

[b-gtp2hc661g] .chip-pending {
  background-color: rgba(13, 110, 253, 0.15);
}

[b-gtp2hc661g] .chip-failed {
  background-color: rgba(220, 53, 69, 0.18);
}

[b-gtp2hc661g] .retry-btn {
  margin-left: 0.15rem;
}

.connection-lost-notice[b-gtp2hc661g] {
  font-size: 0.85rem;
  color: var(--color-warning-alternative, #b26a00);
  align-self: center;
  margin: 0 0.5rem;
}
.connection-lost-notice a[b-gtp2hc661g] {
  margin-left: 0.35rem;
}
/* /Pages/Report/Components/EconomicExportDialog.razor.rz.scp.css */
[b-zsp1ix5lvq] .economic-export-dialog .export-summary {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.35rem 1.25rem;
  margin: 0 0 1rem;
}
[b-zsp1ix5lvq] .economic-export-dialog .export-summary dt {
  font-weight: 600;
  color: var(--bs-secondary-color, #555);
}
[b-zsp1ix5lvq] .economic-export-dialog .export-summary dd {
  margin: 0;
}
[b-zsp1ix5lvq] .economic-export-dialog .skip-note {
  font-size: 0.875rem;
  color: var(--bs-secondary-color, #555);
}
[b-zsp1ix5lvq] .economic-export-dialog .blocked-warning {
  background: #fff6e5;
  border: 1px solid #f0c36d;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
}
[b-zsp1ix5lvq] .economic-export-dialog .blocked-warning p {
  margin: 0 0 0.35rem;
}
[b-zsp1ix5lvq] .economic-export-dialog .blocked-warning ul {
  margin: 0 0 0.5rem;
  padding-left: 1.25rem;
}
[b-zsp1ix5lvq] .economic-export-dialog .nothing-note {
  font-style: italic;
  color: var(--bs-secondary-color, #555);
}
[b-zsp1ix5lvq] .economic-export-dialog .dialog-error {
  background: #fdecea;
  border: 1px solid #e8a09b;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
[b-zsp1ix5lvq] .economic-export-dialog .dialog-loading {
  padding: 1.5rem 0;
  text-align: center;
}
/* /Pages/Report/Components/EconomicRunHistory.razor.rz.scp.css */
.run-history-card[b-122uhmuv3e] {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
}

.run-history-toggle[b-122uhmuv3e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.run-history-toggle .card-title[b-122uhmuv3e] {
  margin: 0;
  font-size: 1.05rem;
}

.run-history-table[b-122uhmuv3e] {
  width: 100%;
  margin-top: 0.75rem;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.run-history-table th[b-122uhmuv3e] {
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0.3rem 0.5rem;
}
.run-history-table td[b-122uhmuv3e] {
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.empty-note[b-122uhmuv3e] {
  margin: 0.75rem 0 0;
  font-style: italic;
}

.load-error[b-122uhmuv3e] {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
/* /Pages/Report/Components/ProductionBoard.razor.rz.scp.css */
.production-board[b-2cldwhfbmj] {
  padding: 0;
}

.board-empty[b-2cldwhfbmj] {
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.board-empty p[b-2cldwhfbmj] {
  font-size: 1.125rem;
  color: #6b7280;
}

.board-summary[b-2cldwhfbmj] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem 1rem;
  margin-bottom: 0.75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  transition: background 0.3s, border-color 0.3s;
}
.board-summary.all-done[b-2cldwhfbmj] {
  background: #f0fdf4;
  border-color: #bbf7d0;
}
.board-summary .summary-remaining[b-2cldwhfbmj] {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
}
.board-summary .summary-complete[b-2cldwhfbmj] {
  font-size: 1rem;
  font-weight: 600;
  color: #16a34a;
}
.board-summary .summary-separator[b-2cldwhfbmj] {
  color: #94a3b8;
  font-weight: 600;
}
.board-summary .summary-carried-over-link[b-2cldwhfbmj] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #4338CA;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}
.board-summary .summary-carried-over-link:hover[b-2cldwhfbmj] {
  color: #3730A3;
}
.board-summary .summary-carried-over-link:focus-visible[b-2cldwhfbmj] {
  outline: 2px solid #6366F1;
  outline-offset: 2px;
  border-radius: 2px;
}
.board-summary .summary-progress-bar[b-2cldwhfbmj] {
  flex: 1;
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
}
.board-summary .summary-progress-bar .summary-progress-fill[b-2cldwhfbmj] {
  height: 100%;
  background: #22c55e;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.board-section[b-2cldwhfbmj] {
  margin-bottom: 0.5rem;
}
.board-section.section-done[b-2cldwhfbmj] {
  opacity: 0.7;
}

.section-header[b-2cldwhfbmj] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.625rem 1rem;
  background: #e2e8f0;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1rem;
  text-align: left;
  transition: background 0.15s;
}
.section-header:hover[b-2cldwhfbmj] {
  background: #cbd5e1;
}
.section-header .section-chevron[b-2cldwhfbmj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.625rem;
  transition: transform 0.2s;
  color: #475569;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
}
.section-header .section-chevron.collapsed[b-2cldwhfbmj] {
  transform: rotate(-90deg);
}
.section-header .section-title[b-2cldwhfbmj] {
  font-weight: 600;
  color: #1e293b;
  font-size: 1rem;
}
.section-header .section-count[b-2cldwhfbmj] {
  color: #475569;
  font-size: 0.875rem;
}
.section-header .section-done-badge[b-2cldwhfbmj] {
  margin-left: auto;
  color: #16a34a;
  font-weight: 700;
  font-size: 1.125rem;
}

.section-cards[b-2cldwhfbmj] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 0.625rem;
  padding: 0.625rem 0;
}

.section-today-divider[b-2cldwhfbmj] {
  grid-column: 1/-1;
  margin: 0.25rem 0 0 0;
  border: 0;
  border-top: 1px solid #cbd5e1;
  height: 0;
}

.section-today-label[b-2cldwhfbmj] {
  grid-column: 1/-1;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  padding: 0 0.25rem 0.125rem 0.25rem;
  letter-spacing: 0.02em;
  text-transform: none;
}

.show-completed-toggle[b-2cldwhfbmj] {
  display: block;
  width: 100%;
  padding: 0.5rem;
  background: none;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  color: #64748b;
  font-size: 0.8125rem;
  cursor: pointer;
  text-align: center;
  transition: background 0.15s, color 0.15s;
  margin-bottom: 0.25rem;
}
.show-completed-toggle:hover[b-2cldwhfbmj] {
  background: #f1f5f9;
  color: #475569;
}

[b-2cldwhfbmj] .production-card {
  display: flex;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
  transition: box-shadow 0.2s;
}
[b-2cldwhfbmj] .production-card:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
[b-2cldwhfbmj] .production-card .card-left-border {
  width: 4px;
  flex-shrink: 0;
}
[b-2cldwhfbmj] .production-card.status-not-started .card-left-border {
  background: #9e9e9e;
}
[b-2cldwhfbmj] .production-card.status-in-progress {
  background: #fffbeb;
}
[b-2cldwhfbmj] .production-card.status-in-progress .card-left-border {
  background: #f59e0b;
}
[b-2cldwhfbmj] .production-card.status-in-progress .card-progress-fill {
  background: #f59e0b;
}
[b-2cldwhfbmj] .production-card.status-complete {
  background: #f0fdf4;
}
[b-2cldwhfbmj] .production-card.status-complete .card-left-border {
  background: #22c55e;
}
[b-2cldwhfbmj] .production-card.status-complete .card-progress-fill {
  background: #22c55e;
}
[b-2cldwhfbmj] .production-card.carried-over {
  background: #EEF2FF;
  position: relative;
}
[b-2cldwhfbmj] .production-card.carried-over .card-left-border {
  background: #6366F1;
  width: 4px;
}
[b-2cldwhfbmj] .card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
[b-2cldwhfbmj] .card-carried-over-chip {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0.0625rem 0.5rem;
  background: #ffffff;
  color: #4338CA;
  border: 1px solid #C7D2FE;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
[b-2cldwhfbmj] .card-carried-over-status {
  color: #4338CA !important;
  font-weight: 600;
}
[b-2cldwhfbmj] .card-content {
  flex: 1;
  padding: 0.625rem 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
[b-2cldwhfbmj] .card-header .card-product-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  line-height: 1.25;
  word-wrap: break-word;
}
[b-2cldwhfbmj] .card-quantities {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}
[b-2cldwhfbmj] .card-quantities .card-remaining-count {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e293b;
}
[b-2cldwhfbmj] .card-quantities .card-remaining-label {
  font-size: 0.8125rem;
  color: #64748b;
}
[b-2cldwhfbmj] .card-progress .card-progress-bar {
  height: 4px;
  background: #e2e8f0;
  border-radius: 2px;
  overflow: hidden;
}
[b-2cldwhfbmj] .card-progress .card-progress-fill {
  height: 100%;
  background: #22c55e;
  border-radius: 2px;
  transition: width 0.3s ease;
}
[b-2cldwhfbmj] .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.125rem;
}
[b-2cldwhfbmj] .card-distributions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
[b-2cldwhfbmj] .card-distributions .distribution-pill {
  display: inline-flex;
  align-items: center;
  padding: 0 0.375rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.75rem;
  color: #475569;
  font-weight: 500;
  line-height: 1.5;
}
[b-2cldwhfbmj] .card-recipe-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s;
}
[b-2cldwhfbmj] .card-recipe-button:hover {
  background: #f1f5f9;
}
[b-2cldwhfbmj] .card-recipe-button img {
  width: 24px;
  height: 24px;
}

@media (max-width: 768px) {
  .section-cards[b-2cldwhfbmj] {
    grid-template-columns: 1fr;
  }
}
@media print {
  .board-section.section-done[b-2cldwhfbmj] {
    opacity: 1;
  }
  .section-cards[b-2cldwhfbmj] {
    display: block;
  }
  .board-summary[b-2cldwhfbmj] {
    border: 1px solid #000;
    background: none;
  }
  [b-2cldwhfbmj] .production-card {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #000;
  }
  [b-2cldwhfbmj] .production-card.status-in-progress, [b-2cldwhfbmj] .production-card.status-complete, [b-2cldwhfbmj] .production-card.carried-over {
    background: #ffffff;
  }
  [b-2cldwhfbmj] .production-card.carried-over .card-left-border {
    background: #000;
  }
  [b-2cldwhfbmj] .card-carried-over-chip {
    border: 1px solid #000;
    color: #000;
  }
  [b-2cldwhfbmj] .card-recipe-button {
    display: none;
  }
}
/* /Pages/Report/Components/ProductionCard.razor.rz.scp.css */
.production-card[b-e1rwongx6q] {
  display: flex;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  transition: box-shadow 0.2s;
}
.production-card:hover[b-e1rwongx6q] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.production-card .card-left-border[b-e1rwongx6q] {
  width: 4px;
  flex-shrink: 0;
}
.production-card.status-not-started .card-left-border[b-e1rwongx6q] {
  background: #9e9e9e;
}
.production-card.status-in-progress[b-e1rwongx6q] {
  background: #fffbeb;
}
.production-card.status-in-progress .card-left-border[b-e1rwongx6q] {
  background: #f59e0b;
}
.production-card.status-in-progress .card-progress-fill[b-e1rwongx6q] {
  background: #f59e0b;
}
.production-card.status-complete[b-e1rwongx6q] {
  background: #f0fdf4;
}
.production-card.status-complete .card-left-border[b-e1rwongx6q] {
  background: #22c55e;
}
.production-card.status-complete .card-progress-fill[b-e1rwongx6q] {
  background: #22c55e;
}
.production-card.carried-over[b-e1rwongx6q] {
  background: #EEF2FF;
  position: relative;
}
.production-card.carried-over .card-left-border[b-e1rwongx6q] {
  background: #6366F1;
  width: 4px;
}
.production-card.carried-over .card-product-name[b-e1rwongx6q] {
  color: #1e293b;
}
.production-card.carried-over .card-remaining-count[b-e1rwongx6q] {
  color: #1e293b;
}
.production-card.carried-over .card-carried-over-status[b-e1rwongx6q] {
  color: #4338CA;
  font-weight: 600;
}

.card-carried-over-chip[b-e1rwongx6q] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0.125rem 0.625rem;
  background: #ffffff;
  color: #4338CA;
  border: 1px solid #C7D2FE;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

.card-content[b-e1rwongx6q] {
  flex: 1;
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.card-header[b-e1rwongx6q] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.card-header .card-product-name[b-e1rwongx6q] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  flex: 1;
  min-width: 0;
}

.card-quantities[b-e1rwongx6q] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.card-quantities .card-remaining-count[b-e1rwongx6q] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
}
.card-quantities .card-remaining-label[b-e1rwongx6q] {
  font-size: 0.875rem;
  color: #64748b;
}

.card-progress .card-progress-bar[b-e1rwongx6q] {
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
}
.card-progress .card-progress-fill[b-e1rwongx6q] {
  height: 100%;
  background: #22c55e;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.card-footer[b-e1rwongx6q] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
}

.card-distributions[b-e1rwongx6q] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.card-distributions .distribution-pill[b-e1rwongx6q] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  font-size: 0.8125rem;
  color: #475569;
  font-weight: 500;
}

.card-recipe-button[b-e1rwongx6q] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s;
}
.card-recipe-button:hover[b-e1rwongx6q] {
  background: #f1f5f9;
}
.card-recipe-button img[b-e1rwongx6q] {
  width: 28px;
  height: 28px;
}

@media print {
  .production-card[b-e1rwongx6q] {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #000;
  }
  .production-card.status-in-progress[b-e1rwongx6q], .production-card.status-complete[b-e1rwongx6q], .production-card.carried-over[b-e1rwongx6q] {
    background: #ffffff;
  }
  .production-card.carried-over .card-left-border[b-e1rwongx6q] {
    background: #000;
  }
  .card-recipe-button[b-e1rwongx6q] {
    display: none;
  }
}
/* /Pages/Report/Components/ProductProductionDistribution.razor.rz.scp.css */
.grid-wrapper[b-7xkhd0g2ov] {
  margin-bottom: 1em;
}
.grid-wrapper .e-grid .e-rowcell[b-7xkhd0g2ov] {
  white-space: normal;
  word-wrap: break-word;
}
/* /Pages/Report/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.report-section[b-f03baagaoq] {
  margin-bottom: 1em;
  max-width: 75rem;
}

.section-title[b-f03baagaoq] {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  padding: 0.75em 1em;
  background-color: var(--color-card-background);
  border: 1px solid var(--color-border);
  border-radius: 0.5em;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease-in-out;
  list-style: none;
}
.section-title:hover[b-f03baagaoq] {
  background-color: var(--color-card-background-hover-default);
}

[b-f03baagaoq] .section-title svg {
  flex-shrink: 0;
  width: 1.25em !important;
  height: 1.25em !important;
}

.chevron[b-f03baagaoq] {
  margin-left: auto;
  display: flex;
  align-items: center;
  opacity: 0.5;
  transition: transform 0.2s ease-in-out;
}
.chevron.open[b-f03baagaoq] {
  transform: rotate(180deg);
}

.section-content[b-f03baagaoq] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
  gap: 1em;
  padding: 1em 0;
}

.e-card[b-f03baagaoq] {
  background-color: var(--color-card-background);
}

.card-title[b-f03baagaoq] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.card-title[b-f03baagaoq]  svg {
  flex-shrink: 0;
  width: 1.1em !important;
  height: 1.1em !important;
}

[b-f03baagaoq] .setting-link {
  display: block;
  padding: 0.2rem 0;
  color: var(--color-primary);
  text-decoration: none;
}
[b-f03baagaoq] .setting-link:hover {
  text-decoration: underline;
}
/* /Pages/Report/Orders.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.orders-filter-bar[b-6yylmvmkj6] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: center;
}
.orders-filter-bar[b-6yylmvmkj6]  .e-ddl,
.orders-filter-bar[b-6yylmvmkj6]  .e-textbox {
  flex: 1 1 0;
  min-width: 140px;
}

.orders-toolbar[b-6yylmvmkj6] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.list-wrapper .list-header[b-6yylmvmkj6] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-6yylmvmkj6] {
  display: flex;
}
.list-wrapper .btn[b-6yylmvmkj6] {
  white-space: nowrap;
}

.list-wrapper[b-6yylmvmkj6],
.grid-wrapper[b-6yylmvmkj6] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-6yylmvmkj6] {
  display: block;
  max-width: 100%;
}

[b-6yylmvmkj6] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-6yylmvmkj6] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-6yylmvmkj6] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-6yylmvmkj6] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-6yylmvmkj6] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-6yylmvmkj6] .e-toolbar .e-search .e-input,
[b-6yylmvmkj6] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.orders-empty-state[b-6yylmvmkj6] {
  text-align: center;
  padding: 1.5rem;
  color: var(--color-body-text);
}
/* /Pages/Report/Outstanding.razor.rz.scp.css */
.partial-invoiced-row td:first-child[b-qlc710kw5b] {
  border-left: 3px solid #f59e0b;
}

.overdue-cell[b-qlc710kw5b] {
  color: #f59e0b;
  font-weight: 500;
}

.summary-bar[b-qlc710kw5b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.25rem 0.75rem;
  font-size: 0.875rem;
  color: var(--text-muted, #6b7280);
}
.summary-bar strong[b-qlc710kw5b] {
  color: var(--text-primary, #111827);
  font-weight: 600;
}
.summary-bar .summary-separator[b-qlc710kw5b] {
  color: var(--text-muted, #9ca3af);
  user-select: none;
}
.summary-bar .summary-overdue[b-qlc710kw5b] {
  color: #f59e0b;
}
.summary-bar .summary-overdue strong[b-qlc710kw5b] {
  color: #b45309;
}

.all-time-btn[b-qlc710kw5b] {
  white-space: nowrap;
  margin-left: 0.5rem;
}

.outstanding-empty-state[b-qlc710kw5b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--text-muted, #6b7280);
}
.outstanding-empty-state svg[b-qlc710kw5b] {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}
.outstanding-empty-state .empty-title[b-qlc710kw5b] {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  color: var(--text-primary, #374151);
}
.outstanding-empty-state .empty-subtitle[b-qlc710kw5b] {
  font-size: 0.875rem;
  margin: 0;
}
/* /Pages/Report/ProductByOrders.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-q5b6lxhzm3] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

/*.content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
*/
.header[b-q5b6lxhzm3] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.header-area.first[b-q5b6lxhzm3] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .header-area.first[b-q5b6lxhzm3] {
    width: auto;
  }
}
.header-area.third[b-q5b6lxhzm3] {
  margin-left: auto;
}
@media (min-width: 120rem) {
  .header-area[b-q5b6lxhzm3] {
    flex: 1;
  }
  .header-area.second[b-q5b6lxhzm3] {
    text-align: center;
  }
}

.connection-status[b-q5b6lxhzm3] {
  font-size: 0.85rem;
  line-height: 1;
  border-radius: 999px;
  user-select: none;
  flex-shrink: 0;
  min-width: 1.25rem;
  min-height: 1.25rem;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0.35rem;
}
.connection-status[b-q5b6lxhzm3]::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.25);
}
.connection-status.is-connected[b-q5b6lxhzm3]::before {
  background: rgba(46, 204, 113, 0.85);
}
.connection-status.is-disconnected[b-q5b6lxhzm3] {
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.9;
}
.connection-status.is-disconnected[b-q5b6lxhzm3]::before {
  margin-right: 0.4rem;
  background: rgba(231, 76, 60, 0.85);
}

.date-picker-container-outer[b-q5b6lxhzm3] {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 1rem;
}
.date-picker-container-outer .btn[b-q5b6lxhzm3] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.date-picker-container-outer .btn.active[b-q5b6lxhzm3] {
  background: var(--color-primary);
}

.date-picker-today[b-q5b6lxhzm3] {
  display: inline-flex;
  margin-left: auto;
}

.header .date-picker-container[b-q5b6lxhzm3] {
  display: flex;
  width: 15rem;
  /*margin-left: auto;*/
}

.prev[b-q5b6lxhzm3],
.next[b-q5b6lxhzm3] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-q5b6lxhzm3] {
  border-radius: 4px 0 0 4px;
}

.next[b-q5b6lxhzm3] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-q5b6lxhzm3],
.next-icon[b-q5b6lxhzm3] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-q5b6lxhzm3] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-q5b6lxhzm3] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-q5b6lxhzm3] .order-date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-q5b6lxhzm3] .order-date-picker .e-input-group-icon {
  display: none;
}
[b-q5b6lxhzm3] .order-date-picker .e-control {
  text-align: center;
}

.main[b-q5b6lxhzm3] {
  width: 100%;
  padding: 1.5rem;
  margin-top: 1rem;
}

.reports[b-q5b6lxhzm3] {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (min-width: 75rem) {
  .reports[b-q5b6lxhzm3]  .report-item-wrapper {
    width: calc(66.67% - 1rem);
  }
}
@media (min-width: 120rem) {
  .reports[b-q5b6lxhzm3]  .report-item-wrapper {
    width: calc(50% - 1rem);
  }
}
.reports[b-q5b6lxhzm3]  .grid-wrapper {
  max-width: unset;
}

.add-order-button[b-q5b6lxhzm3] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.add-order-button[b-q5b6lxhzm3]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: center/contain no-repeat url("/images/icons/plus-white.svg");
  margin-right: 0.25rem;
}

.search-form[b-q5b6lxhzm3] {
  background: var(--color-white);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}

.search-input[b-q5b6lxhzm3] {
  border-color: transparent;
}

.search-submit[b-q5b6lxhzm3] {
  padding: 5px 0.5rem 0;
}

.submit-icon[b-q5b6lxhzm3] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/search.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.time-buttons[b-q5b6lxhzm3] {
  display: inline-flex;
  gap: 1rem;
}
.time-buttons .btn[b-q5b6lxhzm3] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.time-buttons .btn.active[b-q5b6lxhzm3] {
  background: var(--color-primary);
}

[b-q5b6lxhzm3] #TimeSlot-draft,
[b-q5b6lxhzm3] #TimeSlot-draft ~ *:not(.dropzone) {
  display: none;
}
[b-q5b6lxhzm3] #TimeSlot-draft + .dropzone {
  background: var(--color-white);
  position: fixed;
  top: calc(var(--header-height) + var(--orders-header-height));
  left: var(--sidebar-width);
  width: 100%;
  padding: 0 18px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border: none;
}
[b-q5b6lxhzm3] #TimeSlot-draft + .dropzone .draggable {
  margin: -13px -2.5rem;
  transform: scale(0.65);
}
/* /Pages/Reservation/PendingDistribution.razor.rz.scp.css */
.pending-distribution .page-header[b-ns7l4p3lcm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.pending-distribution .page-header h1[b-ns7l4p3lcm] {
  margin: 0;
}
.pending-distribution .page-header-actions[b-ns7l4p3lcm] {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.pending-distribution .horizon-filter[b-ns7l4p3lcm] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
  white-space: nowrap;
}
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm] {
  width: 150px;
}
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm]  .e-input-group,
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm]  .e-input-group.e-control-wrapper {
  background-color: var(--color-input-background) !important;
  border-color: var(--color-input-border) !important;
}
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm]  .e-input-group input.e-input,
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm]  .e-input-group .e-input,
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm]  .e-input-group.e-control-wrapper input.e-input,
.pending-distribution .horizon-filter .horizon-dropdown[b-ns7l4p3lcm]  .e-input-group.e-control-wrapper .e-input {
  background-color: var(--color-input-background) !important;
  color: var(--color-body-text) !important;
}
.pending-distribution .hidden-by-filter[b-ns7l4p3lcm] {
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.pending-distribution .show-details-toggle[b-ns7l4p3lcm] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-dimmed);
  font-size: 0.9rem;
  white-space: nowrap;
}
.pending-distribution .show-details-toggle .show-details-label[b-ns7l4p3lcm] {
  cursor: pointer;
  user-select: none;
}
.pending-distribution .loading-spinner[b-ns7l4p3lcm] {
  display: flex;
  justify-content: center;
  padding: 3rem;
}
.pending-distribution .empty-state[b-ns7l4p3lcm] {
  text-align: center;
  padding: 3rem;
  color: var(--color-text-dimmed);
  font-size: 1.1rem;
}
.pending-distribution .grid-wrapper[b-ns7l4p3lcm] {
  margin-top: 0.5rem;
  max-width: 100%;
}
.pending-distribution .order-link[b-ns7l4p3lcm] {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}
.pending-distribution .order-link:hover[b-ns7l4p3lcm] {
  text-decoration: underline;
}
.pending-distribution .guest-fallback[b-ns7l4p3lcm] {
  color: var(--color-text-dimmed);
  font-style: italic;
}
.pending-distribution .assign-row[b-ns7l4p3lcm] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm] {
  min-width: 160px;
}
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm]  .e-input-group,
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm]  .e-input-group.e-control-wrapper {
  background-color: var(--color-input-background) !important;
  border-color: var(--color-input-border) !important;
}
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm]  .e-input-group input.e-input,
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm]  .e-input-group .e-input,
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm]  .e-input-group.e-control-wrapper input.e-input,
.pending-distribution .assign-row .assign-dropdown[b-ns7l4p3lcm]  .e-input-group.e-control-wrapper .e-input {
  background-color: var(--color-input-background) !important;
  color: var(--color-body-text) !important;
}
.pending-distribution .assign-row .assign-btn[b-ns7l4p3lcm] {
  white-space: nowrap;
}
.pending-distribution .time-since[b-ns7l4p3lcm] {
  font-size: 0.85rem;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 4px;
}
.pending-distribution .time-since.urgency-low[b-ns7l4p3lcm] {
  color: var(--color-okay);
}
.pending-distribution .time-since.urgency-medium[b-ns7l4p3lcm] {
  color: var(--color-warning);
}
.pending-distribution .time-since.urgency-high[b-ns7l4p3lcm] {
  color: var(--color-error);
  font-weight: 700;
}

.seating-time[b-ns7l4p3lcm] {
  font-weight: 600;
}

.booking-source[b-ns7l4p3lcm] {
  color: #777;
  margin-left: 0.25rem;
  font-size: 0.85em;
}

.venue-too-small[b-ns7l4p3lcm] {
  color: #b54708;
}

.assign-warning[b-ns7l4p3lcm] {
  color: #b54708;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

.order-detail[b-ns7l4p3lcm] {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 0.75rem 1rem;
}
.order-detail ul[b-ns7l4p3lcm] {
  margin: 0.25rem 0 0;
  padding-left: 1.1rem;
}
.order-detail ul li[b-ns7l4p3lcm] {
  line-height: 1.6;
}

.order-detail-label[b-ns7l4p3lcm] {
  display: block;
  font-size: 0.8rem;
  color: #777;
}

.order-detail-amount[b-ns7l4p3lcm] {
  font-weight: 600;
}

.order-detail-empty[b-ns7l4p3lcm] {
  color: #777;
  font-style: italic;
}

.order-detail-link[b-ns7l4p3lcm] {
  margin-left: auto;
  align-self: center;
}
/* /Pages/Reservation/ReservationChildGrid.razor.rz.scp.css */
/* /Pages/Reservation/ReservationList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-9et73xhkzu] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-9et73xhkzu] {
  display: flex;
}
.list-wrapper .btn[b-9et73xhkzu] {
  white-space: nowrap;
}

.list-wrapper[b-9et73xhkzu],
.grid-wrapper[b-9et73xhkzu] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-9et73xhkzu] {
  display: block;
  max-width: 100%;
}

[b-9et73xhkzu] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-9et73xhkzu] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-9et73xhkzu] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-9et73xhkzu] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-9et73xhkzu] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-9et73xhkzu] .e-toolbar .e-search .e-input,
[b-9et73xhkzu] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.reservation-filters[b-9et73xhkzu] {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.reservation-filters .filter-item[b-9et73xhkzu] {
  min-width: 180px;
}
.reservation-filters .search-btn[b-9et73xhkzu] {
  box-sizing: border-box;
  height: 40px;
}
.reservation-filters[b-9et73xhkzu]  .e-input-group,
.reservation-filters[b-9et73xhkzu]  .e-input-group.e-control-wrapper {
  height: 100%;
  background-color: var(--color-input-background) !important;
  border-color: var(--color-input-border) !important;
}
.reservation-filters[b-9et73xhkzu]  .e-input-group input.e-input,
.reservation-filters[b-9et73xhkzu]  .e-input-group .e-input,
.reservation-filters[b-9et73xhkzu]  .e-input-group.e-control-wrapper input.e-input,
.reservation-filters[b-9et73xhkzu]  .e-input-group.e-control-wrapper .e-input {
  background-color: var(--color-input-background) !important;
  color: var(--color-body-text) !important;
}
.reservation-filters[b-9et73xhkzu]  .e-input-group .e-input-group-icon,
.reservation-filters[b-9et73xhkzu]  .e-input-group.e-control-wrapper .e-input-group-icon {
  background-color: var(--color-input-background) !important;
  color: var(--color-body-text) !important;
}

.reservation-actions[b-9et73xhkzu] {
  display: flex;
  gap: 8px;
}

.status-active[b-9et73xhkzu] {
  color: var(--color-okay);
  font-weight: 600;
}

.status-partial[b-9et73xhkzu] {
  color: var(--color-warning);
  font-weight: 600;
}

.status-cancelled[b-9et73xhkzu] {
  color: var(--color-error);
  font-weight: 600;
}

.child-cancelled[b-9et73xhkzu] {
  text-decoration: line-through;
  color: var(--color-text-dimmed);
}

[b-9et73xhkzu] .e-detailindentcell,
[b-9et73xhkzu] .e-detailrowcollapse,
[b-9et73xhkzu] .e-detailrowexpand {
  border-color: var(--color-border-subtle) !important;
  background-color: var(--grid-background) !important;
}

[b-9et73xhkzu] .e-detailcell {
  background-color: var(--grid-background) !important;
  border-color: var(--color-border-subtle) !important;
}
[b-9et73xhkzu] .e-detailcell .e-grid {
  border: none !important;
}
[b-9et73xhkzu] .e-detailcell .e-gridcontent {
  box-shadow: none !important;
}
[b-9et73xhkzu] .e-detailcell .e-row,
[b-9et73xhkzu] .e-detailcell .e-rowcell {
  border-color: var(--color-border-subtle) !important;
}

.external-source[b-9et73xhkzu] {
  color: var(--color-text-dimmed);
  font-size: 0.85em;
  margin-left: 0.25em;
}
/* /Pages/Serving/Arrangement.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-6b4fladzi7] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-6b4fladzi7] {
  padding: 1.5rem;
}

.header[b-6b4fladzi7] {
  gap: 1.5rem;
}
.header label[b-6b4fladzi7] {
  margin-bottom: 0;
}

.header-area[b-6b4fladzi7] {
  flex: 1;
}

.date-picker-container[b-6b4fladzi7] {
  display: flex;
  width: 16.5rem;
  margin-left: auto;
}

.prev[b-6b4fladzi7],
.next[b-6b4fladzi7] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-6b4fladzi7] {
  border-radius: 4px 0 0 4px;
}

.next[b-6b4fladzi7] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-6b4fladzi7],
.next-icon[b-6b4fladzi7] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-6b4fladzi7] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-6b4fladzi7] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-6b4fladzi7] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-6b4fladzi7] .date-picker .e-input-group-icon {
  display: none;
}
[b-6b4fladzi7] .date-picker .e-control {
  text-align: center;
}

.overview[b-6b4fladzi7] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.connection-status[b-6b4fladzi7] {
  margin-left: auto;
  font-size: 0.85rem;
  line-height: 1;
  border-radius: 999px;
  user-select: none;
  z-index: 10;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0.35rem;
}
.connection-status[b-6b4fladzi7]::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.25);
}
.connection-status.is-connected[b-6b4fladzi7]::before {
  background: rgba(46, 204, 113, 0.85);
}
.connection-status.is-disconnected[b-6b4fladzi7] {
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.9;
}
.connection-status.is-disconnected[b-6b4fladzi7]::before {
  margin-right: 0.4rem;
  background: rgba(231, 76, 60, 0.85);
}
/* /Pages/Serving/Components/ArrangementContainer.razor.rz.scp.css */
.production-container[b-ud68zm8kxz] {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
}
/* /Pages/Serving/Components/ArrangementEmptyOrder.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
@media (hover: hover) and (pointer: fine) {
  .openOrder:focus[b-z86gcuxw3t] {
    outline: 0;
  }
  .openOrder:focus:focus-visible[b-z86gcuxw3t] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.1875rem var(--color-focus-outline);
  }
}
.openOrder[b-z86gcuxw3t] {
  width: var(--production-item-width);
  aspect-ratio: 1/1;
  border: var(--border-1) var(--color-border-medium);
  border-radius: 0.5rem;
  background-color: inherit;
  color: inherit;
  height: 100%;
}
/* /Pages/Serving/Components/ArrangementList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.production-timeslot[b-9fcjt7blg1] {
  position: relative;
  display: inline-flex;
}

.table-wrapper[b-9fcjt7blg1] {
  position: absolute;
  top: -15px;
  width: 100%;
  text-align: center;
}

.table[b-9fcjt7blg1] {
  font-size: 1.25rem;
  color: #6e6e6e;
  font-weight: bold;
  text-transform: capitalize;
  background-color: var(--color-page-background);
  padding: 0.125rem 0.25rem;
}

.production-item-list[b-9fcjt7blg1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8125rem;
  border: var(--border-1) var(--color-border-medium);
  padding: 0.75rem;
}

.loading[b-9fcjt7blg1] {
  min-width: var(--production-item-width);
  min-height: var(--production-item-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-9fcjt7blg1] .production-item-list .production-item {
  margin-bottom: 0;
}
/* /Pages/Serving/Components/ArrangementServingItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.production-item[b-mfz2f4ov37] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--production-item-width);
  min-height: var(--production-item-width);
  border: 0.25rem solid transparent;
  border-radius: 0.625rem;
  position: relative;
  text-align: center;
  font-size: var(--production-item-font-size);
  padding: 0;
  background-color: var(--color-serving-item-background);
}
.production-item[b-mfz2f4ov37]  .revert-button {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
}

.customer-info[b-mfz2f4ov37] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  padding: 0.5rem;
  padding-left: 2.5rem;
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.customer[b-mfz2f4ov37] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 0.5em;
}

.production-item-content[b-mfz2f4ov37] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: inherit;
  flex: 1;
  padding: 0;
  transition: background-color 0.15s ease-in-out;
}
.production-item-content:not(.show-customer-info .production-item-content)[b-mfz2f4ov37] {
  border-radius: 0.625rem 0.625rem 0 0;
}

.openOrder-wrapper[b-mfz2f4ov37] {
  width: 100%;
  border-top: 0.25rem solid;
  border-color: inherit;
}

@media (hover: hover) and (pointer: fine) {
  .openOrder:focus[b-mfz2f4ov37] {
    outline: 0;
  }
  .openOrder:focus:focus-visible[b-mfz2f4ov37] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-primary);
  }
}
.openOrder[b-mfz2f4ov37] {
  font-weight: 500;
  background-color: transparent;
  border-radius: 0 0 0.3125rem 0.3125rem;
  color: inherit;
  border: none;
  width: 100%;
  transition: background-color 0.15s ease-in-out;
}

.production-item-top[b-mfz2f4ov37] {
  width: 100%;
  padding: 0.5em 0;
  margin-bottom: auto;
}

.serving[b-mfz2f4ov37] {
  font-weight: 700;
}
.serving.top-row[b-mfz2f4ov37] {
  padding: 0 2.5rem;
}

.orderlines[b-mfz2f4ov37] {
  display: table;
  border-spacing: 0 0.375em;
  word-break: break-word;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.orderline[b-mfz2f4ov37] {
  display: table-row;
  text-align: left;
  line-height: 1.25;
  font-weight: 500;
}

.quantity[b-mfz2f4ov37] {
  display: table-cell;
  padding-left: 0.5em;
  padding-right: 0.25em;
  white-space: nowrap;
}

.product[b-mfz2f4ov37] {
  display: table-cell;
  word-break: break-word;
  hyphens: auto;
  width: 100%;
  padding-left: 0.25em;
  padding-right: 0.5em;
}

.points[b-mfz2f4ov37] {
  font-weight: 700;
  margin: auto 0 0.25rem;
}

/* Status color styling */
.accepted-action[b-mfz2f4ov37],
.blank[b-mfz2f4ov37],
.on-hold[b-mfz2f4ov37],
.waiting[b-mfz2f4ov37] {
  border-color: var(--color-serving-item-neutral);
}
.accepted-action .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.accepted-action .openOrder:not([disabled]):hover[b-mfz2f4ov37],
.blank .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.blank .openOrder:not([disabled]):hover[b-mfz2f4ov37],
.on-hold .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.on-hold .openOrder:not([disabled]):hover[b-mfz2f4ov37],
.waiting .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.waiting .openOrder:not([disabled]):hover[b-mfz2f4ov37] {
  background-color: var(--color-serving-item-neutral-hover);
}
.accepted-action .customer-info[b-mfz2f4ov37],
.blank .customer-info[b-mfz2f4ov37],
.on-hold .customer-info[b-mfz2f4ov37],
.waiting .customer-info[b-mfz2f4ov37] {
  background-color: var(--color-serving-item-neutral);
}

.in-production[b-mfz2f4ov37] {
  border-color: var(--color-okay);
}
.in-production.show-customer-info[b-mfz2f4ov37]  .revert-button {
  color: var(--color-white);
}
.in-production .openOrder:not([disabled]):hover[b-mfz2f4ov37] {
  background-color: var(--color-serving-item-okay-hover);
}
.in-production .customer-info[b-mfz2f4ov37] {
  background-color: var(--color-okay);
  color: var(--color-off-white);
}

.require-action[b-mfz2f4ov37] {
  border-color: var(--color-require-action-dark);
}
.require-action .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.require-action .openOrder:not([disabled]):hover[b-mfz2f4ov37] {
  background-color: var(--color-serving-item-require-action-hover);
}
.require-action .customer-info[b-mfz2f4ov37] {
  background-color: var(--color-require-action);
}
.require-action.show-customer-info .customer-info[b-mfz2f4ov37] {
  color: var(--color-serving-item-require-action-title);
}
.require-action.show-customer-info[b-mfz2f4ov37]  .revert-button {
  color: var(--color-serving-item-require-action-title);
}

/* REQUIRE ACTION DELAYED  */
.require-action-delayed[b-mfz2f4ov37] {
  border-color: var(--color-require-action-delayed);
}
.require-action-delayed.show-customer-info[b-mfz2f4ov37]  .revert-button {
  color: var(--color-off-white);
}
.require-action-delayed .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.require-action-delayed .openOrder:not([disabled]):hover[b-mfz2f4ov37] {
  background-color: var(--color-serving-item-require-action-delayed-hover);
}
@media (hover: hover) and (pointer: fine) {
  .require-action-delayed .openOrder:focus[b-mfz2f4ov37] {
    outline: 0;
  }
  .require-action-delayed .openOrder:focus:focus-visible[b-mfz2f4ov37] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-require-action-delayed);
  }
}
.require-action-delayed .customer-info[b-mfz2f4ov37] {
  color: var(--color-off-white);
  background-color: var(--color-require-action-delayed);
}

.readytoclear-action[b-mfz2f4ov37],
.waiting-customer-action[b-mfz2f4ov37],
.readytoclose[b-mfz2f4ov37] {
  border-color: var(--color-primary);
}
.readytoclear-action.show-customer-info[b-mfz2f4ov37]  .revert-button,
.waiting-customer-action.show-customer-info[b-mfz2f4ov37]  .revert-button,
.readytoclose.show-customer-info[b-mfz2f4ov37]  .revert-button {
  color: var(--color-off-white);
}
.readytoclear-action .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.readytoclear-action .openOrder:not([disabled]):hover[b-mfz2f4ov37],
.waiting-customer-action .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.waiting-customer-action .openOrder:not([disabled]):hover[b-mfz2f4ov37],
.readytoclose .production-item-content:not([disabled]):hover[b-mfz2f4ov37],
.readytoclose .openOrder:not([disabled]):hover[b-mfz2f4ov37] {
  background-color: var(--color-serving-item-readytoclose-hover);
}
@media (hover: hover) and (pointer: fine) {
  .readytoclear-action .openOrder:focus[b-mfz2f4ov37],
  .waiting-customer-action .openOrder:focus[b-mfz2f4ov37],
  .readytoclose .openOrder:focus[b-mfz2f4ov37] {
    outline: 0;
  }
  .readytoclear-action .openOrder:focus:focus-visible[b-mfz2f4ov37],
  .waiting-customer-action .openOrder:focus:focus-visible[b-mfz2f4ov37],
  .readytoclose .openOrder:focus:focus-visible[b-mfz2f4ov37] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-secondary);
  }
}
.readytoclear-action .customer-info[b-mfz2f4ov37],
.waiting-customer-action .customer-info[b-mfz2f4ov37],
.readytoclose .customer-info[b-mfz2f4ov37] {
  color: var(--color-off-white);
  background-color: var(--color-primary);
}
/* /Pages/Serving/Components/RestaurantContainer.razor.rz.scp.css */
.production-container[b-3k163cb656] {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
}
/* /Pages/Serving/Components/RestaurantList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.production-timeslot[b-9plwl60xcb] {
  position: relative;
  display: inline-flex;
}

.table-wrapper[b-9plwl60xcb] {
  position: absolute;
  top: -1em;
  width: 100%;
  text-align: center;
}

.table[b-9plwl60xcb] {
  font-size: 1.25rem;
  color: #6e6e6e;
  font-weight: bold;
  text-transform: capitalize;
  background-color: var(--color-page-background);
  padding: 0.125rem 0.25rem;
}

.production-item-list[b-9plwl60xcb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8125rem;
  border: var(--border-1) var(--color-border-medium);
  padding: 0.75rem;
}

.loading[b-9plwl60xcb] {
  min-width: var(--production-item-width);
  min-height: var(--production-item-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-9plwl60xcb] .production-item-list .production-item {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .openOrder:focus[b-9plwl60xcb] {
    outline: 0;
  }
  .openOrder:focus:focus-visible[b-9plwl60xcb] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.1875rem var(--color-focus-outline);
  }
}
.openOrder[b-9plwl60xcb] {
  width: var(--production-item-width);
  aspect-ratio: 1/1;
  border: var(--border-1) var(--color-border-medium);
  border-radius: 0.5rem;
  background-color: inherit;
  color: inherit;
  height: 100%;
}
/* /Pages/Serving/Components/ServingItem.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.production-item[b-smaxn2943h] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--production-item-width);
  min-height: var(--production-item-width);
  border: 0.25rem solid transparent;
  border-radius: 0.625rem;
  position: relative;
  text-align: center;
  font-size: var(--production-item-font-size);
  padding: 0;
  background-color: var(--color-serving-item-background);
}
.production-item[b-smaxn2943h]  .revert-button {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
}

.customer-info[b-smaxn2943h] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  padding: 0.5rem;
  padding-left: 2.5rem;
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.customer[b-smaxn2943h] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 0.5em;
}

.production-item-content[b-smaxn2943h] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: inherit;
  flex: 1;
  padding: 0;
  transition: background-color 0.15s ease-in-out;
}
.production-item-content:not(.show-customer-info .production-item-content)[b-smaxn2943h] {
  border-radius: 0.625rem 0.625rem 0 0;
}

.openOrder-wrapper[b-smaxn2943h] {
  width: 100%;
  border-top: 0.25rem solid;
  border-color: inherit;
}

@media (hover: hover) and (pointer: fine) {
  .openOrder:focus[b-smaxn2943h] {
    outline: 0;
  }
  .openOrder:focus:focus-visible[b-smaxn2943h] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-primary);
  }
}
.openOrder[b-smaxn2943h] {
  font-weight: 500;
  background-color: transparent;
  border-radius: 0 0 0.3125rem 0.3125rem;
  color: inherit;
  border: none;
  width: 100%;
  transition: background-color 0.15s ease-in-out;
}

.production-item-top[b-smaxn2943h] {
  width: 100%;
  padding: 0.5em 0;
  margin-bottom: auto;
}

.serving[b-smaxn2943h] {
  font-weight: 700;
}
.serving.top-row[b-smaxn2943h] {
  padding: 0 2.5rem;
}

.orderlines[b-smaxn2943h] {
  display: table;
  border-spacing: 0 0.375em;
  word-break: break-word;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.orderline[b-smaxn2943h] {
  display: table-row;
  text-align: left;
  line-height: 1.25;
  font-weight: 500;
}

.quantity[b-smaxn2943h] {
  display: table-cell;
  padding-left: 0.5em;
  padding-right: 0.25em;
  white-space: nowrap;
}

.product[b-smaxn2943h] {
  display: table-cell;
  word-break: break-word;
  hyphens: auto;
  width: 100%;
  padding-left: 0.25em;
  padding-right: 0.5em;
}

.points[b-smaxn2943h] {
  font-weight: 700;
  margin: auto 0 0.25rem;
}

/* Status color styling */
.accepted-action[b-smaxn2943h],
.blank[b-smaxn2943h],
.on-hold[b-smaxn2943h],
.waiting[b-smaxn2943h] {
  border-color: var(--color-serving-item-neutral);
}
.accepted-action .production-item-content:not([disabled]):hover[b-smaxn2943h],
.accepted-action .openOrder:not([disabled]):hover[b-smaxn2943h],
.blank .production-item-content:not([disabled]):hover[b-smaxn2943h],
.blank .openOrder:not([disabled]):hover[b-smaxn2943h],
.on-hold .production-item-content:not([disabled]):hover[b-smaxn2943h],
.on-hold .openOrder:not([disabled]):hover[b-smaxn2943h],
.waiting .production-item-content:not([disabled]):hover[b-smaxn2943h],
.waiting .openOrder:not([disabled]):hover[b-smaxn2943h] {
  background-color: var(--color-serving-item-neutral-hover);
}
.accepted-action .customer-info[b-smaxn2943h],
.blank .customer-info[b-smaxn2943h],
.on-hold .customer-info[b-smaxn2943h],
.waiting .customer-info[b-smaxn2943h] {
  background-color: var(--color-serving-item-neutral);
}

.in-production[b-smaxn2943h] {
  border-color: var(--color-okay);
}
.in-production.show-customer-info[b-smaxn2943h]  .revert-button {
  color: var(--color-white);
}
.in-production .openOrder:not([disabled]):hover[b-smaxn2943h] {
  background-color: var(--color-serving-item-okay-hover);
}
.in-production .customer-info[b-smaxn2943h] {
  background-color: var(--color-okay);
  color: var(--color-off-white);
}

.require-action[b-smaxn2943h] {
  border-color: var(--color-require-action-dark);
}
.require-action .production-item-content:not([disabled]):hover[b-smaxn2943h],
.require-action .openOrder:not([disabled]):hover[b-smaxn2943h] {
  background-color: var(--color-serving-item-require-action-hover);
}
.require-action .customer-info[b-smaxn2943h] {
  background-color: var(--color-require-action);
}
.require-action.show-customer-info .customer-info[b-smaxn2943h] {
  color: var(--color-serving-item-require-action-title);
}
.require-action.show-customer-info[b-smaxn2943h]  .revert-button {
  color: var(--color-serving-item-require-action-title);
}

/* REQUIRE ACTION DELAYED  */
.require-action-delayed[b-smaxn2943h] {
  border-color: var(--color-require-action-delayed);
}
.require-action-delayed.show-customer-info[b-smaxn2943h]  .revert-button {
  color: var(--color-off-white);
}
.require-action-delayed .production-item-content:not([disabled]):hover[b-smaxn2943h],
.require-action-delayed .openOrder:not([disabled]):hover[b-smaxn2943h] {
  background-color: var(--color-serving-item-require-action-delayed-hover);
}
@media (hover: hover) and (pointer: fine) {
  .require-action-delayed .openOrder:focus[b-smaxn2943h] {
    outline: 0;
  }
  .require-action-delayed .openOrder:focus:focus-visible[b-smaxn2943h] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-require-action-delayed);
  }
}
.require-action-delayed .customer-info[b-smaxn2943h] {
  color: var(--color-off-white);
  background-color: var(--color-require-action-delayed);
}

.readytoclear-action[b-smaxn2943h],
.waiting-customer-action[b-smaxn2943h],
.readytoclose[b-smaxn2943h] {
  border-color: var(--color-primary);
}
.readytoclear-action.show-customer-info[b-smaxn2943h]  .revert-button,
.waiting-customer-action.show-customer-info[b-smaxn2943h]  .revert-button,
.readytoclose.show-customer-info[b-smaxn2943h]  .revert-button {
  color: var(--color-off-white);
}
.readytoclear-action .production-item-content:not([disabled]):hover[b-smaxn2943h],
.readytoclear-action .openOrder:not([disabled]):hover[b-smaxn2943h],
.waiting-customer-action .production-item-content:not([disabled]):hover[b-smaxn2943h],
.waiting-customer-action .openOrder:not([disabled]):hover[b-smaxn2943h],
.readytoclose .production-item-content:not([disabled]):hover[b-smaxn2943h],
.readytoclose .openOrder:not([disabled]):hover[b-smaxn2943h] {
  background-color: var(--color-serving-item-readytoclose-hover);
}
@media (hover: hover) and (pointer: fine) {
  .readytoclear-action .openOrder:focus[b-smaxn2943h],
  .waiting-customer-action .openOrder:focus[b-smaxn2943h],
  .readytoclose .openOrder:focus[b-smaxn2943h] {
    outline: 0;
  }
  .readytoclear-action .openOrder:focus:focus-visible[b-smaxn2943h],
  .waiting-customer-action .openOrder:focus:focus-visible[b-smaxn2943h],
  .readytoclose .openOrder:focus:focus-visible[b-smaxn2943h] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 0 0.25rem var(--color-secondary);
  }
}
.readytoclear-action .customer-info[b-smaxn2943h],
.waiting-customer-action .customer-info[b-smaxn2943h],
.readytoclose .customer-info[b-smaxn2943h] {
  color: var(--color-off-white);
  background-color: var(--color-primary);
}
/* /Pages/Serving/Components/TakeAwayList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.loading[b-ls1bcxleem] {
  min-width: var(--production-item-width);
  min-height: var(--production-item-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

.production-timeslot[b-ls1bcxleem] {
  position: relative;
  display: inline-flex;
}

.production-item-list[b-ls1bcxleem] {
  display: flex;
  gap: 0.8125rem;
  border: var(--border-1) var(--color-border-medium);
  padding: 0.75rem;
}

.loading[b-ls1bcxleem] {
  min-width: var(--production-item-width);
  min-height: var(--production-item-width);
  display: flex;
  justify-content: center;
  align-items: center;
}

[b-ls1bcxleem] .production-item-list .production-item {
  margin-bottom: 0;
}
/* /Pages/Serving/Components/WalkinOrder.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
@media (hover: hover) and (pointer: fine) {
  .openOrder:focus[b-y23igzuiae] {
    outline: 0;
  }
  .openOrder:focus:focus-visible[b-y23igzuiae] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.1875rem var(--color-focus-outline);
  }
}
.openOrder[b-y23igzuiae] {
  width: var(--production-item-width);
  aspect-ratio: 1/1;
  border: var(--border-1) var(--color-border-medium);
  border-radius: 0.5rem;
  background-color: inherit;
  color: inherit;
  height: 100%;
}
/* /Pages/Serving/Restaurant.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-wdoqwfkqnq] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-wdoqwfkqnq] {
  padding: 1.5rem;
}

.header[b-wdoqwfkqnq] {
  gap: 1.5rem;
}
.header label[b-wdoqwfkqnq] {
  margin-bottom: 0;
}

.header-area[b-wdoqwfkqnq] {
  flex: 1;
}

.date-picker-container[b-wdoqwfkqnq] {
  display: flex;
  width: 16.5rem;
  margin-left: auto;
}

.prev[b-wdoqwfkqnq],
.next[b-wdoqwfkqnq] {
  width: 2.5rem;
  flex-shrink: 0;
  background: white;
  border-color: transparent;
}

.prev[b-wdoqwfkqnq] {
  border-radius: 4px 0 0 4px;
}

.next[b-wdoqwfkqnq] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-wdoqwfkqnq],
.next-icon[b-wdoqwfkqnq] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-wdoqwfkqnq] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-wdoqwfkqnq] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-wdoqwfkqnq] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-wdoqwfkqnq] .date-picker .e-input-group-icon {
  display: none;
}
[b-wdoqwfkqnq] .date-picker .e-control {
  text-align: center;
}

.main[b-wdoqwfkqnq] {
  height: 100%;
}

.no-drop[b-wdoqwfkqnq] {
  border: 2px dashed red;
}

.can-drop[b-wdoqwfkqnq] {
  border: 2px dashed green;
}

.overview[b-wdoqwfkqnq] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.connection-status[b-wdoqwfkqnq] {
  margin-left: auto;
  font-size: 0.85rem;
  line-height: 1;
  border-radius: 999px;
  user-select: none;
  z-index: 10;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0.35rem;
}
.connection-status[b-wdoqwfkqnq]::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.25);
}
.connection-status.is-connected[b-wdoqwfkqnq]::before {
  background: rgba(46, 204, 113, 0.85);
}
.connection-status.is-disconnected[b-wdoqwfkqnq] {
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.9;
}
.connection-status.is-disconnected[b-wdoqwfkqnq]::before {
  margin-right: 0.4rem;
  background: rgba(231, 76, 60, 0.85);
}
/* /Pages/Serving/TakeAway.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-u358r8zt5b] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-u358r8zt5b] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.header[b-u358r8zt5b] {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 1.5rem;
}

.main[b-u358r8zt5b] {
  padding: 1.5rem;
}

.header-area.first[b-u358r8zt5b] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .header-area.first[b-u358r8zt5b] {
    width: auto;
  }
}
.header-area.third[b-u358r8zt5b] {
  margin-left: auto;
}
@media (min-width: 120rem) {
  .header-area[b-u358r8zt5b] {
    flex: 1;
  }
  .header-area.second[b-u358r8zt5b] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
  }
}

.connection-status[b-u358r8zt5b] {
  margin-left: auto;
  font-size: 0.85rem;
  line-height: 1;
  border-radius: 999px;
  user-select: none;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0.35rem;
}
.connection-status[b-u358r8zt5b]::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.25);
}
.connection-status.is-connected[b-u358r8zt5b]::before {
  background: rgba(46, 204, 113, 0.85);
}
.connection-status.is-disconnected[b-u358r8zt5b] {
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.9;
}
.connection-status.is-disconnected[b-u358r8zt5b]::before {
  margin-right: 0.4rem;
  background: rgba(231, 76, 60, 0.85);
}
/* /Pages/Serving/WaiterStation.razor.rz.scp.css */
.grid-wrapper[b-1uxotnj080] {
  max-width: var(--component-max-width);
}
/* /Pages/Setting/Company/CompanyImages.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.image-preview[b-rm0q3tw2n9] {
  max-height: 200px;
  margin-bottom: 14px;
}
/* /Pages/Setting/Company/CompanyInformation.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
[b-msltu6zfya] .product-form {
  max-width: 26.25rem;
}
/* /Pages/Setting/Customer/PersonTypes.razor.rz.scp.css */
.grid-wrapper[b-y1kb458w68] {
  max-width: var(--component-max-width);
  margin-bottom: 1rem;
}
/* /Pages/Setting/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.search-bar[b-8xbtlpbogv] {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.75em 1em;
  background-color: var(--color-card-background);
  border: 1px solid var(--color-border);
  border-radius: 0.5em;
  margin-bottom: 1.5em;
  max-width: 75rem;
}
.search-bar svg[b-8xbtlpbogv] {
  flex-shrink: 0;
  opacity: 0.5;
}

.search-input[b-8xbtlpbogv] {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 1rem;
  color: inherit;
}
.search-input[b-8xbtlpbogv]::placeholder {
  opacity: 0.5;
}

.search-clear[b-8xbtlpbogv] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25em;
  display: flex;
  align-items: center;
  opacity: 0.5;
}
.search-clear:hover[b-8xbtlpbogv] {
  opacity: 1;
}

.settings-section[b-8xbtlpbogv] {
  margin-bottom: 1em;
  max-width: 75rem;
}

.section-title[b-8xbtlpbogv] {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  padding: 0.75em 1em;
  background-color: var(--color-card-background);
  border: 1px solid var(--color-border);
  border-radius: 0.5em;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease-in-out;
}
.section-title:hover[b-8xbtlpbogv] {
  background-color: var(--color-card-background-hover-default);
}

[b-8xbtlpbogv] .section-title svg {
  flex-shrink: 0;
  width: 1.25em !important;
  height: 1.25em !important;
}
[b-8xbtlpbogv] .section-title svg:last-child {
  margin-left: auto;
  width: 1em !important;
  height: 1em !important;
  opacity: 0.5;
}

.section-content[b-8xbtlpbogv] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  gap: 1em;
  padding: 1em 0;
}

.card[b-8xbtlpbogv] {
  padding: 1.5em;
  background-color: var(--color-card-background);
  border-radius: 0.25em;
}

.card-title[b-8xbtlpbogv] {
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.card-description[b-8xbtlpbogv] {
  font-size: 0.875em;
  opacity: 0.7;
  margin-bottom: 0.5em;
}

[b-8xbtlpbogv] .setting-link {
  display: block;
  padding: 0.375em 0;
}
/* /Pages/Setting/MailTemplates/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-kefg4m7zzl] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.content[b-kefg4m7zzl] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

h1[b-kefg4m7zzl] {
  text-transform: capitalize;
}

.form-group[b-kefg4m7zzl] {
  max-width: 26.25rem;
}
.form-group.numeric[b-kefg4m7zzl] {
  max-width: 13.125rem;
}

.table-wrapper[b-kefg4m7zzl] {
  overflow-x: auto;
}

th[b-kefg4m7zzl],
td[b-kefg4m7zzl] {
  padding: 0.5em 0.75em;
}

table[b-kefg4m7zzl] {
  background-color: var(--grid-background);
}
table .name[b-kefg4m7zzl] {
  min-width: 20rem;
  width: 20rem;
}
table .quantity[b-kefg4m7zzl] {
  min-width: 8rem;
  width: 8rem;
}
table .price[b-kefg4m7zzl] {
  min-width: 10rem;
  width: 10rem;
}
table .vat[b-kefg4m7zzl],
table .total[b-kefg4m7zzl] {
  min-width: 7rem;
  width: 7rem;
  text-align: right;
}
table .serving-type[b-kefg4m7zzl] {
  min-width: 10rem;
  width: 10rem;
}
table .note[b-kefg4m7zzl] {
  min-width: 20rem;
  width: 20rem;
}
table .action[b-kefg4m7zzl] {
  min-width: 5.5rem;
}

.note-input[b-kefg4m7zzl] {
  width: 100%;
  height: 2.5rem;
}

.subline-icon[b-kefg4m7zzl] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.new-order-line[b-kefg4m7zzl] {
  background-color: var(--color-hover-background);
}
/* /Pages/Setting/MailTemplates/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
[b-vd96xe3odf] .product-form {
  max-width: 26.25rem;
}
/* /Pages/Setting/Order/SubOrderTypes.razor.rz.scp.css */
.grid-wrapper[b-0hse0wmywx] {
  max-width: var(--component-max-width);
  margin-bottom: 1rem;
}
/* /Pages/Setting/Seating/Seating.razor.rz.scp.css */
.grid-wrapper[b-ui2xnuoaxe] {
  max-width: var(--component-max-width);
}
/* /Pages/Setting/Servings.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
[b-98dkhpbwr8] .product-form {
  max-width: 26.25rem;
}
/* /Pages/Setting/Suppliers.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-vp9571szgj] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-vp9571szgj] {
    --header-height: 3.5rem;
  }
}
:root[b-vp9571szgj] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-vp9571szgj] {
    --page-padding: 2rem;
  }
}
:root[b-vp9571szgj] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-vp9571szgj] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-vp9571szgj] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-vp9571szgj] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-vp9571szgj] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-vp9571szgj] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-vp9571szgj] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-vp9571szgj] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-vp9571szgj] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-vp9571szgj] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-vp9571szgj] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-vp9571szgj] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-vp9571szgj],
.menu-collapsed ~ .main[b-vp9571szgj] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-vp9571szgj] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-vp9571szgj] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-vp9571szgj] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-vp9571szgj] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-vp9571szgj],
.price[b-vp9571szgj],
.pricetotal[b-vp9571szgj] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-vp9571szgj],
.pricetotal[b-vp9571szgj],
.type[b-vp9571szgj] {
  width: 8em;
}

th[b-vp9571szgj],
td[b-vp9571szgj] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-vp9571szgj],
td:first-child[b-vp9571szgj] {
  padding-left: 0;
}
th:last-child[b-vp9571szgj],
td:last-child[b-vp9571szgj] {
  padding-right: 0;
}

th[b-vp9571szgj] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-vp9571szgj] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-vp9571szgj] {
  text-align: right;
}

td[b-vp9571szgj] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-vp9571szgj] {
  width: 60%;
}
.product button[b-vp9571szgj] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-vp9571szgj] {
  background-color: var(--color-hover-background);
}

.actions[b-vp9571szgj] {
  width: 9rem;
}

.quantity[b-vp9571szgj] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-vp9571szgj] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-vp9571szgj] {
  display: inline-flex;
}

.action-button[b-vp9571szgj] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-vp9571szgj] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-vp9571szgj] {
  background-color: var(--color-hover-background);
}

.note[b-vp9571szgj] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-vp9571szgj] {
  border-top: 0;
}
.note td[b-vp9571szgj] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-vp9571szgj] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.action-button[b-vp9571szgj] {
  width: auto;
  color: inherit;
}

.filter-wrapper[b-vp9571szgj] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}
/* /Pages/Supplier/Components/import.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-zryopnl3he] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-zryopnl3he] {
    --header-height: 3.5rem;
  }
}
:root[b-zryopnl3he] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-zryopnl3he] {
    --page-padding: 2rem;
  }
}
:root[b-zryopnl3he] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-zryopnl3he] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-zryopnl3he] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-zryopnl3he] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-zryopnl3he] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-zryopnl3he] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-zryopnl3he] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-zryopnl3he] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-zryopnl3he] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-zryopnl3he] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-zryopnl3he] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-zryopnl3he] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-zryopnl3he],
.menu-collapsed ~ .main[b-zryopnl3he] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-zryopnl3he] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-zryopnl3he] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-zryopnl3he] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-zryopnl3he] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-zryopnl3he],
.price[b-zryopnl3he],
.pricetotal[b-zryopnl3he] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-zryopnl3he],
.pricetotal[b-zryopnl3he],
.type[b-zryopnl3he] {
  width: 8em;
}

th[b-zryopnl3he],
td[b-zryopnl3he] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-zryopnl3he],
td:first-child[b-zryopnl3he] {
  padding-left: 0;
}
th:last-child[b-zryopnl3he],
td:last-child[b-zryopnl3he] {
  padding-right: 0;
}

th[b-zryopnl3he] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-zryopnl3he] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-zryopnl3he] {
  text-align: right;
}

td[b-zryopnl3he] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-zryopnl3he] {
  width: 60%;
}
.product button[b-zryopnl3he] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-zryopnl3he] {
  background-color: var(--color-hover-background);
}

.actions[b-zryopnl3he] {
  width: 9rem;
}

.quantity[b-zryopnl3he] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-zryopnl3he] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-zryopnl3he] {
  display: inline-flex;
}

.action-button[b-zryopnl3he] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-zryopnl3he] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-zryopnl3he] {
  background-color: var(--color-hover-background);
}

.note[b-zryopnl3he] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-zryopnl3he] {
  border-top: 0;
}
.note td[b-zryopnl3he] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-zryopnl3he] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.action-button[b-zryopnl3he] {
  width: auto;
}

.filter-wrapper[b-zryopnl3he] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-zryopnl3he] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-zryopnl3he] {
  width: 100%;
  max-width: 20em;
}

.recipe-icon-wrapper[b-zryopnl3he] {
  color: var(--color-primary);
}

[b-zryopnl3he] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/Supplier/Import.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-847f3bmakl] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-847f3bmakl] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-847f3bmakl] {
  margin-left: auto;
}

.global-actions[b-847f3bmakl] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-847f3bmakl]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-847f3bmakl]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-847f3bmakl] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-847f3bmakl] {
  background-color: var(--color-hover-background);
}

.primary[b-847f3bmakl] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-847f3bmakl] {
  background-color: var(--color-primary-hover);
}

.warning[b-847f3bmakl] {
  background-color: var(--color-warning);
}

[b-847f3bmakl] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-847f3bmakl] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-847f3bmakl] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-847f3bmakl] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-847f3bmakl] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-847f3bmakl],
.date-and-time[b-847f3bmakl],
.phone-and-email[b-847f3bmakl],
.pax[b-847f3bmakl],
.serving-note-and-button[b-847f3bmakl],
.order-type[b-847f3bmakl],
.select-table[b-847f3bmakl],
.select-banquet-hall[b-847f3bmakl],
.placeholder[b-847f3bmakl] {
  width: calc(50% - 2rem);
}

.order-type[b-847f3bmakl] {
  order: -1;
}

.pax[b-847f3bmakl],
.date-and-time[b-847f3bmakl],
.phone-and-email[b-847f3bmakl] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-847f3bmakl] {
  position: relative;
}
.date-and-time:focus-within[b-847f3bmakl]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-847f3bmakl],
.date-and-time:focus-within .time[b-847f3bmakl] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-847f3bmakl],
.date[b-847f3bmakl],
.time[b-847f3bmakl],
.phone[b-847f3bmakl],
.email[b-847f3bmakl],
.select-table-inner[b-847f3bmakl] {
  width: calc(50% - 0.5rem);
}

label[b-847f3bmakl] {
  display: block;
  font-weight: 600;
}
.order-line label[b-847f3bmakl], .new-order-line label[b-847f3bmakl] {
  margin-bottom: 0;
}

.label[b-847f3bmakl] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-847f3bmakl] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-847f3bmakl]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-847f3bmakl] {
  height: 4.3125rem;
}

.date-picker-container[b-847f3bmakl] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-847f3bmakl]  .e-date-wrapper.e-date-container.e-input-group,
[b-847f3bmakl] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-847f3bmakl],
.timeslot-picker-container[b-847f3bmakl] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-847f3bmakl] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-847f3bmakl] {
  width: 100%;
}

.order-line[b-847f3bmakl] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-847f3bmakl] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-847f3bmakl] {
  position: relative;
}
.new-order-line:focus-within[b-847f3bmakl]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-847f3bmakl] {
  position: relative;
  z-index: 1;
}

.product[b-847f3bmakl] {
  flex-grow: 1;
}
.order-line .product[b-847f3bmakl] {
  overflow: hidden;
}

.product-name[b-847f3bmakl] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-847f3bmakl] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-847f3bmakl] {
  flex: 1;
}

[b-847f3bmakl] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-847f3bmakl] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-847f3bmakl],
.prev:hover[b-847f3bmakl],
.next:hover[b-847f3bmakl],
.pre-order-button:hover[b-847f3bmakl],
.add-order-line:hover[b-847f3bmakl],
.remove-order-line:hover[b-847f3bmakl] {
  background-color: var(--color-hover-background);
}

.close-button[b-847f3bmakl],
.pre-order-button[b-847f3bmakl],
.add-order-line[b-847f3bmakl],
.remove-order-line[b-847f3bmakl] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-847f3bmakl], .close-button:focus[b-847f3bmakl],
.pre-order-button:hover[b-847f3bmakl],
.pre-order-button:focus[b-847f3bmakl],
.add-order-line:hover[b-847f3bmakl],
.add-order-line:focus[b-847f3bmakl],
.remove-order-line:hover[b-847f3bmakl],
.remove-order-line:focus[b-847f3bmakl] {
  border-color: var(--color-primary);
}

.pre-order-button[b-847f3bmakl] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-847f3bmakl]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-847f3bmakl] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-847f3bmakl] {
  width: 100%;
}
.product-table th[b-847f3bmakl],
.product-table td[b-847f3bmakl] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-847f3bmakl],
.product-table td:first-child[b-847f3bmakl] {
  padding-left: 0;
}
.product-table th:last-child[b-847f3bmakl],
.product-table td:last-child[b-847f3bmakl] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-847f3bmakl] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-847f3bmakl] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-847f3bmakl] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-847f3bmakl] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-847f3bmakl] {
  width: 22rem;
}

.action[b-847f3bmakl] {
  width: 2.5rem;
}

.number[b-847f3bmakl],
.serving-type[b-847f3bmakl] {
  width: 8rem;
}

.add-order-line[b-847f3bmakl],
.remove-order-line[b-847f3bmakl] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-847f3bmakl] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-847f3bmakl] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/Supplier/Supplier.razor.rz.scp.css */
.grid-wrapper[b-r9chvwrok9] {
  max-width: var(--component-max-width);
}
/* /Pages/Support/FreshworksWidgetArticleHelper.razor.rz.scp.css */
@charset "UTF-8";
.help-launcher[b-vtlckaysw5] {
  position: fixed;
  right: 24px; /* juster efter behov */
  bottom: 24px; /* juster efter behov */
  background-color: #006767; /* din grøn/blå – skift til jeres primærfarve */
  color: #ffffff;
  border-radius: 999px;
  padding: 14px 14px 14px 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  z-index: 1050;
  user-select: none;
}

.help-launcher-icon[b-vtlckaysw5] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
}

/*.help-launcher-text {
    white-space: nowrap;
}*/
.help-launcher:hover[b-vtlckaysw5] {
  filter: brightness(1.05);
  transform: translateY(-1px);
  transition: all 120ms ease-out;
}

.help-launcher:active[b-vtlckaysw5] {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* /Pages/Sustainability/BioWaste/ListGrid.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-tjh3slmdyt] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-tjh3slmdyt] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-tjh3slmdyt] {
  display: flex;
}
.list-wrapper .btn[b-tjh3slmdyt] {
  white-space: nowrap;
}

.list-wrapper[b-tjh3slmdyt],
.grid-wrapper[b-tjh3slmdyt] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-tjh3slmdyt] {
  display: block;
  max-width: 100%;
}

[b-tjh3slmdyt] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-tjh3slmdyt] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-tjh3slmdyt] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-tjh3slmdyt] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-tjh3slmdyt] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-tjh3slmdyt] .e-toolbar .e-search .e-input,
[b-tjh3slmdyt] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

/* =========================================================
   Header layout
   ========================================================= */
.header[b-tjh3slmdyt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  row-gap: 1rem;
  column-gap: 1.5rem;
}

.header-area.element[b-tjh3slmdyt] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .header-area.element[b-tjh3slmdyt] {
    width: auto;
  }
}

.header .date-picker-container[b-tjh3slmdyt] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.status-filter-container[b-tjh3slmdyt] {
  display: flex;
  width: 17.5rem;
  flex: 0 0 auto;
}

/* =========================================================
   Navigation buttons
   ========================================================= */
.prev[b-tjh3slmdyt],
.next[b-tjh3slmdyt] {
  width: 2.5rem;
  flex-shrink: 0;
  background: #fff;
  border-color: transparent;
}

.prev[b-tjh3slmdyt] {
  border-radius: 4px 0 0 4px;
}

.next[b-tjh3slmdyt] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-tjh3slmdyt],
.next-icon[b-tjh3slmdyt] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-tjh3slmdyt] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-tjh3slmdyt] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-tjh3slmdyt] .status-filter-container .e-multiselect {
  min-height: 2.75em;
}

.list-header[b-tjh3slmdyt] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.list-header h1[b-tjh3slmdyt] {
  margin: 0;
}

.list-action-wrapper[b-tjh3slmdyt] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.list-action[b-tjh3slmdyt] {
  display: inline-flex;
  align-items: center;
}

/* Optional: prevent the button from shrinking on narrow screens */
.list-action :deep(button)[b-tjh3slmdyt],
.list-action :deep(.btn)[b-tjh3slmdyt] {
  white-space: nowrap;
}

/* Optional: mobile layout */
@media (max-width: 576px) {
  .list-header[b-tjh3slmdyt] {
    flex-direction: column;
    align-items: stretch;
  }
  .list-action-wrapper[b-tjh3slmdyt] {
    justify-content: flex-start;
  }
}
/* /Pages/Sustainability/Components/SustainabilityCard.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.stat-card[b-arcme72e9q] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.stat-card[b-arcme72e9q] {
  background: var(--color-card-background);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 100%;
  min-width: 200px;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.stat-card.selected[b-arcme72e9q] {
  background: var(--color-card-background-hover-default);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.stat-card:hover[b-arcme72e9q] {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.stat-card .stat-card-title[b-arcme72e9q] {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: var(--color-card-foreground);
  word-break: break-word;
}
.stat-card .stat-card-value[b-arcme72e9q] {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--color-card-foreground);
}
.stat-card .stat-card-index[b-arcme72e9q] {
  font-size: 0.85rem;
  font-weight: 600;
  opacity: 0.75;
  color: var(--color-card-foreground);
}
.stat-card[b-arcme72e9q] {
  margin-bottom: 1rem;
}

/* Optional semantic coloring */
.neutral[b-arcme72e9q] {
  color: var(--color-card-foreground);
}

.positive[b-arcme72e9q] {
  color: var(--color-okay);
}

.negative[b-arcme72e9q] {
  color: var(--color-error);
}

/* If you later add an icon wrapper */
[b-arcme72e9q] .stat-card-icon {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  color: var(--color-card-foreground);
}
[b-arcme72e9q] .stat-card-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.stat-card[b-arcme72e9q] {
  position: relative;
  min-height: 130px;
}

.stat-card-header[b-arcme72e9q] {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* left-align header contents */
  width: 100%;
}

.stat-card-body[b-arcme72e9q] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

/* Title text: force left alignment */
.stat-card .stat-card-title[b-arcme72e9q] {
  text-align: left;
}

.unit-toggle[b-arcme72e9q] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: inline-flex;
  gap: 0.25rem;
}
.unit-toggle .btn[b-arcme72e9q] {
  padding-inline: 0.35rem;
  font-size: 0.75rem;
  line-height: 1.1;
}
/* /Pages/Sustainability/Components/SustainabilityOverview.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item[b-68cx3x4e05] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

/* This component now relies on the page-level .chart-item-full card from Index.razor.scss */
/* Just adjust inner elements to align with Cockpit */
.spinner[b-68cx3x4e05],
[b-68cx3x4e05] .spinner {
  margin-left: auto;
  margin-right: auto;
}

.chart-item[b-68cx3x4e05] {
  background: var(--color-white);
  display: flex;
  flex-direction: column; /* allow vertical stacking */
  align-items: stretch; /* stretch children to full width */
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
  padding: 1rem;
}
.chart-item[b-68cx3x4e05]  .e-chart {
  flex: 1 1 auto;
  min-height: 420px; /* guarantees visible chart area */
  width: 100%;
}
.chart-item .spinner[b-68cx3x4e05],
.chart-item[b-68cx3x4e05]  .spinner {
  margin: 2rem auto;
}
.chart-item[b-68cx3x4e05]  .scale-selector {
  margin-top: 0.75rem;
  margin-left: auto;
}

@media (min-width: 992px) {
  .chart-item[b-68cx3x4e05] {
    padding: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .chart-item[b-68cx3x4e05] {
    padding: 0.75rem;
    row-gap: 0.75rem;
  }
}
[b-68cx3x4e05] .e-chart {
  width: 100%;
}

/* push selector to the right within the row */
[b-68cx3x4e05] .scale-selector {
  margin-top: 0.75rem;
  margin-left: auto;
}
/* /Pages/Sustainability/Index.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.chart-item-right[b-edhm2a5mb4], .chart-item-left[b-edhm2a5mb4], .chart-item-full[b-edhm2a5mb4], .header[b-edhm2a5mb4] {
  transition: left 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  display: flex;
  align-items: center;
  padding: 1rem;
  background: var(--color-secondary);
  z-index: 1;
}

.btn-padding[b-edhm2a5mb4] {
  margin-bottom: 1em;
}

.content[b-edhm2a5mb4],
.sidebar-right[b-edhm2a5mb4] {
  margin-top: var(--ordersHeaderHeight);
}

.stat-main[b-edhm2a5mb4] {
  padding-right: 2em;
}

.stat-container[b-edhm2a5mb4], .chart-container[b-edhm2a5mb4] {
  flex-wrap: wrap;
  display: flex;
  /*align-items: center;*/
  row-gap: 1rem;
  column-gap: 1em;
  width: 100%;
}

.chart-container[b-edhm2a5mb4] {
  margin-top: 2em;
}

.header[b-edhm2a5mb4] {
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
}

.chart-item-full[b-edhm2a5mb4] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
}

.chart-item-left[b-edhm2a5mb4] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 78.7%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
}

.chart-item-right[b-edhm2a5mb4] {
  background: var(--color-white);
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  width: 20%;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border-radius: 0.25rem;
  margin-bottom: 2em;
}

.header-area.element[b-edhm2a5mb4] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /*width: 100%;*/
}
@media (min-width: 1200px) {
  .header-area.element[b-edhm2a5mb4] {
    width: auto;
  }
}

.header .date-picker-container[b-edhm2a5mb4] {
  display: flex;
  width: 17.5rem;
  margin-left: auto;
}

.prev[b-edhm2a5mb4],
.next[b-edhm2a5mb4] {
  width: 2.5rem;
  flex-shrink: 0;
  background: var(--color-card-background);
  border-color: transparent;
}

.prev[b-edhm2a5mb4] {
  border-radius: 4px 0 0 4px;
}

.next[b-edhm2a5mb4] {
  border-radius: 0 4px 4px 0;
}

.prev-icon[b-edhm2a5mb4],
.next-icon[b-edhm2a5mb4] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 5px;
}

.prev-icon[b-edhm2a5mb4] {
  background: center/contain no-repeat url("/images/icons/chevron-left.svg");
}

.next-icon[b-edhm2a5mb4] {
  background: center/contain no-repeat url("/images/icons/chevron-right.svg");
}

[b-edhm2a5mb4] .date-picker.e-date-wrapper.e-date-container.e-input-group {
  border-color: transparent;
  border-radius: 0;
}
[b-edhm2a5mb4] .date-picker .e-input-group-icon {
  display: none;
}
[b-edhm2a5mb4] .date-picker .e-control {
  text-align: center;
}

.main[b-edhm2a5mb4] {
  width: 100%;
  padding: 1.5rem 0 1.5rem 1.5rem;
}

.add-order-button[b-edhm2a5mb4] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.add-order-button[b-edhm2a5mb4]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: center/contain no-repeat url("/images/icons/plus-white.svg");
  margin-right: 0.25rem;
}

.search-form[b-edhm2a5mb4] {
  background: var(--color-card-background);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}

.search-input[b-edhm2a5mb4] {
  border-color: transparent;
}

.search-submit[b-edhm2a5mb4] {
  padding: 5px 0.5rem 0;
}

.submit-icon[b-edhm2a5mb4] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/search.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.time-buttons[b-edhm2a5mb4] {
  display: inline-flex;
  gap: 1rem;
}
.time-buttons .btn[b-edhm2a5mb4] {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.time-buttons .btn.active[b-edhm2a5mb4] {
  background: var(--color-primary);
}

[b-edhm2a5mb4] #TimeSlot-draft,
[b-edhm2a5mb4] #TimeSlot-draft ~ *:not(.dropzone) {
  display: none;
}
[b-edhm2a5mb4] #TimeSlot-draft + .dropzone {
  background: var(--color-card-background);
  position: fixed;
  top: calc(var(--header-height) + var(--orders-header-height));
  left: var(--sidebar-width);
  width: 100%;
  padding: 0 18px;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(204, 204, 204, 0.5);
  border: none;
}
[b-edhm2a5mb4] #TimeSlot-draft + .dropzone .draggable {
  margin: -13px -2.5rem;
  transform: scale(0.65);
}

.stat-container[b-edhm2a5mb4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: start;
}

/* Column: panel with rounded corners and shadow */
.stat-section[b-edhm2a5mb4] {
  background: var(--color-section-background);
  padding: 1rem 1rem 0 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-section-border);
}

/* Headline: left-aligned, small spacing below */
.stat-section-title[b-edhm2a5mb4] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: left;
}

/* Cards grid inside the column */
.stat-card-row[b-edhm2a5mb4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
/* /Pages/User/Components/EditUser.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-mtj7mbd9qi] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-mtj7mbd9qi] {
    --header-height: 3.5rem;
  }
}
:root[b-mtj7mbd9qi] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-mtj7mbd9qi] {
    --page-padding: 2rem;
  }
}
:root[b-mtj7mbd9qi] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-mtj7mbd9qi] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-mtj7mbd9qi] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-mtj7mbd9qi] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-mtj7mbd9qi] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-mtj7mbd9qi] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-mtj7mbd9qi] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-mtj7mbd9qi] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-mtj7mbd9qi] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-mtj7mbd9qi] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-mtj7mbd9qi] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-mtj7mbd9qi] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-mtj7mbd9qi],
.menu-collapsed ~ .main[b-mtj7mbd9qi] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-mtj7mbd9qi] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-mtj7mbd9qi] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-mtj7mbd9qi] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-mtj7mbd9qi] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-mtj7mbd9qi],
.price[b-mtj7mbd9qi],
.pricetotal[b-mtj7mbd9qi] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-mtj7mbd9qi],
.pricetotal[b-mtj7mbd9qi],
.type[b-mtj7mbd9qi] {
  width: 8em;
}

th[b-mtj7mbd9qi],
td[b-mtj7mbd9qi] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-mtj7mbd9qi],
td:first-child[b-mtj7mbd9qi] {
  padding-left: 0;
}
th:last-child[b-mtj7mbd9qi],
td:last-child[b-mtj7mbd9qi] {
  padding-right: 0;
}

th[b-mtj7mbd9qi] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-mtj7mbd9qi] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-mtj7mbd9qi] {
  text-align: right;
}

td[b-mtj7mbd9qi] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-mtj7mbd9qi] {
  width: 60%;
}
.product button[b-mtj7mbd9qi] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-mtj7mbd9qi] {
  background-color: var(--color-hover-background);
}

.actions[b-mtj7mbd9qi] {
  width: 9rem;
}

.quantity[b-mtj7mbd9qi] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-mtj7mbd9qi] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-mtj7mbd9qi] {
  display: inline-flex;
}

.action-button[b-mtj7mbd9qi] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-mtj7mbd9qi] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-mtj7mbd9qi] {
  background-color: var(--color-hover-background);
}

.note[b-mtj7mbd9qi] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-mtj7mbd9qi] {
  border-top: 0;
}
.note td[b-mtj7mbd9qi] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-mtj7mbd9qi] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.form-actions[b-mtj7mbd9qi] {
  padding-top: 1em;
}
/* /Pages/User/Components/InviteUser.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-zovzv5oaev] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-zovzv5oaev] {
    --header-height: 3.5rem;
  }
}
:root[b-zovzv5oaev] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-zovzv5oaev] {
    --page-padding: 2rem;
  }
}
:root[b-zovzv5oaev] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-zovzv5oaev] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-zovzv5oaev] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-zovzv5oaev] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-zovzv5oaev] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-zovzv5oaev] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-zovzv5oaev] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-zovzv5oaev] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-zovzv5oaev] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-zovzv5oaev] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-zovzv5oaev] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-zovzv5oaev] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-zovzv5oaev],
.menu-collapsed ~ .main[b-zovzv5oaev] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-zovzv5oaev] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-zovzv5oaev] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-zovzv5oaev] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-zovzv5oaev] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-zovzv5oaev],
.price[b-zovzv5oaev],
.pricetotal[b-zovzv5oaev] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-zovzv5oaev],
.pricetotal[b-zovzv5oaev],
.type[b-zovzv5oaev] {
  width: 8em;
}

th[b-zovzv5oaev],
td[b-zovzv5oaev] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-zovzv5oaev],
td:first-child[b-zovzv5oaev] {
  padding-left: 0;
}
th:last-child[b-zovzv5oaev],
td:last-child[b-zovzv5oaev] {
  padding-right: 0;
}

th[b-zovzv5oaev] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-zovzv5oaev] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-zovzv5oaev] {
  text-align: right;
}

td[b-zovzv5oaev] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-zovzv5oaev] {
  width: 60%;
}
.product button[b-zovzv5oaev] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-zovzv5oaev] {
  background-color: var(--color-hover-background);
}

.actions[b-zovzv5oaev] {
  width: 9rem;
}

.quantity[b-zovzv5oaev] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-zovzv5oaev] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-zovzv5oaev] {
  display: inline-flex;
}

.action-button[b-zovzv5oaev] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-zovzv5oaev] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-zovzv5oaev] {
  background-color: var(--color-hover-background);
}

.note[b-zovzv5oaev] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-zovzv5oaev] {
  border-top: 0;
}
.note td[b-zovzv5oaev] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-zovzv5oaev] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

.form-actions[b-zovzv5oaev] {
  padding-top: 1em;
}
/* /Pages/User/Components/UserList.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-bgygwo0wlp] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-bgygwo0wlp] {
    --header-height: 3.5rem;
  }
}
:root[b-bgygwo0wlp] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-bgygwo0wlp] {
    --page-padding: 2rem;
  }
}
:root[b-bgygwo0wlp] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-bgygwo0wlp] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-bgygwo0wlp] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-bgygwo0wlp] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-bgygwo0wlp] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-bgygwo0wlp] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-bgygwo0wlp] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-bgygwo0wlp] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-bgygwo0wlp] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-bgygwo0wlp] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-bgygwo0wlp] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-bgygwo0wlp] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-bgygwo0wlp],
.menu-collapsed ~ .main[b-bgygwo0wlp] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-bgygwo0wlp] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.order-table-wrapper[b-bgygwo0wlp] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  overflow-y: auto;
}

.order-table-min[b-bgygwo0wlp] {
  padding: 0 0.5rem;
  background-color: var(--color-orderline-background);
  min-height: 33vh;
}

.table[b-bgygwo0wlp] {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.product .type[b-bgygwo0wlp],
.price[b-bgygwo0wlp],
.pricetotal[b-bgygwo0wlp] {
  text-align: left;
  font-size: 1.25em;
}

.price[b-bgygwo0wlp],
.pricetotal[b-bgygwo0wlp],
.type[b-bgygwo0wlp] {
  width: 8em;
}

th[b-bgygwo0wlp],
td[b-bgygwo0wlp] {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
th:first-child[b-bgygwo0wlp],
td:first-child[b-bgygwo0wlp] {
  padding-left: 0;
}
th:last-child[b-bgygwo0wlp],
td:last-child[b-bgygwo0wlp] {
  padding-right: 0;
}

th[b-bgygwo0wlp] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  position: sticky;
  z-index: 1;
  top: -0.0625rem;
  background-color: var(--color-orderline-background);
  border-block-start: 0;
}
thead th[b-bgygwo0wlp] {
  vertical-align: middle;
  border-block-end-color: var(--color-orderline-border);
}

.quantity[b-bgygwo0wlp] {
  text-align: right;
}

td[b-bgygwo0wlp] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2rem;
  border-block-start: var(--border-1) var(--color-orderline-border);
}

.product[b-bgygwo0wlp] {
  width: 60%;
}
.product button[b-bgygwo0wlp] {
  color: var(--color-body-text);
  background-color: transparent;
  border-color: transparent;
  padding: 0.375rem 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product button:hover[b-bgygwo0wlp] {
  background-color: var(--color-hover-background);
}

.actions[b-bgygwo0wlp] {
  width: 9rem;
}

.quantity[b-bgygwo0wlp] {
  width: 2em;
  font-size: 1.25em;
}

.serving-type[b-bgygwo0wlp] {
  margin-top: 0.25rem;
}

.action-button-wrapper[b-bgygwo0wlp] {
  display: inline-flex;
}

.action-button[b-bgygwo0wlp] {
  background-color: transparent;
  border-color: transparent;
  /*color: inherit;*/
  height: 3rem;
  width: 3em;
  padding: 0;
}
.action-button img[b-bgygwo0wlp] {
  border: 0.0625em solid #ccc;
  padding: 0.4375em;
  border-radius: 0.25em;
}
.action-button:hover img[b-bgygwo0wlp] {
  background-color: var(--color-hover-background);
}

.note[b-bgygwo0wlp] {
  font-style: italic;
  line-height: 1;
  color: #777;
}
.note tr[b-bgygwo0wlp] {
  border-top: 0;
}
.note td[b-bgygwo0wlp] {
  border-top: 0;
  padding-bottom: 1em;
}

.subline-icon[b-bgygwo0wlp] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(0.25rem);
}

/* General */
/* Container sizes for various content containers */
.list-wrapper .list-header[b-bgygwo0wlp] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4375em;
}
.list-wrapper .list-details[b-bgygwo0wlp] {
  display: flex;
}
.list-wrapper .btn[b-bgygwo0wlp] {
  white-space: nowrap;
}

.list-wrapper[b-bgygwo0wlp],
.grid-wrapper[b-bgygwo0wlp] {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

:host[b-bgygwo0wlp] {
  display: block;
  max-width: 100%;
}

[b-bgygwo0wlp] .e-grid {
  width: auto !important; /* respect content-based width */
  max-width: 100% !important;
}

[b-bgygwo0wlp] .e-grid .e-gridcontent {
  overflow-x: auto;
}

/* Shared toolbar tweaks (used by Product/Recipe lists) */
[b-bgygwo0wlp] .e-toolbar {
  margin-bottom: 7px;
}

/* Prevent clipping of right-aligned toolbar content (search box) */
[b-bgygwo0wlp] .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
  position: relative !important;
  overflow: visible;
}

/* Make the search input responsive and fully visible */
[b-bgygwo0wlp] .e-toolbar .e-search .e-input-group {
  width: clamp(220px, 28vw, 360px);
}

[b-bgygwo0wlp] .e-toolbar .e-search .e-input,
[b-bgygwo0wlp] .e-toolbar .e-search .e-input-group .e-input {
  width: 100%;
}

.action-button[b-bgygwo0wlp] {
  width: auto;
}

.filter-wrapper[b-bgygwo0wlp] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em 1.5em;
  margin-bottom: 1em;
}

.switch-wrapper[b-bgygwo0wlp] {
  display: flex;
  gap: 0.75em;
  align-items: center;
  white-space: nowrap;
}

.multiSelect[b-bgygwo0wlp] {
  width: 100%;
  max-width: 20em;
}

.emailconfirmed-icon-wrapper[b-bgygwo0wlp] {
  color: var(--color-primary);
}

[b-bgygwo0wlp] .sf-grid {
  margin-bottom: 1rem;
}
/* /Pages/User/Edit.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-eumfe19tdr] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-eumfe19tdr] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-eumfe19tdr] {
  margin-left: auto;
}

.global-actions[b-eumfe19tdr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-eumfe19tdr]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-eumfe19tdr]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-eumfe19tdr] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-eumfe19tdr] {
  background-color: var(--color-hover-background);
}

.primary[b-eumfe19tdr] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-eumfe19tdr] {
  background-color: var(--color-primary-hover);
}

.warning[b-eumfe19tdr] {
  background-color: var(--color-warning);
}

[b-eumfe19tdr] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-eumfe19tdr] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-eumfe19tdr] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-eumfe19tdr] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-eumfe19tdr] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-eumfe19tdr],
.date-and-time[b-eumfe19tdr],
.phone-and-email[b-eumfe19tdr],
.pax[b-eumfe19tdr],
.serving-note-and-button[b-eumfe19tdr],
.order-type[b-eumfe19tdr],
.select-table[b-eumfe19tdr],
.select-banquet-hall[b-eumfe19tdr],
.placeholder[b-eumfe19tdr] {
  width: calc(50% - 2rem);
}

.order-type[b-eumfe19tdr] {
  order: -1;
}

.pax[b-eumfe19tdr],
.date-and-time[b-eumfe19tdr],
.phone-and-email[b-eumfe19tdr] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-eumfe19tdr] {
  position: relative;
}
.date-and-time:focus-within[b-eumfe19tdr]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-eumfe19tdr],
.date-and-time:focus-within .time[b-eumfe19tdr] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-eumfe19tdr],
.date[b-eumfe19tdr],
.time[b-eumfe19tdr],
.phone[b-eumfe19tdr],
.email[b-eumfe19tdr],
.select-table-inner[b-eumfe19tdr] {
  width: calc(50% - 0.5rem);
}

label[b-eumfe19tdr] {
  display: block;
  font-weight: 600;
}
.order-line label[b-eumfe19tdr], .new-order-line label[b-eumfe19tdr] {
  margin-bottom: 0;
}

.label[b-eumfe19tdr] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-eumfe19tdr] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-eumfe19tdr]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-eumfe19tdr] {
  height: 4.3125rem;
}

.date-picker-container[b-eumfe19tdr] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-eumfe19tdr]  .e-date-wrapper.e-date-container.e-input-group,
[b-eumfe19tdr] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-eumfe19tdr],
.timeslot-picker-container[b-eumfe19tdr] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-eumfe19tdr] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-eumfe19tdr] {
  width: 100%;
}

.order-line[b-eumfe19tdr] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-eumfe19tdr] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-eumfe19tdr] {
  position: relative;
}
.new-order-line:focus-within[b-eumfe19tdr]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-eumfe19tdr] {
  position: relative;
  z-index: 1;
}

.product[b-eumfe19tdr] {
  flex-grow: 1;
}
.order-line .product[b-eumfe19tdr] {
  overflow: hidden;
}

.product-name[b-eumfe19tdr] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-eumfe19tdr] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-eumfe19tdr] {
  flex: 1;
}

[b-eumfe19tdr] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-eumfe19tdr] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-eumfe19tdr],
.prev:hover[b-eumfe19tdr],
.next:hover[b-eumfe19tdr],
.pre-order-button:hover[b-eumfe19tdr],
.add-order-line:hover[b-eumfe19tdr],
.remove-order-line:hover[b-eumfe19tdr] {
  background-color: var(--color-hover-background);
}

.close-button[b-eumfe19tdr],
.pre-order-button[b-eumfe19tdr],
.add-order-line[b-eumfe19tdr],
.remove-order-line[b-eumfe19tdr] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-eumfe19tdr], .close-button:focus[b-eumfe19tdr],
.pre-order-button:hover[b-eumfe19tdr],
.pre-order-button:focus[b-eumfe19tdr],
.add-order-line:hover[b-eumfe19tdr],
.add-order-line:focus[b-eumfe19tdr],
.remove-order-line:hover[b-eumfe19tdr],
.remove-order-line:focus[b-eumfe19tdr] {
  border-color: var(--color-primary);
}

.pre-order-button[b-eumfe19tdr] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-eumfe19tdr]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-eumfe19tdr] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-eumfe19tdr] {
  width: 100%;
}
.product-table th[b-eumfe19tdr],
.product-table td[b-eumfe19tdr] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-eumfe19tdr],
.product-table td:first-child[b-eumfe19tdr] {
  padding-left: 0;
}
.product-table th:last-child[b-eumfe19tdr],
.product-table td:last-child[b-eumfe19tdr] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-eumfe19tdr] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-eumfe19tdr] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-eumfe19tdr] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-eumfe19tdr] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-eumfe19tdr] {
  width: 22rem;
}

.action[b-eumfe19tdr] {
  width: 2.5rem;
}

.number[b-eumfe19tdr],
.serving-type[b-eumfe19tdr] {
  width: 8rem;
}

.add-order-line[b-eumfe19tdr],
.remove-order-line[b-eumfe19tdr] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-eumfe19tdr] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-eumfe19tdr] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/User/Invite.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-iyadizakno] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-iyadizakno] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-iyadizakno] {
  margin-left: auto;
}

.global-actions[b-iyadizakno] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-iyadizakno]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-iyadizakno]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-iyadizakno] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-iyadizakno] {
  background-color: var(--color-hover-background);
}

.primary[b-iyadizakno] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-iyadizakno] {
  background-color: var(--color-primary-hover);
}

.warning[b-iyadizakno] {
  background-color: var(--color-warning);
}

[b-iyadizakno] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-iyadizakno] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-iyadizakno] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-iyadizakno] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-iyadizakno] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-iyadizakno],
.date-and-time[b-iyadizakno],
.phone-and-email[b-iyadizakno],
.pax[b-iyadizakno],
.serving-note-and-button[b-iyadizakno],
.order-type[b-iyadizakno],
.select-table[b-iyadizakno],
.select-banquet-hall[b-iyadizakno],
.placeholder[b-iyadizakno] {
  width: calc(50% - 2rem);
}

.order-type[b-iyadizakno] {
  order: -1;
}

.pax[b-iyadizakno],
.date-and-time[b-iyadizakno],
.phone-and-email[b-iyadizakno] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-iyadizakno] {
  position: relative;
}
.date-and-time:focus-within[b-iyadizakno]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-iyadizakno],
.date-and-time:focus-within .time[b-iyadizakno] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-iyadizakno],
.date[b-iyadizakno],
.time[b-iyadizakno],
.phone[b-iyadizakno],
.email[b-iyadizakno],
.select-table-inner[b-iyadizakno] {
  width: calc(50% - 0.5rem);
}

label[b-iyadizakno] {
  display: block;
  font-weight: 600;
}
.order-line label[b-iyadizakno], .new-order-line label[b-iyadizakno] {
  margin-bottom: 0;
}

.label[b-iyadizakno] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-iyadizakno] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-iyadizakno]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-iyadizakno] {
  height: 4.3125rem;
}

.date-picker-container[b-iyadizakno] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-iyadizakno]  .e-date-wrapper.e-date-container.e-input-group,
[b-iyadizakno] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-iyadizakno],
.timeslot-picker-container[b-iyadizakno] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-iyadizakno] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-iyadizakno] {
  width: 100%;
}

.order-line[b-iyadizakno] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-iyadizakno] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-iyadizakno] {
  position: relative;
}
.new-order-line:focus-within[b-iyadizakno]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-iyadizakno] {
  position: relative;
  z-index: 1;
}

.product[b-iyadizakno] {
  flex-grow: 1;
}
.order-line .product[b-iyadizakno] {
  overflow: hidden;
}

.product-name[b-iyadizakno] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-iyadizakno] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-iyadizakno] {
  flex: 1;
}

[b-iyadizakno] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-iyadizakno] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-iyadizakno],
.prev:hover[b-iyadizakno],
.next:hover[b-iyadizakno],
.pre-order-button:hover[b-iyadizakno],
.add-order-line:hover[b-iyadizakno],
.remove-order-line:hover[b-iyadizakno] {
  background-color: var(--color-hover-background);
}

.close-button[b-iyadizakno],
.pre-order-button[b-iyadizakno],
.add-order-line[b-iyadizakno],
.remove-order-line[b-iyadizakno] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-iyadizakno], .close-button:focus[b-iyadizakno],
.pre-order-button:hover[b-iyadizakno],
.pre-order-button:focus[b-iyadizakno],
.add-order-line:hover[b-iyadizakno],
.add-order-line:focus[b-iyadizakno],
.remove-order-line:hover[b-iyadizakno],
.remove-order-line:focus[b-iyadizakno] {
  border-color: var(--color-primary);
}

.pre-order-button[b-iyadizakno] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-iyadizakno]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-iyadizakno] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-iyadizakno] {
  width: 100%;
}
.product-table th[b-iyadizakno],
.product-table td[b-iyadizakno] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-iyadizakno],
.product-table td:first-child[b-iyadizakno] {
  padding-left: 0;
}
.product-table th:last-child[b-iyadizakno],
.product-table td:last-child[b-iyadizakno] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-iyadizakno] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-iyadizakno] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-iyadizakno] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-iyadizakno] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-iyadizakno] {
  width: 22rem;
}

.action[b-iyadizakno] {
  width: 2.5rem;
}

.number[b-iyadizakno],
.serving-type[b-iyadizakno] {
  width: 8rem;
}

.add-order-line[b-iyadizakno],
.remove-order-line[b-iyadizakno] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-iyadizakno] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-iyadizakno] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Pages/User/List.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.product-name[b-vp46ogx4wh] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overview[b-vp46ogx4wh] {
  background-color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
}

.customer[b-vp46ogx4wh] {
  margin-left: auto;
}

.global-actions[b-vp46ogx4wh] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 1.125em;
}
.global-actions[b-vp46ogx4wh]  .related-search {
  flex: 1;
  min-width: 14em;
}
.global-actions[b-vp46ogx4wh]  .related-search input.e-input {
  height: 3rem;
  font-size: 1.125rem;
}

button[b-vp46ogx4wh] {
  height: 3rem;
  min-width: 5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  transition: background-color 0.25s;
}
button:not(.primary):hover[b-vp46ogx4wh] {
  background-color: var(--color-hover-background);
}

.primary[b-vp46ogx4wh] {
  background-color: var(--color-primary);
  color: white;
}
.primary:hover[b-vp46ogx4wh] {
  background-color: var(--color-primary-hover);
}

.warning[b-vp46ogx4wh] {
  background-color: var(--color-warning);
}

[b-vp46ogx4wh] .print-dropdown {
  height: 3rem;
  font-size: inherit;
}

.close-button[b-vp46ogx4wh] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: center/contain no-repeat url("/images/icons/x.svg");
  background-size: 1.5rem;
}

[b-vp46ogx4wh] .edit-order-form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-height: 56rem) {
  [b-vp46ogx4wh] .edit-order-form {
    row-gap: 1.5rem;
  }
}

.content-wrapper[b-vp46ogx4wh] {
  overflow-y: auto;
  max-height: calc(100% - 4rem);
  margin-bottom: 1.5rem;
}

.name[b-vp46ogx4wh],
.date-and-time[b-vp46ogx4wh],
.phone-and-email[b-vp46ogx4wh],
.pax[b-vp46ogx4wh],
.serving-note-and-button[b-vp46ogx4wh],
.order-type[b-vp46ogx4wh],
.select-table[b-vp46ogx4wh],
.select-banquet-hall[b-vp46ogx4wh],
.placeholder[b-vp46ogx4wh] {
  width: calc(50% - 2rem);
}

.order-type[b-vp46ogx4wh] {
  order: -1;
}

.pax[b-vp46ogx4wh],
.date-and-time[b-vp46ogx4wh],
.phone-and-email[b-vp46ogx4wh] {
  display: flex;
  gap: 1rem;
}

.date-and-time:focus-within[b-vp46ogx4wh] {
  position: relative;
}
.date-and-time:focus-within[b-vp46ogx4wh]::after {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.date-and-time:focus-within .date[b-vp46ogx4wh],
.date-and-time:focus-within .time[b-vp46ogx4wh] {
  position: relative;
  z-index: 1;
}

.pax-inner[b-vp46ogx4wh],
.date[b-vp46ogx4wh],
.time[b-vp46ogx4wh],
.phone[b-vp46ogx4wh],
.email[b-vp46ogx4wh],
.select-table-inner[b-vp46ogx4wh] {
  width: calc(50% - 0.5rem);
}

label[b-vp46ogx4wh] {
  display: block;
  font-weight: 600;
}
.order-line label[b-vp46ogx4wh], .new-order-line label[b-vp46ogx4wh] {
  margin-bottom: 0;
}

.label[b-vp46ogx4wh] {
  margin-bottom: 0.5rem;
}

.radio-buttons[b-vp46ogx4wh] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.radio-buttons[b-vp46ogx4wh]  .e-label {
  color: var(--color-body-text);
}

.placeholder[b-vp46ogx4wh] {
  height: 4.3125rem;
}

.date-picker-container[b-vp46ogx4wh] {
  height: 2.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
}

.date-picker-container[b-vp46ogx4wh]  .e-date-wrapper.e-date-container.e-input-group,
[b-vp46ogx4wh] .e-date-wrapper.e-date-container.e-input-group .e-input-group-icon {
  border-color: transparent;
}

.date-picker-container[b-vp46ogx4wh],
.timeslot-picker-container[b-vp46ogx4wh] {
  display: flex;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

[b-vp46ogx4wh] .timeslot-picker-container .e-control-wrapper.e-ddl.e-input-group {
  border-color: transparent;
}

.order-line-list[b-vp46ogx4wh] {
  width: 100%;
}

.order-line[b-vp46ogx4wh] {
  margin-bottom: 1.5rem;
}

.new-order-line[b-vp46ogx4wh] {
  margin-bottom: 3rem;
}
.new-order-line:focus-within[b-vp46ogx4wh] {
  position: relative;
}
.new-order-line:focus-within[b-vp46ogx4wh]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  bottom: -1rem;
  background-color: var(--color-hover-background);
  z-index: 0;
}
.new-order-line:focus-within > *[b-vp46ogx4wh] {
  position: relative;
  z-index: 1;
}

.product[b-vp46ogx4wh] {
  flex-grow: 1;
}
.order-line .product[b-vp46ogx4wh] {
  overflow: hidden;
}

.product-name[b-vp46ogx4wh] {
  line-height: 2.5rem;
  font-size: 1rem;
}

.serving-note-and-button[b-vp46ogx4wh] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.note[b-vp46ogx4wh] {
  flex: 1;
}

[b-vp46ogx4wh] .new-order-line-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.pre-order[b-vp46ogx4wh] {
  margin-bottom: 1rem;
  min-height: 4.3125rem;
}

.close-button:hover[b-vp46ogx4wh],
.prev:hover[b-vp46ogx4wh],
.next:hover[b-vp46ogx4wh],
.pre-order-button:hover[b-vp46ogx4wh],
.add-order-line:hover[b-vp46ogx4wh],
.remove-order-line:hover[b-vp46ogx4wh] {
  background-color: var(--color-hover-background);
}

.close-button[b-vp46ogx4wh],
.pre-order-button[b-vp46ogx4wh],
.add-order-line[b-vp46ogx4wh],
.remove-order-line[b-vp46ogx4wh] {
  border: var(--border-1) transparent;
}
.close-button:hover[b-vp46ogx4wh], .close-button:focus[b-vp46ogx4wh],
.pre-order-button:hover[b-vp46ogx4wh],
.pre-order-button:focus[b-vp46ogx4wh],
.add-order-line:hover[b-vp46ogx4wh],
.add-order-line:focus[b-vp46ogx4wh],
.remove-order-line:hover[b-vp46ogx4wh],
.remove-order-line:focus[b-vp46ogx4wh] {
  border-color: var(--color-primary);
}

.pre-order-button[b-vp46ogx4wh] {
  display: flex;
  padding-left: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
}
.pre-order-button[b-vp46ogx4wh]::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.action-buttons[b-vp46ogx4wh] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

/* Table */
.product-table[b-vp46ogx4wh] {
  width: 100%;
}
.product-table th[b-vp46ogx4wh],
.product-table td[b-vp46ogx4wh] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product-table th:first-child[b-vp46ogx4wh],
.product-table td:first-child[b-vp46ogx4wh] {
  padding-left: 0;
}
.product-table th:last-child[b-vp46ogx4wh],
.product-table td:last-child[b-vp46ogx4wh] {
  padding-left: 0;
  padding-right: 0;
}
.product-table thead[b-vp46ogx4wh] {
  position: relative;
  z-index: 1;
}
.product-table thead th[b-vp46ogx4wh] {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-table td[b-vp46ogx4wh] {
  font-size: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.subline-icon[b-vp46ogx4wh] {
  display: inline-block;
  background: center/contain no-repeat url("/images/icons/minus.svg");
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(0.25rem);
}

.product[b-vp46ogx4wh] {
  width: 22rem;
}

.action[b-vp46ogx4wh] {
  width: 2.5rem;
}

.number[b-vp46ogx4wh],
.serving-type[b-vp46ogx4wh] {
  width: 8rem;
}

.add-order-line[b-vp46ogx4wh],
.remove-order-line[b-vp46ogx4wh] {
  width: 2.5rem;
  height: 2.5rem;
}

.add-order-line[b-vp46ogx4wh] {
  background: center/contain no-repeat url("/images/icons/plus.svg");
}

.remove-order-line[b-vp46ogx4wh] {
  background: center/contain no-repeat url("/images/icons/minus.svg");
}
/* /Shared/Components/BaseElements/Button.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
:root[b-st1bu25f2q] {
  --color-primary: hsl(210, 50%, 27%);
  --color-primary-hover: hsl(210, 50%, 34%);
  --color-primary-hover-light: hsl(210, 80%, 94%);
  --color-secondary: hsl(189, 100%, 29%);
  --color-secondary-hover: hsl(189, 100%, 97%);
  --color-tertiary: hsl(350, 54%, 38%);
  --color-contrast: #fafafa;
  --color-white: #fff;
  --color-black: #000;
  --color-neutral: #cfcfcf;
  --color-neutral-hover: hsl(0, 0%, 95%);
  --color-restaurant-calendar: hsl(210, 50%, 34%);
  --color-arrangements: #f39492;
  --color-quicksale: #8b6cb0;
  --color-internal: hsl(210, 23%, 75%);
  --color-internal-hover: hsl(1, 80%, 97%);
  --color-off-white: #fcfcfc;
  --color-accent-bright: hsl(192, 51%, 79%);
  --color-page-background: hsl(210, 8%, 95%);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-okay: #0e860e;
  --color-okay-hover: hsl(120, 81%, 95%);
  --color-warning: #ffd700;
  --color-warning-alternative: #ffb300;
  --color-error: #d71d1d;
  --color-require-action: hsl(50, 100%, 62%);
  --color-require-action-dark: hsl(50, 100%, 50%);
  --color-require-action-hover: hsl(50, 80%, 94%);
  --color-require-action-delayed: hsl(19, 100%, 43%);
  --color-require-action-delayed-hover: hsl(19, 90%, 94%);
  --header-height: 3rem;
  --border-1: 0.0625rem solid;
  --border-2: 0.125rem solid;
}
@media (min-width: 75rem) {
  :root[b-st1bu25f2q] {
    --header-height: 3.5rem;
  }
}
:root[b-st1bu25f2q] {
  --sidebar-width: 18.75rem;
  --component-max-width: 52.5rem;
  --page-padding: 1rem;
}
@media (min-width: 62rem) {
  :root[b-st1bu25f2q] {
    --page-padding: 2rem;
  }
}
:root[b-st1bu25f2q] {
  --orders-header-height: 8rem;
}
@media (min-width: 76.1875rem) {
  :root[b-st1bu25f2q] {
    --orders-header-height: 4.5rem;
  }
}
:root[b-st1bu25f2q] {
  --production-item-width: 11rem;
  --production-item-font-size: 0.75em;
}
@media (min-width: 75rem) {
  :root[b-st1bu25f2q] {
    --production-item-width: 14rem;
    --production-item-font-size: 1em;
  }
}

@media (prefers-color-scheme: light) {
  html:has(.SystemPreference)[b-st1bu25f2q] {
    --color-page-background: hsl(210, 8%, 95%);
    --color-sidebar-background: var(--color-white);
    --color-header-background: var(--color-primary);
    --color-header-foreground: var(--color-accent-bright);
    --color-header-link-active-background: var(--color-primary-hover);
    --color-header-link-hover-background: hsl(210, 50%, 30%);
    --color-border-subtle: #bdbdbd;
    --color-border-medium: #777;
    --color-border-medium-hover: #454545;
    --color-body-text: hsl(208, 39%, 12%);
    --color-text-dimmed: #777;
    --color-accent: var(--color-secondary);
    --color-accent-contrast: var(--color-off-white);
    --color-headings: var(--color-primary);
    --color-nav-background: var(--color-white);
    --color-nav-text: var(--color-primary);
    --color-nav-text-hover: var(--color-primary);
    --color-product-search-icons: var(--color-primary);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: #fcfcfc;
    --color-card-background-hover-default: hsl(0, 0%, 95%);
    --color-card-foreground: var(--color-body-text);
    --color-border-restaurant: var(--color-neutral);
    --color-arrangements-hover: hsl(1, 80%, 97%);
    --color-order-status-background: var(--color-secondary);
    --color-orderline-background: var(--color-contrast);
    --color-orderline-child-background: var(--color-page-background);
    --color-orderline-border: #eee;
    --color-hover-background: hsl(192, 75%, 93%);
    --color-focus-outline: var(--color-primary);
    --color-input-background: white;
    --color-input-placeholder: hsl(208, 7%, 46%);
    --color-input-border: #919191;
    --color-input-border-hover: #595959;
    --color-dropdown-listbox-background: var(--color-off-white);
    --color-section-background: hsl(210deg 8% 93%);
    --color-section-border: hsl(0deg 0% 88%);
    --color-serving-item-background: var(--color-off-white);
    --color-serving-item-neutral-hover: var(--color-neutral-hover);
    --color-serving-item-okay-hover: var(--color-okay-hover);
    --color-serving-item-require-action-hover: var(--color-require-action-hover);
    --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
    --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
    --color-serving-item-neutral: var(--color-neutral);
    --color-serving-item-require-action-title: var(--color-body-text);
    --color-dropdown-border: hsl(210, 14%, 89%);
    --color-catalog-background: hsl(192, 75%, 93%);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(210, 13%, 98%);
    --grid-alt-row: hsl(210, 13%, 95%);
    --grid-selected: hsl(210, 8%, 95%);
    --grid-hover: hsl(210, 8%, 95%);
    --color-modal-background: var(--color-white);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}
@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference)[b-st1bu25f2q] {
    --color-page-background: hsl(215, 35%, 13%);
    --color-sidebar-background: hsl(216, 41%, 20%);
    --color-header-background: hsl(215, 35%, 13%);
    --color-header-foreground: hsl(209, 61%, 92%);
    --color-header-link-active-background: var(--color-nav-background);
    --color-header-link-hover-background: hsl(216, 41%, 16%);
    --color-border-subtle: hsl(216, 56%, 27%);
    --color-border-medium: hsl(216, 56%, 27%);
    --color-border-medium-hover: hsl(216, 56%, 37%);
    --color-body-text: hsl(209, 61%, 92%);
    --color-text-dimmed: hsl(210, 39%, 55%);
    --color-accent: hsl(190, 56%, 62%);
    --color-accent-contrast: hsl(216, 41%, 20%);
    --color-headings: var(--color-body-text);
    --color-nav-background: hsl(216, 41%, 20%);
    --color-nav-text: var(--color-body-text);
    --color-nav-text-hover: var(--color-body-text);
    --color-product-search-icons: var(--color-body-text);
    --color-card-text: var(--color-body-text);
    --color-card-text-hover: var(--color-body-text);
    --color-card-background: hsl(216, 44%, 15%);
    --color-card-background-hover-default: hsl(216, 54%, 17%);
    --color-card-foreground: hsl(209, 61%, 92%);
    --color-border-restaurant: hsl(216, 56%, 27%);
    --color-arrangements-hover: hsl(1, 18%, 10%);
    --color-order-status-background: var(--color-nav-background);
    --color-orderline-background: hsl(216, 39%, 14%);
    --color-orderline-child-background: hsl(216, 30%, 18%);
    --color-orderline-border: var(--color-border-medium);
    --color-hover-background: var(--color-primary-hover-light);
    --color-hover-serving-background: hsl(216, 44%, 15%);
    --color-focus-outline: hsl(190, 56%, 62%);
    --color-input-background: hsl(216, 44%, 15%);
    --color-input-placeholder: hsl(212, 10%, 53%);
    --color-input-border: var(--color-border-medium);
    --color-input-border-hover: var(--color-border-medium-hover);
    --color-dropdown-listbox-background: var(--color-nav-background);
    --color-serving-item-background: var(--color-nav-background);
    --color-serving-item-neutral-hover: var(--color-hover-serving-background);
    --color-serving-item-okay-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-hover: var(--color-hover-serving-background);
    --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
    --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
    --color-serving-item-neutral: var(--color-border-restaurant);
    --color-serving-item-require-action-title: var(--color-accent-contrast);
    --color-section-background: transparent; /* make sticky bar transparent in dark */
    --color-section-border: var(--color-border-subtle); /* darker border in dark */
    --color-dropdown-border: var(--color-border-medium);
    --color-catalog-background: var(--color-primary-hover-light);
    --color-catalog-text: hsl(209, 61%, 92%);
    --color-catalog-selected-text: hsl(208, 39%, 12%);
    --grid-background: hsl(216, 44%, 15%);
    --grid-alt-row: hsl(216, 40%, 17%);
    --grid-selected: hsl(216, 41%, 20%);
    --grid-hover: hsl(216, 41%, 20%);
    --color-modal-background: hsl(216, 41%, 20%);
    --color-modal-text: var(--color-body-text);
    --color-modal-border: var(--color-border-subtle);
  }
}

html:has(.Light)[b-st1bu25f2q] {
  --color-page-background: hsl(210, 8%, 95%);
  --color-sidebar-background: var(--color-white);
  --color-header-background: var(--color-primary);
  --color-header-foreground: var(--color-accent-bright);
  --color-header-link-active-background: var(--color-primary-hover);
  --color-header-link-hover-background: hsl(210, 50%, 30%);
  --color-border-subtle: #bdbdbd;
  --color-border-medium: #777;
  --color-border-medium-hover: #454545;
  --color-body-text: hsl(208, 39%, 12%);
  --color-text-dimmed: #777;
  --color-accent: var(--color-secondary);
  --color-accent-contrast: var(--color-off-white);
  --color-headings: var(--color-primary);
  --color-nav-background: var(--color-white);
  --color-nav-text: var(--color-primary);
  --color-nav-text-hover: var(--color-primary);
  --color-product-search-icons: var(--color-primary);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: #fcfcfc;
  --color-card-background-hover-default: hsl(0, 0%, 95%);
  --color-card-foreground: var(--color-body-text);
  --color-border-restaurant: var(--color-neutral);
  --color-arrangements-hover: hsl(1, 80%, 97%);
  --color-order-status-background: var(--color-secondary);
  --color-orderline-background: var(--color-contrast);
  --color-orderline-child-background: var(--color-page-background);
  --color-orderline-border: #eee;
  --color-hover-background: hsl(192, 75%, 93%);
  --color-focus-outline: var(--color-primary);
  --color-input-background: white;
  --color-input-placeholder: hsl(208, 7%, 46%);
  --color-input-border: #919191;
  --color-input-border-hover: #595959;
  --color-dropdown-listbox-background: var(--color-off-white);
  --color-section-background: hsl(210deg 8% 93%);
  --color-section-border: hsl(0deg 0% 88%);
  --color-serving-item-background: var(--color-off-white);
  --color-serving-item-neutral-hover: var(--color-neutral-hover);
  --color-serving-item-okay-hover: var(--color-okay-hover);
  --color-serving-item-require-action-hover: var(--color-require-action-hover);
  --color-serving-item-require-action-delayed-hover: var(--color-require-action-delayed-hover);
  --color-serving-item-readytoclose-hover: var(--color-primary-hover-light);
  --color-serving-item-neutral: var(--color-neutral);
  --color-serving-item-require-action-title: var(--color-body-text);
  --color-dropdown-border: hsl(210, 14%, 89%);
  --color-catalog-background: hsl(192, 75%, 93%);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(210, 13%, 98%);
  --grid-alt-row: hsl(210, 13%, 95%);
  --grid-selected: hsl(210, 8%, 95%);
  --grid-hover: hsl(210, 8%, 95%);
  --color-modal-background: var(--color-white);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}

html:has(.Dark)[b-st1bu25f2q] {
  --color-page-background: hsl(215, 35%, 13%);
  --color-sidebar-background: hsl(216, 41%, 20%);
  --color-header-background: hsl(215, 35%, 13%);
  --color-header-foreground: hsl(209, 61%, 92%);
  --color-header-link-active-background: var(--color-nav-background);
  --color-header-link-hover-background: hsl(216, 41%, 16%);
  --color-border-subtle: hsl(216, 56%, 27%);
  --color-border-medium: hsl(216, 56%, 27%);
  --color-border-medium-hover: hsl(216, 56%, 37%);
  --color-body-text: hsl(209, 61%, 92%);
  --color-text-dimmed: hsl(210, 39%, 55%);
  --color-accent: hsl(190, 56%, 62%);
  --color-accent-contrast: hsl(216, 41%, 20%);
  --color-headings: var(--color-body-text);
  --color-nav-background: hsl(216, 41%, 20%);
  --color-nav-text: var(--color-body-text);
  --color-nav-text-hover: var(--color-body-text);
  --color-product-search-icons: var(--color-body-text);
  --color-card-text: var(--color-body-text);
  --color-card-text-hover: var(--color-body-text);
  --color-card-background: hsl(216, 44%, 15%);
  --color-card-background-hover-default: hsl(216, 54%, 17%);
  --color-card-foreground: hsl(209, 61%, 92%);
  --color-border-restaurant: hsl(216, 56%, 27%);
  --color-arrangements-hover: hsl(1, 18%, 10%);
  --color-order-status-background: var(--color-nav-background);
  --color-orderline-background: hsl(216, 39%, 14%);
  --color-orderline-child-background: hsl(216, 30%, 18%);
  --color-orderline-border: var(--color-border-medium);
  --color-hover-background: var(--color-primary-hover-light);
  --color-hover-serving-background: hsl(216, 44%, 15%);
  --color-focus-outline: hsl(190, 56%, 62%);
  --color-input-background: hsl(216, 44%, 15%);
  --color-input-placeholder: hsl(212, 10%, 53%);
  --color-input-border: var(--color-border-medium);
  --color-input-border-hover: var(--color-border-medium-hover);
  --color-dropdown-listbox-background: var(--color-nav-background);
  --color-serving-item-background: var(--color-nav-background);
  --color-serving-item-neutral-hover: var(--color-hover-serving-background);
  --color-serving-item-okay-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-hover: var(--color-hover-serving-background);
  --color-serving-item-require-action-delayed-hover: var(--color-hover-serving-background);
  --color-serving-item-readytoclose-hover: var(--color-hover-serving-background);
  --color-serving-item-neutral: var(--color-border-restaurant);
  --color-serving-item-require-action-title: var(--color-accent-contrast);
  --color-section-background: transparent; /* make sticky bar transparent in dark */
  --color-section-border: var(--color-border-subtle); /* darker border in dark */
  --color-dropdown-border: var(--color-border-medium);
  --color-catalog-background: var(--color-primary-hover-light);
  --color-catalog-text: hsl(209, 61%, 92%);
  --color-catalog-selected-text: hsl(208, 39%, 12%);
  --grid-background: hsl(216, 44%, 15%);
  --grid-alt-row: hsl(216, 40%, 17%);
  --grid-selected: hsl(216, 41%, 20%);
  --grid-hover: hsl(216, 41%, 20%);
  --color-modal-background: hsl(216, 41%, 20%);
  --color-modal-text: var(--color-body-text);
  --color-modal-border: var(--color-border-subtle);
}
html:has(.Dark) .card[b-st1bu25f2q] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-subtle);
  color: var(--color-body-text);
}
html:has(.Dark) .card-title[b-st1bu25f2q] {
  color: var(--color-headings);
}

@media (prefers-color-scheme: dark) {
  html:has(.SystemPreference) .card[b-st1bu25f2q] {
    background-color: var(--color-card-background);
    border-color: var(--color-border-subtle);
    color: var(--color-body-text);
  }
  html:has(.SystemPreference) .card-title[b-st1bu25f2q] {
    color: var(--color-headings);
  }
}
.menu-collapsed[b-st1bu25f2q],
.menu-collapsed ~ .main[b-st1bu25f2q] {
  --sidebar-width: 3.5rem;
}

.hide-sidebar[b-st1bu25f2q] {
  --sidebar-width: 0px;
}

/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
:where(button)[b-st1bu25f2q] {
  display: inline-flex;
  border-radius: 0.25rem;
  line-height: 1.5rem;
  border-color: transparent;
  color: currentColor;
  border-style: solid;
  border-width: 0.0625rem;
  transition: background-color 0.25s;
  font-size: 1rem;
}
@media (hover: hover) and (pointer: fine) {
  :where(button):focus[b-st1bu25f2q] {
    outline: 0;
  }
  :where(button):focus:focus-visible[b-st1bu25f2q] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
  }
}
@media (hover: hover) and (pointer: fine) {
  :where(button).focus-inset:focus[b-st1bu25f2q] {
    outline: 0;
  }
  :where(button).focus-inset:focus:focus-visible[b-st1bu25f2q] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
    box-shadow: inset 0 0 0 0.125rem var(--color-focus-outline);
  }
}
:where(button):disabled[b-st1bu25f2q] {
  opacity: 0.5;
  cursor: not-allowed;
}
:where(button):not(:disabled):hover[b-st1bu25f2q] {
  background-color: var(--color-hover-background);
}

/* Button sizes */
:where(.size--extrasmall)[b-st1bu25f2q] {
  display: inline-flex;
  padding: 0.4375rem;
}

:where(.size--small)[b-st1bu25f2q] {
  padding: 0.4375rem 2rem;
}

:where(.size--default)[b-st1bu25f2q] {
  padding: 0.6875rem 2rem;
}

:where(.size--large)[b-st1bu25f2q] {
  padding-block: 0.6875rem;
  padding-inline: 1.5rem;
  font-size: 1.125rem;
}

/* Button styles */
:where(.style--default)[b-st1bu25f2q] {
  background-color: var(--color-card-background);
  border-color: var(--color-border-medium);
  color: var(--color-text, currentColor);
}

:where(.style--primary)[b-st1bu25f2q] {
  background-color: var(--color-primary);
  color: var(--color-white);
}
:where(.style--primary):not(:disabled):hover[b-st1bu25f2q] {
  background-color: var(--color-primary-hover);
}

:where(.style--secondary)[b-st1bu25f2q] {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
:where(.style--secondary):not(:disabled):hover[b-st1bu25f2q] {
  background-color: var(--color-secondary-hover);
}

:where(.style--outline)[b-st1bu25f2q] {
  background-color: transparent;
  border-color: var(--color-border-medium);
}
:where(.style--outline):not(:disabled):hover[b-st1bu25f2q] {
  background-color: var(--color-card-background-hover-default);
}

:where(.style--ghost)[b-st1bu25f2q] {
  background-color: transparent;
}
:where(.style--ghost):not(:disabled):hover[b-st1bu25f2q] {
  background-color: var(--color-card-background-hover-default);
}

:where(.style--warning)[b-st1bu25f2q] {
  color: black;
  background-color: var(--color-warning);
}
:where(.style--warning):not(:disabled):hover[b-st1bu25f2q] {
  background-color: var(--color-warning-alternative);
}

:where(.style--accent)[b-st1bu25f2q] {
  background-color: var(--color-accent);
  color: var(--color-accent-contrast);
  transition: filter 0.25s;
}
:where(.style--accent):not(:disabled):hover[b-st1bu25f2q] {
  filter: contrast(1.3);
  background-color: var(--color-accent);
}

:where(.style--accentoutline)[b-st1bu25f2q] {
  background-color: transparent;
  border: var(--border-2) var(--color-accent);
  color: var(--color-accent);
  transition: filter 0.25s;
}
:where(.style--accentoutline):not(:disabled):hover[b-st1bu25f2q] {
  filter: brightness(1.2);
  background-color: transparent;
}

:where(.page.Light) :where(.style--dimmed)[b-st1bu25f2q] {
  background-color: transparent;
  border-color: var(--color-border-medium);
}
@media (prefers-color-scheme: light) {
  :where(.page.SystemPreference) :where(.style--dimmed)[b-st1bu25f2q] {
    background-color: transparent;
    border-color: var(--color-border-medium);
  }
}
:where(.page.Dark) :where(.style--dimmed)[b-st1bu25f2q] {
  background-color: var(--color-accent-contrast);
  box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
}
@media (prefers-color-scheme: dark) {
  :where(.page.SystemPreference) :where(.style--dimmed)[b-st1bu25f2q] {
    background-color: var(--color-accent-contrast);
    box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.25);
  }
}
/* /Shared/Components/BaseElements/DropDown.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.select-wrapper[b-8eygk748n8] {
  position: relative;
  border: var(--border-1) var(--color-border-medium);
  border-radius: 0.25rem;
  padding-inline: 1.5rem;
}
.select-wrapper:has(select:focus:focus-visible)[b-8eygk748n8] {
  outline: var(--border-2) var(--color-focus-outline);
}
.select-wrapper:has(select:disabled)[b-8eygk748n8] {
  opacity: 0.5;
  cursor: not-allowed;
}

.select-label[b-8eygk748n8] {
  visibility: hidden;
}

select[b-8eygk748n8] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: currentColor;
  background: transparent;
  border: none;
  padding-inline-start: 1.25rem;
}
select:focus-visible[b-8eygk748n8] {
  outline: 0;
}
select:disabled[b-8eygk748n8] {
  opacity: 1;
  cursor: not-allowed;
}
/* /Shared/Components/BaseElements/Spinner.razor.rz.scp.css */
.spinner[b-t1p1fsq2fc] {
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  /* SVG inherits size from font-size */
}
.spinner svg[b-t1p1fsq2fc] {
  width: 1em;
  height: 1em;
  display: block;
}
.spinner[b-t1p1fsq2fc] {
  /* ---------- Sizes ---------- */
}
.spinner.size-sm[b-t1p1fsq2fc] {
  font-size: 2rem;
}
.spinner.size-md[b-t1p1fsq2fc] {
  font-size: 4rem;
}
.spinner.size-lg[b-t1p1fsq2fc] {
  font-size: 5.5rem;
}
.spinner.size-xl[b-t1p1fsq2fc] {
  font-size: 7rem;
}
.spinner[b-t1p1fsq2fc] {
  /* ---------- Positioning modes ---------- */
}
.spinner.mode-fixed[b-t1p1fsq2fc] {
  position: fixed;
  left: calc(50% + var(--sidebar-width) / 2);
  top: 50%;
  transform: translate(-50%, -50%);
}
.spinner.mode-absolute[b-t1p1fsq2fc] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.spinner.mode-dialog[b-t1p1fsq2fc] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------- SVG strokes ---------- */
.spinner-track[b-t1p1fsq2fc] {
  fill: none;
  stroke: rgba(0, 0, 0, 0.12);
  stroke-width: 6;
}

.spinner-head[b-t1p1fsq2fc] {
  fill: none;
  stroke: var(--color-secondary);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 90 140;
  transform-origin: 50% 50%;
  animation: spin-b-t1p1fsq2fc 1.05s linear infinite;
}

/* ---------- Label ---------- */
.label[b-t1p1fsq2fc] {
  color: var(--color-secondary);
  font-weight: 500;
  font-size: 0.875rem;
}

/* ---------- Animation ---------- */
@keyframes spin-b-t1p1fsq2fc {
  100% {
    transform: rotate(360deg);
  }
}
/* /Shared/Components/Calendar/CalendarSettingsPanel.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.calendar-toolbar[b-s8p7n4aqx8] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  background: var(--color-secondary);
  border: 1px solid #dee2e6;
  /*width: 90%; */
}

.calendar-toolbar-left[b-s8p7n4aqx8] {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--bs-body-color);
}

.calendar-toolbar-right[b-s8p7n4aqx8] {
  margin-left: auto;
  display: flex;
}

.calendar-toolbar-right .btn[b-s8p7n4aqx8] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-settings[b-s8p7n4aqx8] {
  position: fixed;
  top: 70px; /* tweak to your header */
  right: -420px;
  width: 400px;
  max-width: 90vw;
  height: calc(100vh - 80px);
  background-color: var(--color-page-background);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  transition: right 0.25s ease;
  z-index: 1050;
  display: flex;
  flex-direction: column;
}

.calendar-settings.open[b-s8p7n4aqx8] {
  right: 0;
}

.calendar-settings .settings-header[b-s8p7n4aqx8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.calendar-settings .settings-body[b-s8p7n4aqx8] {
  padding: 1rem;
  overflow: auto;
  flex: 1;
}

.week-grid[b-s8p7n4aqx8] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.25rem 0.75rem;
}
/* /Shared/Components/Company/Currency.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
[b-4q46xqx9sw] .product-form {
  max-width: 26.25rem;
}
/* /Shared/Components/Header/AdminHeader.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-8ub67jr45e] {
  background: var(--color-header-background);
  color: var(--color-header-foreground);
  z-index: 1000;
  top: 0;
  width: 100%;
  font-size: 0.875rem;
  padding: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column: 1/3;
}
@media (min-width: 50.0625rem) {
  .header[b-8ub67jr45e] {
    font-size: 1rem;
  }
}
@media (min-width: 75rem) {
  .header[b-8ub67jr45e] {
    padding: 0 1rem;
  }
}

/* Development - vivid orange red */
.header-dev[b-8ub67jr45e] {
  background-color: #ff7043;
}

/* Test - medium amber */
.header-test[b-8ub67jr45e] {
  background-color: #ffa726;
}

/* Staging - rich amber/yellow */
.header-staging[b-8ub67jr45e] {
  background-color: #c77600;
}

[b-8ub67jr45e] select,
[b-8ub67jr45e] button,
[b-8ub67jr45e] a {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  [b-8ub67jr45e] select:focus,
  [b-8ub67jr45e] button:focus,
  [b-8ub67jr45e] a:focus {
    outline: 0;
  }
  [b-8ub67jr45e] select:focus:focus-visible,
  [b-8ub67jr45e] button:focus:focus-visible,
  [b-8ub67jr45e] a:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
[b-8ub67jr45e] .nav-link-static {
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 0.0625rem 0.125rem;
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
[b-8ub67jr45e] .nav-link-static::before, [b-8ub67jr45e] .nav-link-static::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  touch-action: none;
}
[b-8ub67jr45e] .nav-link-static::before {
  left: -0.625rem;
}
[b-8ub67jr45e] .nav-link-static::after {
  right: -0.625rem;
}
[b-8ub67jr45e] .nav-link-static.active {
  background-color: var(--color-header-link-active-background);
  z-index: 5;
}
[b-8ub67jr45e] .nav-link-static.active::before {
  background: radial-gradient(circle at top left, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-active-background) 0);
}
[b-8ub67jr45e] .nav-link-static.active::after {
  background: radial-gradient(circle at top right, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-active-background) 0);
}
[b-8ub67jr45e] .nav-link-static:hover:not(.active) {
  background-color: var(--color-header-link-hover-background);
}
[b-8ub67jr45e] .nav-link-static:hover:not(.active)::before {
  background: radial-gradient(circle at top left, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-hover-background) 0);
}
[b-8ub67jr45e] .nav-link-static:hover:not(.active)::after {
  background: radial-gradient(circle at top right, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-hover-background) 0);
}
[b-8ub67jr45e] .nav-link-static svg {
  margin-right: 0.5em;
  width: 1.25em !important;
  height: 1.25em !important;
}
[b-8ub67jr45e] .nav-link-static span {
  display: flex;
  align-items: center;
  padding: 0.59375rem 1rem;
  border-radius: 0.25rem;
  transition: outline 0.15s ease-in-out;
}
[b-8ub67jr45e] .nav-link-static .pending-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  margin-left: 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #dc3545;
  border-radius: 0.625rem;
}
@media (max-width: 68.75rem) {
  [b-8ub67jr45e] .nav-link-static span {
    padding: 0.5rem;
    font-size: 0;
    gap: 0;
  }
  [b-8ub67jr45e] .nav-link-static svg {
    margin-right: 0 !important;
    font-size: 1rem;
  }
}
@media (max-width: 37.5rem) {
  [b-8ub67jr45e] .nav-link-static span {
    padding: 0.375rem;
  }
}
[b-8ub67jr45e] .nav-link-static:focus:focus-visible {
  box-shadow: none;
  border: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
[b-8ub67jr45e] .nav-link-static:focus:focus-visible span {
  outline: var(--border-2) var(--color-accent-bright);
}
[b-8ub67jr45e] .settings-link {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
  opacity: 0.85;
  transition: opacity 0.15s ease-in-out;
}
[b-8ub67jr45e] .settings-link:hover, [b-8ub67jr45e] .settings-link.active {
  opacity: 1;
}

.logo[b-8ub67jr45e] {
  display: block;
  height: 1.375rem;
  margin-right: 0.5rem;
}

@media (min-width: 75rem) {
  .logo[b-8ub67jr45e] {
    height: 1.75rem;
  }
}
.nav-list[b-8ub67jr45e] {
  display: flex;
  flex-wrap: wrap;
}

.nav-item[b-8ub67jr45e] {
  list-style: none;
}

.user-settings[b-8ub67jr45e] {
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 37.5rem) {
  .user-settings[b-8ub67jr45e] {
    gap: 0.125rem;
  }
}

@media (max-width: 68.75rem) {
  [b-8ub67jr45e] .nav-link-header.calendar {
    font-size: 0;
    margin: 0 0.5rem;
  }
  [b-8ub67jr45e] .nav-link-header.profile span {
    display: none;
  }
}
/* /Shared/Components/Header/DarkModeSwitcher.razor.rz.scp.css */
.btn[b-4qevk3r9bw] {
  color: inherit;
  padding: 0.3125em;
  margin-left: 0.5em;
}
.btn[b-4qevk3r9bw]  svg {
  font-size: 1.5rem;
}
/* /Shared/Components/Header/Header.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-t9r2fqltdk] {
  background-color: var(--color-header-background);
  color: var(--color-header-foreground);
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column: 1/3;
}

/* Development - vivid orange red */
.header-dev[b-t9r2fqltdk] {
  background-color: #ff7043; /* strong orange (Google deep orange 400) */
}

/* Test - medium amber */
.header-test[b-t9r2fqltdk] {
  background-color: #ffa726; /* orange-amber (Google orange 400) */
}

/* Staging - rich amber/yellow */
.header-staging[b-t9r2fqltdk] {
  background-color: #c77600; /* amber 400 */
}

@media (hover: hover) and (pointer: fine) {
  [b-t9r2fqltdk] button:focus,
  a:focus[b-t9r2fqltdk],
  [b-t9r2fqltdk] select:focus {
    outline: 0;
  }
  [b-t9r2fqltdk] button:focus:focus-visible,
  a:focus:focus-visible[b-t9r2fqltdk],
  [b-t9r2fqltdk] select:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}

.navbar-toggler[b-t9r2fqltdk] {
  transition: 0.4s cubic-bezier(0.24, 1, 0.32, 1);
}
.nav-open .navbar-toggler[b-t9r2fqltdk] {
  transform: translateX(1rem);
}

.navbar-toggler[b-t9r2fqltdk] {
  margin-left: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.navbar-toggler-icon[b-t9r2fqltdk] {
  background: center/contain no-repeat url("images/icons/menu-2.svg");
}

.navbar-brand[b-t9r2fqltdk] {
  padding: 0.375rem 0.75rem;
  margin-right: auto;
  margin-left: 1rem;
}

.navbar-brand:hover .logo[b-t9r2fqltdk] {
  filter: brightness(1.1);
}

.logo[b-t9r2fqltdk] {
  height: 1.375rem;
  display: block;
}

@media (min-width: 75rem) {
  .logo[b-t9r2fqltdk] {
    height: 1.75rem;
  }
}
/* /Shared/Components/Header/KitchenHeader.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-7z9fok8gfh] {
  background: var(--color-header-background);
  color: var(--color-header-foreground);
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 0.875rem;
  padding: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column: 1/3;
}
@media (min-width: 50rem) {
  .header[b-7z9fok8gfh] {
    font-size: 1rem;
  }
}
@media (min-width: 75rem) {
  .header[b-7z9fok8gfh] {
    padding: 0 1rem;
  }
}

/* Development - vivid orange red */
.header-dev[b-7z9fok8gfh] {
  background-color: #ff7043; /* strong orange (Google deep orange 400) */
}

/* Test - medium amber */
.header-test[b-7z9fok8gfh] {
  background-color: #ffa726; /* orange-amber (Google orange 400) */
}

/* Staging - rich amber/yellow */
.header-staging[b-7z9fok8gfh] {
  background-color: #c77600; /* amber 400 */
}

[b-7z9fok8gfh] select,
[b-7z9fok8gfh] button,
[b-7z9fok8gfh] a {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  [b-7z9fok8gfh] select:focus,
  [b-7z9fok8gfh] button:focus,
  [b-7z9fok8gfh] a:focus {
    outline: 0;
  }
  [b-7z9fok8gfh] select:focus:focus-visible,
  [b-7z9fok8gfh] button:focus:focus-visible,
  [b-7z9fok8gfh] a:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
[b-7z9fok8gfh] .nav-link-static {
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 0.0625rem 0.125rem;
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
[b-7z9fok8gfh] .nav-link-static::before, [b-7z9fok8gfh] .nav-link-static::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  touch-action: none;
}
[b-7z9fok8gfh] .nav-link-static::before {
  left: -0.625rem;
}
[b-7z9fok8gfh] .nav-link-static::after {
  right: -0.625rem;
}
[b-7z9fok8gfh] .nav-link-static.active {
  background-color: var(--color-header-link-active-background);
  z-index: 5;
}
[b-7z9fok8gfh] .nav-link-static.active::before {
  background: radial-gradient(circle at top left, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-active-background) 0);
}
[b-7z9fok8gfh] .nav-link-static.active::after {
  background: radial-gradient(circle at top right, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-active-background) 0);
}
[b-7z9fok8gfh] .nav-link-static:hover:not(.active) {
  background-color: var(--color-header-link-hover-background);
}
[b-7z9fok8gfh] .nav-link-static:hover:not(.active)::before {
  background: radial-gradient(circle at top left, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-hover-background) 0);
}
[b-7z9fok8gfh] .nav-link-static:hover:not(.active)::after {
  background: radial-gradient(circle at top right, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-hover-background) 0);
}
[b-7z9fok8gfh] .nav-link-static svg {
  margin-right: 0.75em;
}
[b-7z9fok8gfh] .nav-link-static span {
  display: flex;
  padding: 0.59375rem 1rem;
  border-radius: 0.25rem;
  transition: outline 0.15s ease-in-out;
}
[b-7z9fok8gfh] .nav-link-static:focus:focus-visible {
  box-shadow: none;
  border: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
[b-7z9fok8gfh] .nav-link-static:focus:focus-visible span {
  outline: var(--border-2) var(--color-accent-bright);
}
[b-7z9fok8gfh] .icon-tabler-clipboard-text {
  height: 1.5em;
  width: 1.5em;
}
[b-7z9fok8gfh] .settings-link {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
  opacity: 0.85;
  transition: opacity 0.15s ease-in-out;
}
[b-7z9fok8gfh] .settings-link:hover, [b-7z9fok8gfh] .settings-link.active {
  opacity: 1;
}

.navbar-brand[b-7z9fok8gfh] {
  margin-right: 0.5rem;
}

.logo[b-7z9fok8gfh] {
  display: block;
  height: 1.375rem;
  margin-right: 0.5rem;
}

@media (min-width: 75rem) {
  .logo[b-7z9fok8gfh] {
    height: 1.75rem;
  }
}
.nav-list[b-7z9fok8gfh] {
  display: flex;
  flex-wrap: wrap;
}

.nav-item[b-7z9fok8gfh] {
  list-style: none;
}

.user-settings[b-7z9fok8gfh] {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
/* /Shared/Components/Header/NavigationModeSwitcher.razor.rz.scp.css */
.btn[b-dk1yuiz12o] {
  color: inherit;
  padding: 0.3125em;
  margin-left: 0.5em;
}
.btn[b-dk1yuiz12o]  .icon-tabler-soup {
  font-size: 1.5rem;
}
/* /Shared/Components/Header/WaiterHeader.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.header[b-vc3o8sxjhz] {
  background: var(--color-header-background);
  color: var(--color-header-foreground);
  z-index: 1000;
  top: 0;
  width: 100%;
  font-size: 0.875rem;
  padding: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column: 1/3;
}
@media (min-width: 50.0625rem) {
  .header[b-vc3o8sxjhz] {
    font-size: 1rem;
  }
}
@media (min-width: 75rem) {
  .header[b-vc3o8sxjhz] {
    padding: 0 1rem;
  }
}

/* Development - vivid orange red */
.header-dev[b-vc3o8sxjhz] {
  background-color: #ff7043; /* strong orange (Google deep orange 400) */
}

/* Test - medium amber */
.header-test[b-vc3o8sxjhz] {
  background-color: #ffa726; /* orange-amber (Google orange 400) */
}

/* Staging - rich amber/yellow */
.header-staging[b-vc3o8sxjhz] {
  background-color: #c77600; /* amber 400 */
}

[b-vc3o8sxjhz] select,
[b-vc3o8sxjhz] button,
[b-vc3o8sxjhz] a {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  [b-vc3o8sxjhz] select:focus,
  [b-vc3o8sxjhz] button:focus,
  [b-vc3o8sxjhz] a:focus {
    outline: 0;
  }
  [b-vc3o8sxjhz] select:focus:focus-visible,
  [b-vc3o8sxjhz] button:focus:focus-visible,
  [b-vc3o8sxjhz] a:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
[b-vc3o8sxjhz] .nav-link-static {
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 0.0625rem 0.125rem;
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
[b-vc3o8sxjhz] .nav-link-static::before, [b-vc3o8sxjhz] .nav-link-static::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  touch-action: none;
}
[b-vc3o8sxjhz] .nav-link-static::before {
  left: -0.625rem;
}
[b-vc3o8sxjhz] .nav-link-static::after {
  right: -0.625rem;
}
[b-vc3o8sxjhz] .nav-link-static.active {
  background-color: var(--color-header-link-active-background);
  z-index: 5;
}
[b-vc3o8sxjhz] .nav-link-static.active::before {
  background: radial-gradient(circle at top left, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-active-background) 0);
}
[b-vc3o8sxjhz] .nav-link-static.active::after {
  background: radial-gradient(circle at top right, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-active-background) 0);
}
[b-vc3o8sxjhz] .nav-link-static:hover:not(.active) {
  background-color: var(--color-header-link-hover-background);
}
[b-vc3o8sxjhz] .nav-link-static:hover:not(.active)::before {
  background: radial-gradient(circle at top left, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-hover-background) 0);
}
[b-vc3o8sxjhz] .nav-link-static:hover:not(.active)::after {
  background: radial-gradient(circle at top right, rgba(204, 0, 0, 0) 0.625rem, var(--color-header-link-hover-background) 0);
}
[b-vc3o8sxjhz] .nav-link-static svg {
  margin-right: 0.5em;
  font-size: 1.5em;
}
[b-vc3o8sxjhz] .nav-link-static span {
  display: flex;
  align-items: center;
  padding: 0.59375rem 1rem;
  border-radius: 0.25rem;
  transition: outline 0.15s ease-in-out;
}
[b-vc3o8sxjhz] .nav-link-static .pending-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  margin-left: 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #dc3545;
  border-radius: 0.625rem;
}
[b-vc3o8sxjhz] .nav-link-static:focus:focus-visible {
  box-shadow: none;
  border: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
[b-vc3o8sxjhz] .nav-link-static:focus:focus-visible span {
  outline: var(--border-2) var(--color-accent-bright);
}
[b-vc3o8sxjhz] .icon-tabler-report {
  width: 1em;
  height: 1em;
}
[b-vc3o8sxjhz] .settings-link {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
  opacity: 0.85;
  transition: opacity 0.15s ease-in-out;
}
[b-vc3o8sxjhz] .settings-link:hover, [b-vc3o8sxjhz] .settings-link.active {
  opacity: 1;
}

.navbar-brand[b-vc3o8sxjhz] {
  margin-right: 0.5rem;
}

.logo[b-vc3o8sxjhz] {
  display: block;
  height: 1.375rem;
  margin-right: 0.5rem;
}

@media (min-width: 75rem) {
  .logo[b-vc3o8sxjhz] {
    height: 1.75rem;
  }
}
.nav-list[b-vc3o8sxjhz] {
  display: flex;
  flex-wrap: wrap;
}

.nav-item[b-vc3o8sxjhz] {
  list-style: none;
}

.user-settings[b-vc3o8sxjhz] {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
/* /Shared/Components/Order/OrderHeaderDialog.razor.rz.scp.css */
.order-header-dialog[b-wgvqbqbblq] {
  position: relative;
}

.order-header-dialog__busy[b-wgvqbqbblq] {
  position: relative;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Shared/Components/Order/OrderHeaderForm.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* Layout rows used by the header form */
.date-and-time[b-63f1bgsg8w],
.phone-and-email[b-63f1bgsg8w],
.pax[b-63f1bgsg8w] {
  display: flex;
  gap: 1rem;
}

/* Generic two-column field groups */
.date-and-time > .date[b-63f1bgsg8w],
.date-and-time > .time[b-63f1bgsg8w],
.phone-and-email > .phone[b-63f1bgsg8w],
.phone-and-email > .email[b-63f1bgsg8w] {
  width: calc(50% - 0.5rem);
}

/* Pax grid uses multiple columns */
.pax-inner[b-63f1bgsg8w] {
  width: calc(50% - 0.5rem);
}

/* Vertical spacing between form sections */
.form-section[b-63f1bgsg8w] {
  margin-bottom: 1rem;
}

/* Slightly tighter spacing (for grouped inputs) */
.form-section--sm[b-63f1bgsg8w] {
  margin-bottom: 0.75rem;
}

/* Larger separation (between logical groups) */
.form-section--lg[b-63f1bgsg8w] {
  margin-bottom: 1.5rem;
}

/* Form label consistency */
label[b-63f1bgsg8w] {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Footer actions (save/cancel row) */
.dlg-actions[b-63f1bgsg8w] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

/* Responsive: stack columns on small widths */
@media (max-width: 520px) {
  .date-and-time[b-63f1bgsg8w],
  .phone-and-email[b-63f1bgsg8w],
  .pax[b-63f1bgsg8w] {
    flex-direction: column;
  }
  .date-and-time > .date[b-63f1bgsg8w],
  .date-and-time > .time[b-63f1bgsg8w],
  .phone-and-email > .phone[b-63f1bgsg8w],
  .phone-and-email > .email[b-63f1bgsg8w],
  .pax-inner[b-63f1bgsg8w] {
    width: 100%;
  }
}
/* /Shared/Components/Order/OrderHistoryPanel.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.order-history-panel[b-l30xmq20yp] {
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 6px;
  background-color: var(--color-card-background);
}
.order-history-panel__header[b-l30xmq20yp] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.order-history-panel__header:hover[b-l30xmq20yp] {
  opacity: 0.85;
}
.order-history-panel__header > svg[b-l30xmq20yp] {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}
.order-history-panel__title[b-l30xmq20yp] {
  margin: 0;
  flex: 1;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}
.order-history-panel__count[b-l30xmq20yp] {
  color: var(--color-text-dimmed);
  font-weight: 400;
  font-size: 0.9em;
  margin-left: 0.25rem;
}
.order-history-panel__chevron[b-l30xmq20yp] {
  display: inline-flex;
  transition: transform 0.2s ease-in-out;
}
.order-history-panel__chevron.is-expanded[b-l30xmq20yp] {
  transform: rotate(180deg);
}
.order-history-panel__status[b-l30xmq20yp] {
  margin: 1rem 0 0 0;
  color: var(--color-text-dimmed);
  font-style: italic;
}
.order-history-panel__timeline[b-l30xmq20yp] {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.order-history-panel__entry[b-l30xmq20yp] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  border-left: 3px solid var(--color-border-medium);
  background-color: var(--color-hover-background);
  border-radius: 4px;
}
.order-history-panel__entry--user[b-l30xmq20yp] {
  border-left-color: var(--color-primary);
}
.order-history-panel__entry--integration[b-l30xmq20yp] {
  border-left-color: var(--color-accent);
}
.order-history-panel__entry--system[b-l30xmq20yp] {
  border-left-color: var(--color-text-dimmed);
}
.order-history-panel__icon[b-l30xmq20yp] {
  display: inline-flex;
  align-items: flex-start;
  color: var(--color-text-dimmed);
  padding-top: 0.125rem;
}
.order-history-panel__body[b-l30xmq20yp] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.order-history-panel__meta[b-l30xmq20yp] {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}
.order-history-panel__meta strong[b-l30xmq20yp] {
  font-size: 0.9em;
}
.order-history-panel__time[b-l30xmq20yp] {
  color: var(--color-text-dimmed);
  font-size: 0.85em;
}
.order-history-panel__change[b-l30xmq20yp] {
  font-size: 0.9em;
}
.order-history-panel__from[b-l30xmq20yp] {
  color: var(--color-text-dimmed);
}
.order-history-panel__to[b-l30xmq20yp] {
  font-weight: 500;
}
/* /Shared/Components/Payment/PaymentMethodSelector.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.add-products[b-z9t99s7ws4] {
  padding: 0.5rem 0.75rem 0;
  overflow-y: auto;
}

.payment-total-display[b-z9t99s7ws4] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.payment-total-label[b-z9t99s7ws4] {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

.payment-total-amount[b-z9t99s7ws4] {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.payment-amount-input[b-z9t99s7ws4] {
  margin-bottom: 1.5rem;
}

.product-group[b-z9t99s7ws4] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  width: 100%;
}

.product-group button[b-z9t99s7ws4],
.product-group a[b-z9t99s7ws4] {
  margin-bottom: 0.5em;
}

.product-group a[b-z9t99s7ws4] {
  border-radius: 0.25rem;
}

.add-products button[b-z9t99s7ws4],
.add-products a[b-z9t99s7ws4] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.add-products a[b-z9t99s7ws4] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.primary[b-z9t99s7ws4] {
  background-color: var(--color-primary);
  color: white;
}

.secondary[b-z9t99s7ws4] {
  background-color: var(--color-secondary);
  color: white;
}

.payment-action-panel[b-z9t99s7ws4] {
  position: sticky;
  bottom: 0;
  z-index: 1;
  background: var(--color-card-background);
  border-top: 1px solid var(--color-border-medium);
  padding: 0.75rem 0;
}
.payment-action-panel .product-group button[b-z9t99s7ws4],
.payment-action-panel .product-group a[b-z9t99s7ws4] {
  width: 100%;
}

.product-panel[b-z9t99s7ws4],
.radio-group[b-z9t99s7ws4] {
  max-height: 14rem;
  transition: max-height 0.25s ease-out;
}

.radio-button-wrapper[b-z9t99s7ws4] {
  height: 4rem;
  width: calc(25% - 0.375rem);
  font-size: 1.125em;
}

.radio-button-wrapper[b-z9t99s7ws4] {
  position: relative;
  margin-bottom: 0.5em;
  color: var(--color-body-text);
}
.radio-button-wrapper:hover label[b-z9t99s7ws4] {
  background-color: var(--color-card-background-hover-default);
}

.radio-group input[b-z9t99s7ws4] {
  position: absolute;
  opacity: 0;
}

.radio-group input:checked + label[b-z9t99s7ws4] {
  box-shadow: inset 0 0 0 0.125rem var(--color-primary);
}

.radio-group label[b-z9t99s7ws4] {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  border: var(--border-1) var(--color-border-medium);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.75em;
  text-align: center;
}

@media (max-width: 1024px) {
  .radio-button-wrapper[b-z9t99s7ws4] {
    width: calc(33.333% - 0.3333333333rem);
  }
}
/* /Shared/Components/Product/RelatedProductOrderLineSearchComponent.razor.rz.scp.css */
/* /Shared/Components/TopMenu/Calenders.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-vnk0vq2kf7] .nav-link-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

ul[b-vnk0vq2kf7] {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0 0 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
  display: none;
  visibility: hidden;
  opacity: 0;
}

.calenders[b-vnk0vq2kf7] {
  position: relative;
}
.calenders:hover > ul[b-vnk0vq2kf7], .calenders:focus-within > ul[b-vnk0vq2kf7] {
  visibility: visible;
  opacity: 1;
  display: block;
}

[b-vnk0vq2kf7] .nav-link,
[b-vnk0vq2kf7] .nav-link-header {
  display: flex;
  line-height: 1.5rem;
  font-weight: 500;
}
[b-vnk0vq2kf7] .nav-link::before,
[b-vnk0vq2kf7] .nav-link-header::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  [b-vnk0vq2kf7] .nav-link-header:focus {
    outline: 0;
  }
  [b-vnk0vq2kf7] .nav-link-header:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
[b-vnk0vq2kf7] .nav-link-header {
  color: var(--color-header-foreground);
  margin: 0 1rem;
}
[b-vnk0vq2kf7] .nav-link-header:hover {
  filter: brightness(1.15);
}
@media (hover: hover) and (pointer: fine) {
  [b-vnk0vq2kf7] .nav-link:focus {
    outline: 0;
  }
  [b-vnk0vq2kf7] .nav-link:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
    box-shadow: inset 0 0 0 0.125rem var(--color-focus-outline);
  }
}
[b-vnk0vq2kf7] .nav-link {
  background: var(--white);
  padding: 1rem 1rem;
}
[b-vnk0vq2kf7] .nav-link:hover {
  background: var(--color-hover-background);
}
[b-vnk0vq2kf7] .nav-link-text {
  color: var(--color-primary);
}

[b-vnk0vq2kf7] .calendar::before {
  background-image: url("images/icons/calendar.svg");
}

[b-vnk0vq2kf7] .restaurant-calendar::before {
  background-image: url("images/icons/soup-clock.svg");
}

[b-vnk0vq2kf7] .arrangement-calendar::before {
  background-image: url("images/icons/party-clock.svg");
}

[b-vnk0vq2kf7] .kitchen-calendar::before {
  background-image: url("images/icons/chef-clock.svg");
}

[b-vnk0vq2kf7] .overview-calendar::before {
  background-image: url("images/icons/calendar-time.svg");
}

a[b-vnk0vq2kf7] {
  text-decoration: none;
}
/* /Shared/Components/TopMenu/CultureSelector.razor.rz.scp.css */
.culture-selector[b-4w3kakh9nk] {
  padding: 0.5rem 0.75rem;
  background-color: transparent;
  color: var(--color-accent-bright);
  border-width: 0.0625rem;
  border-color: hsla(192, 51%, 79%, 0.8);
  border-radius: 0.25rem;
}
/* /Shared/Components/TopMenu/LoginDisplay.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-5lu6c0j33t] .nav-link-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

button[b-5lu6c0j33t],
a[b-5lu6c0j33t] {
  color: var(--color-accent-bright);
}

:hover[b-5lu6c0j33t] {
  color: inherit;
  filter: brightness(1.15);
}

.user-name[b-5lu6c0j33t] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 10em;
}

.sign-out-button[b-5lu6c0j33t] {
  white-space: nowrap;
}

ul[b-5lu6c0j33t] {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0 0 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
  display: none;
  visibility: hidden;
  opacity: 0;
}

.profileheader[b-5lu6c0j33t] {
  position: relative;
}
.profileheader:hover > ul[b-5lu6c0j33t], .profileheader:focus-within > ul[b-5lu6c0j33t] {
  visibility: visible;
  opacity: 1;
  display: block;
}

[b-5lu6c0j33t] .nav-link,
[b-5lu6c0j33t] .nav-link-header {
  display: flex;
  line-height: 1.5rem;
  font-weight: 500;
}
[b-5lu6c0j33t] .nav-link::before,
[b-5lu6c0j33t] .nav-link-header::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  [b-5lu6c0j33t] .nav-link-header:focus {
    outline: 0;
  }
  [b-5lu6c0j33t] .nav-link-header:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
[b-5lu6c0j33t] .nav-link-header {
  color: var(--color-header-foreground);
  margin: 0 1rem;
}
[b-5lu6c0j33t] .nav-link-header:hover {
  filter: brightness(1.15);
}
@media (hover: hover) and (pointer: fine) {
  [b-5lu6c0j33t] .nav-link:focus {
    outline: 0;
  }
  [b-5lu6c0j33t] .nav-link:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
    box-shadow: inset 0 0 0 0.125rem var(--color-focus-outline);
  }
}
[b-5lu6c0j33t] .nav-link {
  background: var(--white);
  padding: 1rem 1rem;
}
[b-5lu6c0j33t] .nav-link:hover {
  background: var(--color-hover-background);
}
[b-5lu6c0j33t] .nav-link-text {
  color: var(--color-primary);
}

[b-5lu6c0j33t] .profile::before {
  background-image: url("images/icons/user.svg");
}
/* /Shared/Components/TopMenu/Support.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-3i11g9eyuv] .nav-link-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

ul[b-3i11g9eyuv] {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0 0 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
  display: none;
  visibility: hidden;
  opacity: 0;
}

.dropdown-wrapper[b-3i11g9eyuv] {
  position: relative;
}
.dropdown-wrapper:hover > ul[b-3i11g9eyuv], .dropdown-wrapper:focus-within > ul[b-3i11g9eyuv] {
  visibility: visible;
  opacity: 1;
  display: block;
}

[b-3i11g9eyuv] .nav-link,
[b-3i11g9eyuv] .nav-link-header {
  display: flex;
  line-height: 1.5rem;
  font-weight: 500;
}
[b-3i11g9eyuv] .nav-link::before,
[b-3i11g9eyuv] .nav-link-header::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  [b-3i11g9eyuv] .nav-link-header:focus {
    outline: 0;
  }
  [b-3i11g9eyuv] .nav-link-header:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
[b-3i11g9eyuv] .nav-link-header {
  color: var(--color-header-foreground);
  margin: 0 1rem;
}
[b-3i11g9eyuv] .nav-link-header:hover {
  filter: brightness(1.15);
}
@media (hover: hover) and (pointer: fine) {
  [b-3i11g9eyuv] .nav-link:focus {
    outline: 0;
  }
  [b-3i11g9eyuv] .nav-link:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
    box-shadow: inset 0 0 0 0.125rem var(--color-focus-outline);
  }
}
[b-3i11g9eyuv] .nav-link {
  background: var(--white);
  padding: 1rem 1rem;
}
[b-3i11g9eyuv] .nav-link:hover {
  background: var(--color-hover-background);
}
[b-3i11g9eyuv] .nav-link-text {
  color: var(--color-primary);
}

[b-3i11g9eyuv] .support-calendar::before {
  background-image: url("images/icons/help-circle.svg");
}

[b-3i11g9eyuv] .support-productupdates::before {
  background-image: url("images/icons/refresh.svg");
}

[b-3i11g9eyuv] .support-message::before {
  background-image: url("images/icons/message.svg");
}

[b-3i11g9eyuv] .support-acadamy::before {
  background-image: url("images/icons/school.svg");
}

[b-3i11g9eyuv] .support-status::before {
  background-image: url("images/icons/activity.svg");
}

[b-3i11g9eyuv] .support-install::before {
  background-image: url("images/icons/download.svg");
}

a[b-3i11g9eyuv] {
  text-decoration: none;
}
/* /Shared/Components/TopMenu/SupportRazor.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
.support-wrapper[b-kpkxmthjgz] {
  position: relative;
  display: inline-block;
}

.support-menu .e-dropdownbtn-wrapper[b-kpkxmthjgz] {
  display: flex;
  align-items: center;
  color: var(--color-header-foreground);
  background: transparent;
  border: none;
  padding: 0.5rem 0.75rem;
  font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
  .support-menu .e-dropdownbtn-wrapper:focus[b-kpkxmthjgz] {
    outline: 0;
  }
  .support-menu .e-dropdownbtn-wrapper:focus:focus-visible[b-kpkxmthjgz] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
.support-menu .e-dropdownbtn-wrapper:hover[b-kpkxmthjgz] {
  filter: brightness(1.15);
}
.support-menu .e-dropdownbtn-wrapper .e-btn-icon[b-kpkxmthjgz] {
  margin-right: 0.5rem;
  font-size: 1.5rem;
}

.support-menu .e-dropdown-btn-popup[b-kpkxmthjgz] {
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0;
  min-width: 10rem;
  background: var(--white);
}
.support-menu .e-dropdown-btn-popup .e-item[b-kpkxmthjgz] {
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 1rem 1rem;
}
@media (hover: hover) and (pointer: fine) {
  .support-menu .e-dropdown-btn-popup .e-item:focus[b-kpkxmthjgz] {
    outline: 0;
  }
  .support-menu .e-dropdown-btn-popup .e-item:focus:focus-visible[b-kpkxmthjgz] {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
    box-shadow: inset 0 0 0 0.125rem var(--color-focus-outline);
  }
}
.support-menu .e-dropdown-btn-popup .e-item:hover[b-kpkxmthjgz] {
  background: var(--color-hover-background);
}
.support-menu .e-dropdown-btn-popup .e-item .e-menu-text[b-kpkxmthjgz] {
  color: var(--color-primary);
  margin-left: 0.5rem;
}
.support-menu .e-dropdown-btn-popup .e-item[b-kpkxmthjgz]::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("images/icons/help-support.svg");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
/* /Shared/Components/TopMenu/UserMenu.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.calenders.usermenu[b-tu8da19cvf] {
  position: relative;
}
.calenders.usermenu > ul.dropdown[b-tu8da19cvf] {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  min-width: 14rem;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1000;
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
  .calenders.usermenu > ul.dropdown[b-tu8da19cvf] {
    transition: none;
  }
}
.calenders.usermenu:hover > ul.dropdown[b-tu8da19cvf], .calenders.usermenu:focus-within > ul.dropdown[b-tu8da19cvf] {
  visibility: visible;
  opacity: 1;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .calenders.usermenu[b-tu8da19cvf]  .nav-link-header:focus {
    outline: 0;
  }
  .calenders.usermenu[b-tu8da19cvf]  .nav-link-header:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-accent-bright);
  }
}
.calenders.usermenu[b-tu8da19cvf]  .nav-link-header {
  color: var(--color-header-foreground);
  margin: 0 0.5rem;
  display: flex;
  align-items: center;
  line-height: 1.5rem;
  font-weight: 600;
  gap: 0.5rem;
}
.calenders.usermenu[b-tu8da19cvf]  .nav-link-header:hover {
  filter: brightness(1.15);
}
.calenders.usermenu[b-tu8da19cvf]  .nav-link-header svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-separator {
  height: 1px;
  background: var(--color-border, #e5e7eb);
  margin: 0.25rem 0.75rem;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-inline {
  padding: 0.5rem 0.75rem;
}
.calenders.usermenu[b-tu8da19cvf]  select.culture-selector {
  width: 100%;
  min-width: 12rem;
  height: 2.25rem;
  font-size: 0.875rem;
  color: var(--color-text, #0f172a);
  background: var(--white);
  border: 1px solid var(--color-border, #d1d5db);
  border-radius: 0.375rem;
  padding: 0 0.5rem;
}
.calenders.usermenu[b-tu8da19cvf]  select.culture-selector:focus-visible {
  outline: 2px solid var(--color-accent-bright, #3b82f6);
  outline-offset: 2px;
}
.calenders.usermenu[b-tu8da19cvf]  select.culture-selector option {
  color: #0f172a;
  background: #ffffff;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-row button, .calenders.usermenu[b-tu8da19cvf]  .menu-row .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 1px solid var(--color-border, #d1d5db);
  border-radius: 0.375rem;
  background: var(--white);
  color: var(--color-text, #374151);
  cursor: pointer;
  transition: background 0.15s ease;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-row button:hover, .calenders.usermenu[b-tu8da19cvf]  .menu-row .btn:hover {
  background: var(--color-hover-background, #f3f4f6);
}
.calenders.usermenu[b-tu8da19cvf]  .menu-row button svg, .calenders.usermenu[b-tu8da19cvf]  .menu-row .btn svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  width: 100%;
  text-align: left;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text, #374151);
  background: transparent;
  border: 0;
  cursor: pointer;
  text-decoration: none;
}
.calenders.usermenu[b-tu8da19cvf]  .menu-item:hover {
  background: var(--color-hover-background, #f3f4f6);
}
.calenders.usermenu[b-tu8da19cvf]  .menu-item svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
  flex-shrink: 0;
  opacity: 0.7;
}
.calenders.usermenu[b-tu8da19cvf]  .logout::before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  opacity: 0.7;
  background-image: url("images/icons/logout.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.calenders.usermenu a[b-tu8da19cvf] {
  text-decoration: none;
}

:root.dark .calenders.usermenu > ul.dropdown[b-tu8da19cvf] {
  background: #111827;
  color: #e5e7eb;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

:root.dark .calenders.usermenu[b-tu8da19cvf]  .menu-item {
  color: #e5e7eb;
}
:root.dark .calenders.usermenu[b-tu8da19cvf]  .menu-item:hover {
  background: #1f2937;
}

:root.dark .calenders.usermenu[b-tu8da19cvf]  .menu-row button {
  background: #1f2937;
  border-color: #374151;
  color: #e5e7eb;
}
:root.dark .calenders.usermenu[b-tu8da19cvf]  .menu-row button:hover {
  background: #374151;
}

:root.dark .calenders.usermenu[b-tu8da19cvf]  .menu-separator {
  background: #374151;
}

:root.dark .calenders.usermenu[b-tu8da19cvf]  select.culture-selector {
  background: #1f2937;
  color: #e5e7eb;
  border-color: #374151;
}

:root.dark .calenders.usermenu[b-tu8da19cvf]  select.culture-selector option {
  color: #e5e7eb;
  background: #1f2937;
}
/* /Shared/Layout/EmptyLayout.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.page[b-ccnj3reeck] {
  position: relative;
  background: var(--color-page-background);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  height: 100dvh;
  flex-direction: column;
  overflow: hidden;
}
.page.hide-sidebar[b-ccnj3reeck] {
  grid-template-columns: 1fr;
}

.main[b-ccnj3reeck] {
  flex: 1;
  position: relative;
  transition: padding 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  max-width: calc(100dvw - var(--sidebar-width));
  grid-row: 2/3;
  min-height: 0;
  height: 100%;
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.page[b-me0pvf0hwa] {
  position: relative;
  background: var(--color-page-background);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  height: 100dvh;
  flex-direction: column;
  overflow: hidden;
}
.page.hide-sidebar[b-me0pvf0hwa] {
  grid-template-columns: 1fr;
}

.main[b-me0pvf0hwa] {
  flex: 1;
  position: relative;
  transition: padding 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  max-width: calc(100dvw - var(--sidebar-width));
  grid-row: 2/3;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
}
/* /Shared/NavMenu.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
/* General */
/* Container sizes for various content containers */
[b-ohqtlvxom2] .nav-link-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar[b-ohqtlvxom2] {
  width: var(--sidebar-width);
  background: var(--color-sidebar-background);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  z-index: 1020;
  transition: width 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  grid-row: 2/3;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
}

.main-nav[b-ohqtlvxom2] {
  padding: 1.5rem 1rem;
  transition: padding 0.4s cubic-bezier(0.24, 1, 0.32, 1);
  list-style: none;
}

.menu-collapsed .main-nav[b-ohqtlvxom2] {
  padding: 0 !important;
  overflow: hidden;
}

.menu-collapsed .nav-item[b-ohqtlvxom2] {
  max-height: 3.5rem;
}

.nav-item[b-ohqtlvxom2] {
  width: 100%;
}

[b-ohqtlvxom2] .nav-link-text {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.2s cubic-bezier(0.24, 1, 0.32, 1);
}

.menu-collapsed[b-ohqtlvxom2]  .nav-link-text {
  clip-path: inset(0 100% 0 0);
}

@media (hover: hover) and (pointer: fine) {
  [b-ohqtlvxom2] .nav-link:focus {
    outline: 0;
  }
  [b-ohqtlvxom2] .nav-link:focus:focus-visible {
    border-color: transparent;
    outline-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.125rem var(--color-focus-outline);
  }
}
[b-ohqtlvxom2] .nav-link {
  display: flex;
  color: var(--color-nav-text);
  font-size: 1.1875rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 1rem;
}
[b-ohqtlvxom2] .nav-link:hover {
  background: var(--color-hover-background);
  color: var(--color-nav-text-hover);
}
[b-ohqtlvxom2] .nav-link svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
}

[b-ohqtlvxom2] .pending-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  margin-left: 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background-color: #dc3545;
  border-radius: 0.625rem;
  line-height: 1;
  vertical-align: middle;
}
/* /Shared/RevertButton.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.revert-button[b-imtx6t9x4p] {
  width: 3rem;
  height: 3rem;
  color: var(--color-body-text);
  opacity: 1;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.revert-button[disabled][b-imtx6t9x4p] {
  pointer-events: none;
  touch-action: none;
  opacity: 0.3;
}
/* /Shared/SyncNewOrder.razor.rz.scp.css */
/* General */
/* Container sizes for various content containers */
.page.Light .audio-player[b-6qye8ibeh4] {
  color-scheme: light;
}
.page.Dark .audio-player[b-6qye8ibeh4] {
  color-scheme: dark;
}
.page.SystemPreference .audio-player[b-6qye8ibeh4] {
  color-scheme: light dark;
}
.audio-player[b-6qye8ibeh4]::-webkit-media-controls-panel {
  background-color: var(--color-page-background);
}