@charset "UTF-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.tooltip,
.popover,
.serif-font {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

body {
  background-color: #ffffff;
  font-weight: 400;
}

.btn {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 18px;
  margin: 0.25rem 1px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
  text-align: center;
  text-transform: none;
  white-space: normal;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07);
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.btn:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13), 0 7px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.btn:active, .btn.active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
  transform: translateY(0);
}
.btn:focus-visible {
  outline: 3px solid #b50006;
  outline-offset: 2px;
}
.btn.disabled, .btn:disabled, .btn[aria-disabled=true] {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}
.btn .material-icons {
  flex: 0 0 auto;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1;
}

.btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07);
}
.btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger):hover, .btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger):focus, .btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger).focus {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13), 0 7px 16px rgba(0, 0, 0, 0.08);
}
.btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger):active, .btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger).active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
}
.btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger).disabled, .btn:is(.btn-default,
  .btn-primary,
  .btn-secondary,
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-danger,
  .btn-rose,
  .btn-white,
  .btn-outline,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-info,
  .btn-outline-success,
  .btn-outline-warning,
  .btn-outline-danger):disabled {
  box-shadow: none;
}

.btn.btn-primary {
  color: #ffffff;
  background-color: #db0007;
  border-color: #db0007;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus {
  color: #ffffff;
  background-color: #b50006;
  border-color: #b50006;
}
.btn.btn-primary:active, .btn.btn-primary.active, .open > .btn.btn-primary.dropdown-toggle, .show > .btn.btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #9c0005;
  border-color: #9c0005;
}
.btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, .open > .btn.btn-primary.dropdown-toggle:hover, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle.focus, .show > .btn.btn-primary.dropdown-toggle:hover, .show > .btn.btn-primary.dropdown-toggle:focus, .show > .btn.btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #9c0005;
  border-color: #9c0005;
}
.btn.btn-primary.disabled, .btn.btn-primary:disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary:disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled.focus {
  color: #ffffff;
  background-color: #db0007;
  border-color: #db0007;
}

.btn.btn-secondary,
.btn.btn-default {
  color: #40474a;
  background-color: #ffffff;
  border-color: #cfd4d7;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default.focus {
  color: #24282a;
  background-color: #f4f5f6;
  border-color: #aeb6ba;
}
.btn.btn-secondary:active, .btn.btn-secondary.active, .open > .btn.btn-secondary.dropdown-toggle, .show > .btn.btn-secondary.dropdown-toggle,
.btn.btn-default:active,
.btn.btn-default.active,
.open > .btn.btn-default.dropdown-toggle,
.show > .btn.btn-default.dropdown-toggle {
  color: #24282a;
  background-color: #e9ecee;
  border-color: #949da2;
}
.btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, .open > .btn.btn-secondary.dropdown-toggle:hover, .open > .btn.btn-secondary.dropdown-toggle:focus, .open > .btn.btn-secondary.dropdown-toggle.focus, .show > .btn.btn-secondary.dropdown-toggle:hover, .show > .btn.btn-secondary.dropdown-toggle:focus, .show > .btn.btn-secondary.dropdown-toggle.focus,
.btn.btn-default:active:hover,
.btn.btn-default:active:focus,
.btn.btn-default:active.focus,
.btn.btn-default.active:hover,
.btn.btn-default.active:focus,
.btn.btn-default.active.focus,
.open > .btn.btn-default.dropdown-toggle:hover,
.open > .btn.btn-default.dropdown-toggle:focus,
.open > .btn.btn-default.dropdown-toggle.focus,
.show > .btn.btn-default.dropdown-toggle:hover,
.show > .btn.btn-default.dropdown-toggle:focus,
.show > .btn.btn-default.dropdown-toggle.focus {
  color: #24282a;
  background-color: #e9ecee;
  border-color: #949da2;
}
.btn.btn-secondary.disabled, .btn.btn-secondary:disabled, .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover, .btn.btn-secondary.disabled:focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled.focus,
.btn.btn-default.disabled,
.btn.btn-default:disabled,
.btn.btn-default.disabled:hover,
.btn.btn-default:disabled:hover,
.btn.btn-default.disabled:focus,
.btn.btn-default:disabled:focus,
.btn.btn-default.disabled.focus,
.btn.btn-default:disabled.focus {
  color: #40474a;
  background-color: #ffffff;
  border-color: #cfd4d7;
}

.btn.btn-sm,
.btn-group-sm .btn {
  min-height: 34px;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  line-height: 1.2;
}

.btn.btn-lg,
.btn-group-lg .btn {
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 0.875rem;
  line-height: 1.25;
}

.btn-block {
  display: flex;
  width: 100%;
}

.btn.btn-link {
  border: none;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
  .btn:hover, .btn:active, .btn.active {
    transform: none;
  }
}
.lsm-breadcrumb-row {
  margin-bottom: 14px;
}

.lsm-breadcrumb {
  min-width: 0;
}
.lsm-breadcrumb .breadcrumb {
  flex-wrap: nowrap;
  align-items: center;
  min-height: 42px;
  padding: 4px 6px;
  overflow: hidden;
  color: #5f6870;
  font-size: 0.875rem;
  line-height: 1.35;
}
.lsm-breadcrumb .breadcrumb-item {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  white-space: nowrap;
}
.lsm-breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.lsm-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  flex: 0 0 auto;
  padding: 0 9px;
  color: #a1a8ac;
  content: "›";
  font-size: 1.25rem;
  line-height: 1;
}
.lsm-breadcrumb .breadcrumb-item a {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  align-items: center;
  color: #5f6870;
  text-decoration: none;
  text-overflow: ellipsis;
  text-underline-offset: 3px;
  transition: color 160ms ease;
}
.lsm-breadcrumb .breadcrumb-item a:hover {
  color: #1f2426;
  text-decoration: underline;
}
.lsm-breadcrumb .breadcrumb-item a:focus-visible {
  border-radius: 5px;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}
.lsm-breadcrumb .breadcrumb-item.active {
  overflow: hidden;
  color: #1f2426;
  font-weight: 600;
  text-overflow: ellipsis;
}
.lsm-breadcrumb .breadcrumb-item.active a {
  color: inherit;
  font-weight: inherit;
}

.lsm-breadcrumb__home-link {
  gap: 8px;
  font-weight: 500;
}

.lsm-breadcrumb__home-icon {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #5f6870;
  background-color: #eef0f2;
  border-radius: 50%;
}

.lsm-breadcrumb__home-label {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
  .lsm-breadcrumb-row {
    margin-bottom: 10px;
  }

  .lsm-breadcrumb .breadcrumb {
    min-height: 38px;
    padding: 2px 0;
  }
  .lsm-breadcrumb .breadcrumb-item {
    display: none;
  }
  .lsm-breadcrumb .breadcrumb-item:nth-last-child(2) {
    display: inline-flex;
    overflow: hidden;
    color: #1f2426;
    font-weight: 600;
    text-overflow: ellipsis;
  }
  .lsm-breadcrumb .breadcrumb-item:nth-last-child(2)::before {
    padding: 0 8px 0 0;
    color: #5f6870;
    content: "‹";
    font-size: 1.5rem;
  }
  .lsm-breadcrumb .breadcrumb-item:nth-last-child(2):first-child::before {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lsm-breadcrumb .breadcrumb-item a {
    transition: none;
  }
}
.red-link {
  color: #db0007 !important;
  font-weight: 700;
  display: flex;
}
@media (max-width: 575.99px) {
  .red-link {
    display: inline;
    font-size: 12px;
  }
  .red-link > :first-child {
    display: none;
  }
  .red-link img {
    width: 15px;
  }
  .red-link i {
    font-size: 12px;
  }
}

.btn-red {
  background-color: #db0007 !important;
  color: #ffffff !important;
  border-color: #db0007 !important;
}
.btn-red:hover, .btn-red:focus {
  background-color: #b50006 !important;
  border-color: #b50006 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13), 0 7px 16px rgba(219, 0, 7, 0.16) !important;
}

.btn-yellow {
  background-color: #fab421 !important;
  color: #332400 !important;
  border-color: #fab421 !important;
}
.btn-yellow:hover, .btn-yellow:focus {
  background-color: #e3a00f !important;
  border-color: #e3a00f !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13), 0 7px 16px rgba(250, 180, 33, 0.18) !important;
}

.btn-green {
  background-color: #264f36 !important;
  color: #ffffff !important;
  border-color: #264f36 !important;
}
.btn-green:hover, .btn-green:focus {
  background-color: #173b25 !important;
  border-color: #173b25 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13), 0 7px 16px rgba(38, 79, 54, 0.18) !important;
}

.lsm-flash {
  --lsm-flash-color: #15657a;
  --lsm-flash-soft-color: #eef8fb;
  --lsm-flash-border-color: #b9dfe8;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  align-items: start;
  gap: 12px;
  padding: 14px 14px 14px 16px;
  color: #334247;
  background: linear-gradient(135deg, #ffffff 50%, var(--lsm-flash-soft-color) 150%);
  border: 1px solid var(--lsm-flash-border-color);
  border-left: 4px solid var(--lsm-flash-color);
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  font-size: 0.875rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.lsm-flash span {
  max-width: none;
}
.lsm-flash a {
  color: var(--lsm-flash-color);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.lsm-flash.alert-success, .lsm-flash.success {
  --lsm-flash-color: #2e7d4f;
  --lsm-flash-soft-color: #e7f2eb;
  --lsm-flash-border-color: #c4dfce;
}
.lsm-flash.alert-danger, .lsm-flash.danger, .lsm-flash.error {
  --lsm-flash-color: #b50006;
  --lsm-flash-soft-color: #fde9ea;
  --lsm-flash-border-color: #efc3c5;
}
.lsm-flash.alert-warning, .lsm-flash.warning {
  --lsm-flash-color: #9a5900;
  --lsm-flash-soft-color: #fff1dd;
  --lsm-flash-border-color: #efd4ae;
}
.lsm-flash.alert-info, .lsm-flash.info {
  --lsm-flash-color: #15657a;
  --lsm-flash-soft-color: #eef8fb;
  --lsm-flash-border-color: #b9dfe8;
}
.lsm-flash.alert-success, .lsm-flash.alert-danger, .lsm-flash.alert-warning, .lsm-flash.alert-info {
  color: #334247;
  background: linear-gradient(135deg, #ffffff 50%, var(--lsm-flash-soft-color) 150%);
  border-color: var(--lsm-flash-border-color);
  border-left-color: var(--lsm-flash-color);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}
.lsm-flash.alert-success a, .lsm-flash.alert-danger a, .lsm-flash.alert-warning a, .lsm-flash.alert-info a {
  color: var(--lsm-flash-color);
}

.lsm-flash > .lsm-flash__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--lsm-flash-color);
  background-color: var(--lsm-flash-soft-color);
  border-radius: 50%;
}
.lsm-flash > .lsm-flash__icon > .material-icons {
  color: inherit;
  font-size: 22px;
}

.lsm-flash__content {
  min-width: 0;
  padding-top: 9px;
}
.lsm-flash__content > :last-child {
  margin-bottom: 0;
}

.lsm-flash__close.close {
  display: inline-flex;
  float: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 5px 0 0;
  color: #5f6870;
  background-color: rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  opacity: 1;
  transition: color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}
.lsm-flash__close.close .material-icons {
  color: inherit;
  font-size: 18px;
}
.lsm-flash__close.close:hover, .lsm-flash__close.close:focus {
  color: var(--lsm-flash-color);
  background-color: var(--lsm-flash-soft-color);
  opacity: 1;
}
.lsm-flash__close.close:focus-visible {
  outline: 2px solid var(--lsm-flash-color);
  outline-offset: 2px;
}

@media (max-width: 575.98px) {
  .lsm-flash {
    grid-template-columns: 36px minmax(0, 1fr) 30px;
    gap: 10px;
    padding: 12px;
  }

  .lsm-flash > .lsm-flash__icon {
    width: 36px;
    height: 36px;
  }
  .lsm-flash > .lsm-flash__icon > .material-icons {
    font-size: 20px;
  }

  .lsm-flash__content {
    padding-top: 6px;
  }

  .lsm-flash__close.close {
    width: 30px;
    height: 30px;
    margin-top: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lsm-flash__close.close {
    transition: none;
  }
}
.my-restaurants-search {
  margin-bottom: 12px;
}

.my-restaurants-search-field {
  position: relative;
}
.my-restaurants-search-field .material-icons {
  position: absolute;
  top: 50%;
  left: 14px;
  z-index: 1;
  color: #737b7f;
  font-size: 22px;
  transform: translateY(-50%);
}
.my-restaurants-search-field .form-control {
  height: 46px;
  padding-left: 46px;
  margin-bottom: 0;
  background-image: none;
  border: 1px solid #dfe3e5;
  border-radius: 8px;
}

.my-restaurants-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.my-restaurants-empty-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 20px;
  color: #737b7f;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  font-size: 0.9rem;
}
.my-restaurants-empty-search[hidden] {
  display: none;
}
.my-restaurants-empty-search .material-icons {
  color: #8a9296;
  font-size: 24px;
}

.my-restaurant-card {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}
.my-restaurant-card[hidden] {
  display: none;
}

.my-restaurant-summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 32px;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 14px 16px;
  color: #2f3538;
  background-color: #ffffff;
  border: 0;
  cursor: pointer;
  text-align: left;
  transition: background-color 160ms ease, grid-template-columns 220ms ease, padding 220ms ease;
}
.my-restaurant-summary:hover, .my-restaurant-summary:focus {
  background-color: #fafafa;
  outline: 0;
}

.my-restaurant-summary-icon,
.my-restaurant-summary-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.my-restaurant-summary-icon {
  width: 42px;
  height: 42px;
  color: #db0007;
  background-color: #fde9ea;
  border-radius: 50%;
  transition: width 220ms ease, height 220ms ease;
}
.my-restaurant-summary-icon .material-icons {
  font-size: 22px;
  transition: font-size 220ms ease;
}

.my-restaurant-summary-main {
  min-width: 0;
}

.my-restaurant-summary-name,
.my-restaurant-summary-id {
  display: block;
}

.my-restaurant-summary-name {
  color: #2f3538;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
  transition: font-size 220ms ease;
}

.my-restaurant-summary-id {
  margin-top: 3px;
  color: #737b7f;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
}

.my-restaurant-summary-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: font-size 220ms ease, min-width 220ms ease, padding 220ms ease;
}
.my-restaurant-summary-status .material-icons {
  font-size: 17px;
  transition: font-size 220ms ease;
}

.my-restaurant-summary-status-open {
  color: #2e7d4f;
  background-color: #e7f2eb;
}

.my-restaurant-summary-status-closed {
  color: #db0007;
  background-color: #fde9ea;
}

.my-restaurant-summary-status-emergency {
  color: #9a5900;
  background-color: #fff1dd;
}

.my-restaurant-summary-status-invisible {
  color: #5f6870;
  background-color: #eef0f2;
}

.my-restaurant-summary-chevron {
  color: #737b7f;
  transition: transform 160ms ease;
}
.my-restaurant-summary-chevron .material-icons {
  font-size: 28px;
}

.my-restaurant-card.is-expanded {
  border-color: #d3d9dc;
}
.my-restaurant-card.is-expanded .my-restaurant-summary {
  grid-template-columns: 52px minmax(0, 1fr) auto 32px;
  padding: 18px 20px;
  background-color: #fffdfb;
  border-bottom: 1px solid #edf0f1;
}
.my-restaurant-card.is-expanded .my-restaurant-summary-icon {
  width: 52px;
  height: 52px;
}
.my-restaurant-card.is-expanded .my-restaurant-summary-icon .material-icons {
  font-size: 26px;
}
.my-restaurant-card.is-expanded .my-restaurant-summary-name {
  font-size: 1.35rem;
}
.my-restaurant-card.is-expanded .my-restaurant-summary-status {
  min-width: 132px;
  padding: 10px 13px;
  font-size: 0.9rem;
}
.my-restaurant-card.is-expanded .my-restaurant-summary-status .material-icons {
  font-size: 20px;
}
.my-restaurant-card.is-expanded .my-restaurant-summary-chevron {
  transform: rotate(180deg);
}

.my-restaurant-detail {
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;
  opacity: 0;
  transition: max-height 280ms ease, opacity 200ms ease, padding 280ms ease;
}
.my-restaurant-detail[hidden] {
  display: none;
}

.my-restaurant-card.is-expanded .my-restaurant-detail {
  max-height: 5000px;
  padding: 18px;
  opacity: 1;
}

.my-restaurant-status-detail {
  --my-restaurant-status-detail-color: #5f6870;
  --my-restaurant-status-detail-soft-color: #f6f7f8;
  padding: 13px 16px;
  color: #4f575b;
  background-color: var(--my-restaurant-status-detail-soft-color);
  border: 1px solid #e3e6e8;
  border-left: 5px solid var(--my-restaurant-status-detail-color);
  border-radius: 8px;
}

.my-restaurant-status-detail-open {
  --my-restaurant-status-detail-color: #2e7d4f;
  --my-restaurant-status-detail-soft-color: #f5faf7;
}

.my-restaurant-status-detail-closed {
  --my-restaurant-status-detail-color: #db0007;
  --my-restaurant-status-detail-soft-color: #fff7f7;
}

.my-restaurant-status-detail-emergency {
  --my-restaurant-status-detail-color: #d87800;
  --my-restaurant-status-detail-soft-color: #fffaf2;
}

.my-restaurant-status-detail-invisible {
  --my-restaurant-status-detail-color: #5f6870;
  --my-restaurant-status-detail-soft-color: #f6f7f8;
}

.my-restaurant-status-description {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

.restaurant-identity {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 84px;
  padding: 15px 17px;
  background: linear-gradient(135deg, #ffffff 55%, #fff5f5 145%);
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.restaurant-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  align-items: stretch;
  gap: 16px;
}
.restaurant-overview-grid .restaurant-identity,
.restaurant-overview-grid .restaurant-status-card {
  height: 100%;
}

.restaurant-identity-icon {
  display: inline-flex;
  flex: 0 0 52px;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  color: #ffffff;
  background-color: #db0007;
  border: 6px solid #fde9ea;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(219, 0, 7, 0.2);
}
.restaurant-identity-icon .material-icons {
  font-size: 25px;
}

.restaurant-identity-content {
  min-width: 0;
}
.restaurant-identity-content h2 {
  margin: 4px 0 0;
  color: #2f3538;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.restaurant-identity-id {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  color: #815100;
  background-color: #fff1c7;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
}
.restaurant-identity-id .material-icons {
  font-size: 14px;
}

.restaurant-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.restaurant-action-card {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 9px 11px;
  gap: 9px;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 10px;
  color: #2f3538 !important;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.restaurant-action-card:hover, .restaurant-action-card:focus {
  color: #1f2426 !important;
  text-decoration: none;
  border-color: #bcc4c8;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.13);
  transform: translateY(-2px);
}

.restaurant-action-icon {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.restaurant-action-icon .material-icons {
  font-size: 18px;
}

.restaurant-action-card-edit .restaurant-action-icon {
  color: #5f6870;
  background-color: #eef0f2;
}

.restaurant-action-card-regular .restaurant-action-icon {
  color: #1976d2;
  background-color: #e8f3fc;
}

.restaurant-action-card-extraordinary .restaurant-action-icon {
  color: #d87800;
  background-color: #fff1dd;
}

.restaurant-action-card-emergency .restaurant-action-icon {
  color: #db0007;
  background-color: #fde9ea;
}

.restaurant-action-card-open .restaurant-action-icon {
  color: #264f36;
  background-color: #e7f2eb;
}

.my-restaurant-hours-grid {
  display: grid;
  gap: 14px;
}

.my-restaurant-hours-section {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.my-restaurant-hours-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px;
  padding: 16px 18px;
  background-color: #fbfcfc;
  border-bottom: 1px solid #e8ebed;
}
.my-restaurant-hours-header h5 {
  margin: 0;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.my-restaurant-hours-header-title {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.my-restaurant-google-sync {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  margin: 0 0 0 auto;
  color: #ffffff;
  background-color: #1976d2;
  text-transform: none;
}
.my-restaurant-google-sync .material-icons {
  font-size: 18px;
}
.my-restaurant-google-sync:hover, .my-restaurant-google-sync:focus {
  color: #ffffff;
  background-color: #145ea8;
}
.my-restaurant-google-sync.is-disabled, .my-restaurant-google-sync.is-disabled:hover, .my-restaurant-google-sync.is-disabled:focus {
  color: #70787c;
  background-color: #e1e5e7;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.my-restaurant-hours-icon {
  display: inline-flex;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.my-restaurant-hours-icon .material-icons {
  font-size: 21px;
}

.my-restaurant-hours-icon-regular {
  color: #1976d2;
  background-color: #e8f3fc;
}

.my-restaurant-hours-icon-extraordinary {
  color: #d87800;
  background-color: #fff1dd;
}

.lsm-data-table-scroll {
  overflow-x: auto;
}

.lsm-data-table-surface {
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.lsm-data-table {
  --lsm-data-table-header-bg: linear-gradient(180deg, #ffffff 0%, #f2f3f4 100%);
  --lsm-data-table-header-border: #d8dde0;
  --lsm-data-table-header-color: #24282a;
  --lsm-data-table-row-hover-bg: #f4f5f6;
  --lsm-data-table-row-stripe-bg: #fbfbfb;
  width: 100%;
  margin-bottom: 0;
  color: #40474a;
  background-color: #ffffff;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.82rem;
}
.lsm-data-table th,
.lsm-data-table td {
  border-color: #edf0f1;
  vertical-align: middle;
}
.lsm-data-table tbody tr {
  transition: background-color 140ms ease;
}
.lsm-data-table tbody tr:nth-child(even) th,
.lsm-data-table tbody tr:nth-child(even) td {
  background-color: var(--lsm-data-table-row-stripe-bg);
}
.lsm-data-table tbody tr:hover th,
.lsm-data-table tbody tr:hover td {
  background-color: var(--lsm-data-table-row-hover-bg);
}
.lsm-data-table tbody td,
.lsm-data-table tbody th {
  padding: 13px 16px;
  border-top: 1px solid #edf0f1;
}
.lsm-data-table tbody th {
  color: #303639;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.lsm-data-table tbody td {
  color: #40474a;
}

.table.lsm-data-table > thead > tr > th {
  padding: 10px 16px 13px;
  color: var(--lsm-data-table-header-color);
  background: var(--lsm-data-table-header-bg);
  border-top: 3px solid #303639;
  border-bottom: 1px solid var(--lsm-data-table-header-border);
  box-shadow: inset 0 -1px 0 #eef0f1, inset 0 1px 0 rgba(255, 255, 255, 0.75);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
}

.table.lsm-data-table > thead > tr > th + th {
  border-left: 1px solid #e5e8ea;
}

.lsm-data-table__primary {
  color: #303639 !important;
  font-weight: 700;
}

.lsm-data-table__muted,
.lsm-data-table__date {
  color: #626b6f !important;
}

.lsm-data-table__date {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.lsm-data-table__status,
.lsm-data-table__actions,
.lsm-data-table__actions-heading {
  white-space: nowrap;
}

.lsm-data-table__status-badge.badge {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.1;
}

.lsm-data-table__actions,
.table.lsm-data-table > thead > tr > .lsm-data-table__actions-heading {
  width: 1%;
  text-align: right;
}

.lsm-data-table__action.btn {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  margin: 0;
  border-radius: 999px;
  font-size: 0.72rem;
  line-height: 1;
}
.lsm-data-table__action.btn .material-icons {
  font-size: 16px;
}

.lsm-data-table__empty {
  padding: 30px 16px !important;
  color: #737b7f !important;
  text-align: center;
}
.lsm-data-table__empty .material-icons,
.lsm-data-table__empty span {
  display: block;
}
.lsm-data-table__empty .material-icons {
  margin-bottom: 6px;
  color: #a5adb1;
  font-size: 30px;
}

.lsm-data-table--hours {
  min-width: 760px;
  text-align: center;
}
.lsm-data-table--hours thead th:first-child,
.lsm-data-table--hours tbody th {
  min-width: 7rem;
  text-align: left;
}

.lsm-data-table--orders {
  min-width: 720px;
}

.lsm-pagination,
.my-orders-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  padding: 18px;
  border-top: 1px solid #edf0f1;
}

.lsm-pagination__link.btn,
.my-orders-pagination__link.btn {
  display: inline-flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 7px 10px;
  border-radius: 50%;
}
.lsm-pagination__link.btn:focus-visible,
.my-orders-pagination__link.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.lsm-pagination__ellipsis {
  display: inline-flex;
  min-width: 24px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  color: #737b7f;
}

.lsm-pagination__jump {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-left: 8px;
}

html.lsm-pagination-js .lsm-pagination__jump {
  display: inline-flex;
}

.lsm-pagination__jump-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}

.lsm-pagination__jump-input {
  width: 58px;
  height: 36px;
  padding: 5px 7px;
  border: 1px solid #cbd1d4;
  border-radius: 6px;
  background: #fff;
  text-align: center;
}
.lsm-pagination__jump-input:focus-visible {
  border-color: #db0007;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.lsm-pagination__go.btn {
  min-height: 36px;
  margin: 0;
  padding: 7px 12px;
}

@media (max-width: 575.98px) {
  .lsm-pagination__jump {
    flex-basis: 100%;
    margin-left: 0;
  }
}
.my-restaurant-hours-empty-value {
  display: inline-flex;
  min-width: 22px;
  justify-content: center;
  color: #9aa1a5;
}

.my-restaurant-hours-empty {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 16px 18px;
  color: #7b8387;
  background-color: #ffffff;
  font-size: 0.875rem;
}
.my-restaurant-hours-empty .material-icons {
  color: #d87800;
  font-size: 22px;
}

.restaurant-holiday-card {
  --restaurant-holiday-color: #5f6870;
  --restaurant-holiday-soft-color: #eef0f2;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: center;
  gap: 14px;
  padding: 17px 18px 17px 21px;
  background: linear-gradient(135deg, #ffffff 45%, var(--restaurant-holiday-soft-color) 150%);
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}
.restaurant-holiday-card::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  content: "";
  background-color: var(--restaurant-holiday-color);
}

.restaurant-holiday-card-required {
  --restaurant-holiday-color: #db0007;
  --restaurant-holiday-soft-color: #fde9ea;
}

.restaurant-holiday-card-pending {
  --restaurant-holiday-color: #b36c00;
  --restaurant-holiday-soft-color: #fff1d3;
}

.restaurant-holiday-card-approved {
  --restaurant-holiday-color: #2e7d4f;
  --restaurant-holiday-soft-color: #e7f2eb;
}

.restaurant-holiday-icon {
  display: inline-flex;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: var(--restaurant-holiday-color);
  background-color: var(--restaurant-holiday-soft-color);
  border-radius: 50%;
}
.restaurant-holiday-icon .material-icons {
  font-size: 24px;
}

.restaurant-holiday-content {
  flex: 1 1 auto;
  min-width: 0;
}

.restaurant-holiday-eyebrow {
  color: var(--restaurant-holiday-color);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
}

.restaurant-holiday-title {
  margin-top: 2px;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.restaurant-holiday-description {
  margin-top: 4px;
  color: #5f676b;
  font-size: 0.82rem;
  line-height: 1.4;
}

.restaurant-holiday-action {
  flex: 0 0 auto;
  color: var(--restaurant-holiday-color) !important;
  background-color: #ffffff !important;
  border: 1px solid var(--restaurant-holiday-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
.restaurant-holiday-action:hover, .restaurant-holiday-action:focus {
  color: #ffffff !important;
  background-color: var(--restaurant-holiday-color) !important;
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.18) !important;
}

.restaurant-holiday-card-required .restaurant-holiday-action {
  color: #ffffff !important;
  background-color: var(--restaurant-holiday-color) !important;
}
.restaurant-holiday-card-required .restaurant-holiday-action:hover, .restaurant-holiday-card-required .restaurant-holiday-action:focus {
  background-color: #b50006 !important;
}

.restaurant-status-card {
  --restaurant-status-color: #5f6870;
  --restaurant-status-soft-color: #eef0f2;
  position: relative;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  background: linear-gradient(145deg, #ffffff 45%, var(--restaurant-status-soft-color) 140%);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}
.restaurant-status-card::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  content: "";
  background-color: var(--restaurant-status-color);
}

.restaurant-status-card-open {
  --restaurant-status-color: #2e7d4f;
  --restaurant-status-soft-color: #e7f2eb;
}

.restaurant-status-card-closed {
  --restaurant-status-color: #db0007;
  --restaurant-status-soft-color: #fde9ea;
}

.restaurant-status-card-emergency {
  --restaurant-status-color: #d87800;
  --restaurant-status-soft-color: #fff1dd;
}

.restaurant-status-header {
  display: flex;
  align-items: center;
  gap: 13px;
}

.restaurant-status-icon {
  display: inline-flex;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: var(--restaurant-status-color);
  background-color: var(--restaurant-status-soft-color);
  border-radius: 50%;
}
.restaurant-status-icon .material-icons {
  font-size: 26px;
}

.restaurant-status-eyebrow {
  color: #727a7e;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.restaurant-status-value {
  margin-top: 3px;
  color: var(--restaurant-status-color);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
}

.restaurant-status-description {
  margin: 16px 0 0;
  color: #5f676b;
  font-size: 0.875rem;
  line-height: 1.5;
}

.restaurant-status-details {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.restaurant-status-details-title {
  color: #5f676b;
  font-size: 0.75rem;
  font-weight: 700;
}

.restaurant-status-chip {
  display: inline-block;
  padding: 5px 9px;
  color: #6b3d00;
  background-color: #ffe4bd;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.restaurant-info-card {
  --restaurant-info-color: #51616b;
  --restaurant-info-soft-color: #edf1f3;
  min-height: 100%;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.restaurant-info-card-basic {
  --restaurant-info-color: #1976d2;
  --restaurant-info-soft-color: #e8f3fc;
}

.restaurant-info-card-consultants {
  --restaurant-info-color: #7757a8;
  --restaurant-info-soft-color: #f0eafa;
}

.restaurant-info-card-header {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-bottom: 15px;
  border-bottom: 1px solid #edf0f1;
}
.restaurant-info-card-header h5 {
  margin: 0;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.restaurant-info-card-icon {
  display: inline-flex;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: var(--restaurant-info-color);
  background-color: var(--restaurant-info-soft-color);
  border-radius: 50%;
}
.restaurant-info-card-icon .material-icons {
  font-size: 21px;
}

.restaurant-info-list {
  margin-top: 4px;
}

.restaurant-info-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f2f3;
}
.restaurant-info-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.restaurant-info-row strong {
  max-width: 64%;
  color: #333a3d;
  font-size: 0.82rem;
  font-weight: 600;
  text-align: right;
  overflow-wrap: anywhere;
}

.restaurant-info-label {
  color: #737b7f;
  font-size: 0.75rem;
  font-weight: 600;
}

.restaurant-consultant-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 15px;
}

.restaurant-consultant {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  color: #413653;
  background-color: #faf8fd;
  border: 1px solid #e8e0f3;
  border-radius: 9px;
  font-size: 0.875rem;
}

.restaurant-consultant-icon {
  display: inline-flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #7757a8;
  background-color: #f0eafa;
  border-radius: 50%;
}
.restaurant-consultant-icon .material-icons {
  font-size: 18px;
}

.restaurant-info-empty {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
  padding: 14px;
  color: #7b8387;
  background-color: #f7f8f8;
  border-radius: 9px;
  font-size: 0.875rem;
}
.restaurant-info-empty .material-icons {
  font-size: 21px;
}

.restaurant-orders-history {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.restaurant-orders-history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 20px;
  border-bottom: 1px solid #e8ebed;
}
.restaurant-orders-history-header h5 {
  margin: 0;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
}

.restaurant-orders-history-icon {
  display: inline-flex;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-right: 11px;
  color: #b56a00;
  background-color: #fff1dd;
  border-radius: 50%;
}
.restaurant-orders-history-icon .material-icons {
  font-size: 21px;
}

.restaurant-orders-history-count {
  padding: 6px 11px;
  color: #78501b;
  background-color: #fff6e8;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.restaurant-orders-history-count strong {
  margin-left: 3px;
  color: #9a5900;
  font-size: 0.875rem;
}

.restaurant-order-number {
  display: inline-block;
  padding: 5px 9px;
  color: #9a5900;
  background-color: #fff1dd;
  border-radius: 7px;
  font-weight: 700;
}

.restaurant-order-date {
  color: #626b6f;
  white-space: nowrap;
}

.restaurant-order-user {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.restaurant-order-user .material-icons {
  color: #8a9296;
  font-size: 18px;
}

.restaurant-order-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.restaurant-order-items li {
  position: relative;
  padding-left: 13px;
}
.restaurant-order-items li::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 5px;
  height: 5px;
  content: "";
  background-color: #d18a28;
  border-radius: 50%;
}
.restaurant-order-items li + li {
  margin-top: 5px;
}

.restaurant-orders-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 24px;
  color: #7b8387;
  font-size: 0.875rem;
  text-align: center;
}

.restaurant-orders-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  color: #9a5900;
  background-color: #fff1dd;
  border-radius: 50%;
}
.restaurant-orders-empty-icon .material-icons {
  font-size: 25px;
}

@media (max-width: 575.98px) {
  .my-restaurant-summary {
    grid-template-columns: 38px minmax(0, 1fr) 28px;
  }

  .my-restaurant-card.is-expanded .my-restaurant-summary {
    grid-template-columns: 44px minmax(0, 1fr) 28px;
    padding: 16px;
  }

  .my-restaurant-summary-status {
    grid-column: 2/4;
    justify-self: flex-start;
    min-width: 0;
  }

  .my-restaurant-card.is-expanded .my-restaurant-summary-status {
    min-width: 0;
  }

  .my-restaurant-summary-icon {
    width: 38px;
    height: 38px;
  }

  .my-restaurant-card.is-expanded .my-restaurant-summary-icon {
    width: 44px;
    height: 44px;
  }

  .my-restaurant-card.is-expanded .my-restaurant-summary-name {
    font-size: 1.15rem;
  }

  .my-restaurant-detail {
    padding-right: 14px;
    padding-left: 14px;
  }

  .my-restaurant-card.is-expanded .my-restaurant-detail {
    padding: 14px;
  }

  .restaurant-orders-history-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .my-restaurant-hours-header {
    align-items: stretch;
    flex-direction: column;
  }

  .my-restaurant-google-sync {
    justify-content: center;
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .restaurant-overview-grid {
    grid-template-columns: 1fr;
  }

  .restaurant-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .restaurant-action-grid {
    grid-template-columns: 1fr;
  }

  .restaurant-holiday-card {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .restaurant-holiday-action {
    width: 100%;
  }
}
.lsm-form,
.lsm-form-surface {
  --lsm-form-accent: #db0007;
  --lsm-form-accent-soft: #fde9ea;
  --lsm-form-border: #dfe3e5;
  --lsm-form-border-strong: #b9c0c4;
  --lsm-form-focus: rgb(219 0 7 / 22%);
  --lsm-form-muted: #687277;
  --lsm-form-surface: #ffffff;
  --lsm-form-surface-muted: #f7f8f8;
  --lsm-form-error: #b50006;
  --lsm-form-success: #2e7d4f;
}
.lsm-form .form-group,
.lsm-form-surface .form-group {
  position: relative;
  margin-bottom: 1.25rem;
}
.lsm-form .form-group > label,
.lsm-form-surface .form-group > label {
  display: inline-block;
  margin-bottom: 7px;
  color: #3f474b;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
}
.lsm-form label.required::after,
.lsm-form-surface label.required::after {
  position: static;
  display: inline;
  content: "*";
  margin-left: 0.22rem;
  color: var(--lsm-form-error);
}
.lsm-form .form-group.bmd-form-group > .bmd-label-static,
.lsm-form .form-group.bmd-form-group > .bmd-label-floating,
.lsm-form-surface .form-group.bmd-form-group > .bmd-label-static,
.lsm-form-surface .form-group.bmd-form-group > .bmd-label-floating {
  position: static;
  top: auto;
  left: auto;
  display: inline-block;
  margin: 0 0 7px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  pointer-events: auto;
  transform: none;
  transition: color 140ms ease;
  will-change: auto;
}
.lsm-form .form-group.bmd-form-group:not(.has-success):not(.has-danger) > .bmd-label-static,
.lsm-form .form-group.bmd-form-group:not(.has-success):not(.has-danger) > .bmd-label-floating,
.lsm-form-surface .form-group.bmd-form-group:not(.has-success):not(.has-danger) > .bmd-label-static,
.lsm-form-surface .form-group.bmd-form-group:not(.has-success):not(.has-danger) > .bmd-label-floating {
  color: #3f474b;
}
.lsm-form .form-group.bmd-form-group.is-focused > .bmd-label-static,
.lsm-form .form-group.bmd-form-group.is-focused > .bmd-label-floating,
.lsm-form-surface .form-group.bmd-form-group.is-focused > .bmd-label-static,
.lsm-form-surface .form-group.bmd-form-group.is-focused > .bmd-label-floating {
  top: auto;
  left: auto;
  color: var(--lsm-form-accent);
  font-size: 0.82rem;
}
.lsm-form .form-control,
.lsm-form input[type=text]:not(.form-control),
.lsm-form input[type=email]:not(.form-control),
.lsm-form input[type=password]:not(.form-control),
.lsm-form input[type=number]:not(.form-control),
.lsm-form input[type=tel]:not(.form-control),
.lsm-form input[type=search]:not(.form-control),
.lsm-form input[type=date]:not(.form-control),
.lsm-form input[type=time]:not(.form-control),
.lsm-form textarea:not(.form-control),
.lsm-form select.form-control,
.lsm-form-surface .form-control,
.lsm-form-surface input[type=text]:not(.form-control),
.lsm-form-surface input[type=email]:not(.form-control),
.lsm-form-surface input[type=password]:not(.form-control),
.lsm-form-surface input[type=number]:not(.form-control),
.lsm-form-surface input[type=tel]:not(.form-control),
.lsm-form-surface input[type=search]:not(.form-control),
.lsm-form-surface input[type=date]:not(.form-control),
.lsm-form-surface input[type=time]:not(.form-control),
.lsm-form-surface textarea:not(.form-control),
.lsm-form-surface select.form-control {
  min-height: 46px;
  padding: 10px 12px;
  color: #303639;
  background-color: var(--lsm-form-surface);
  background-image: none;
  border: 1px solid var(--lsm-form-border);
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.9rem;
  line-height: 1.4;
  transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}
.lsm-form .form-control:hover:not(:disabled):not([readonly]),
.lsm-form input[type=text]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=email]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=password]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=number]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=tel]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=search]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=date]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form input[type=time]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form textarea:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form select.form-control:hover:not(:disabled):not([readonly]),
.lsm-form-surface .form-control:hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=text]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=email]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=password]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=number]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=tel]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=search]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=date]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface input[type=time]:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface textarea:not(.form-control):hover:not(:disabled):not([readonly]),
.lsm-form-surface select.form-control:hover:not(:disabled):not([readonly]) {
  border-color: var(--lsm-form-border-strong);
}
.lsm-form .form-control:focus, .lsm-form .form-control:focus-visible,
.lsm-form input[type=text]:not(.form-control):focus,
.lsm-form input[type=text]:not(.form-control):focus-visible,
.lsm-form input[type=email]:not(.form-control):focus,
.lsm-form input[type=email]:not(.form-control):focus-visible,
.lsm-form input[type=password]:not(.form-control):focus,
.lsm-form input[type=password]:not(.form-control):focus-visible,
.lsm-form input[type=number]:not(.form-control):focus,
.lsm-form input[type=number]:not(.form-control):focus-visible,
.lsm-form input[type=tel]:not(.form-control):focus,
.lsm-form input[type=tel]:not(.form-control):focus-visible,
.lsm-form input[type=search]:not(.form-control):focus,
.lsm-form input[type=search]:not(.form-control):focus-visible,
.lsm-form input[type=date]:not(.form-control):focus,
.lsm-form input[type=date]:not(.form-control):focus-visible,
.lsm-form input[type=time]:not(.form-control):focus,
.lsm-form input[type=time]:not(.form-control):focus-visible,
.lsm-form textarea:not(.form-control):focus,
.lsm-form textarea:not(.form-control):focus-visible,
.lsm-form select.form-control:focus,
.lsm-form select.form-control:focus-visible,
.lsm-form-surface .form-control:focus,
.lsm-form-surface .form-control:focus-visible,
.lsm-form-surface input[type=text]:not(.form-control):focus,
.lsm-form-surface input[type=text]:not(.form-control):focus-visible,
.lsm-form-surface input[type=email]:not(.form-control):focus,
.lsm-form-surface input[type=email]:not(.form-control):focus-visible,
.lsm-form-surface input[type=password]:not(.form-control):focus,
.lsm-form-surface input[type=password]:not(.form-control):focus-visible,
.lsm-form-surface input[type=number]:not(.form-control):focus,
.lsm-form-surface input[type=number]:not(.form-control):focus-visible,
.lsm-form-surface input[type=tel]:not(.form-control):focus,
.lsm-form-surface input[type=tel]:not(.form-control):focus-visible,
.lsm-form-surface input[type=search]:not(.form-control):focus,
.lsm-form-surface input[type=search]:not(.form-control):focus-visible,
.lsm-form-surface input[type=date]:not(.form-control):focus,
.lsm-form-surface input[type=date]:not(.form-control):focus-visible,
.lsm-form-surface input[type=time]:not(.form-control):focus,
.lsm-form-surface input[type=time]:not(.form-control):focus-visible,
.lsm-form-surface textarea:not(.form-control):focus,
.lsm-form-surface textarea:not(.form-control):focus-visible,
.lsm-form-surface select.form-control:focus,
.lsm-form-surface select.form-control:focus-visible {
  color: #303639;
  background-color: #ffffff;
  border-color: var(--lsm-form-accent);
  outline: 0;
  box-shadow: 0 0 0 3px var(--lsm-form-focus);
}
.lsm-form .form-control:disabled, .lsm-form .form-control[readonly],
.lsm-form input[type=text]:not(.form-control):disabled,
.lsm-form input[type=text]:not(.form-control)[readonly],
.lsm-form input[type=email]:not(.form-control):disabled,
.lsm-form input[type=email]:not(.form-control)[readonly],
.lsm-form input[type=password]:not(.form-control):disabled,
.lsm-form input[type=password]:not(.form-control)[readonly],
.lsm-form input[type=number]:not(.form-control):disabled,
.lsm-form input[type=number]:not(.form-control)[readonly],
.lsm-form input[type=tel]:not(.form-control):disabled,
.lsm-form input[type=tel]:not(.form-control)[readonly],
.lsm-form input[type=search]:not(.form-control):disabled,
.lsm-form input[type=search]:not(.form-control)[readonly],
.lsm-form input[type=date]:not(.form-control):disabled,
.lsm-form input[type=date]:not(.form-control)[readonly],
.lsm-form input[type=time]:not(.form-control):disabled,
.lsm-form input[type=time]:not(.form-control)[readonly],
.lsm-form textarea:not(.form-control):disabled,
.lsm-form textarea:not(.form-control)[readonly],
.lsm-form select.form-control:disabled,
.lsm-form select.form-control[readonly],
.lsm-form-surface .form-control:disabled,
.lsm-form-surface .form-control[readonly],
.lsm-form-surface input[type=text]:not(.form-control):disabled,
.lsm-form-surface input[type=text]:not(.form-control)[readonly],
.lsm-form-surface input[type=email]:not(.form-control):disabled,
.lsm-form-surface input[type=email]:not(.form-control)[readonly],
.lsm-form-surface input[type=password]:not(.form-control):disabled,
.lsm-form-surface input[type=password]:not(.form-control)[readonly],
.lsm-form-surface input[type=number]:not(.form-control):disabled,
.lsm-form-surface input[type=number]:not(.form-control)[readonly],
.lsm-form-surface input[type=tel]:not(.form-control):disabled,
.lsm-form-surface input[type=tel]:not(.form-control)[readonly],
.lsm-form-surface input[type=search]:not(.form-control):disabled,
.lsm-form-surface input[type=search]:not(.form-control)[readonly],
.lsm-form-surface input[type=date]:not(.form-control):disabled,
.lsm-form-surface input[type=date]:not(.form-control)[readonly],
.lsm-form-surface input[type=time]:not(.form-control):disabled,
.lsm-form-surface input[type=time]:not(.form-control)[readonly],
.lsm-form-surface textarea:not(.form-control):disabled,
.lsm-form-surface textarea:not(.form-control)[readonly],
.lsm-form-surface select.form-control:disabled,
.lsm-form-surface select.form-control[readonly] {
  color: #747d81;
  background-color: #eef0f1;
  border-color: #e1e4e5;
  cursor: not-allowed;
  opacity: 1;
}
.lsm-form textarea.form-control,
.lsm-form textarea:not(.form-control),
.lsm-form-surface textarea.form-control,
.lsm-form-surface textarea:not(.form-control) {
  min-height: 112px;
  resize: vertical;
}
.lsm-form .input-group,
.lsm-form-surface .input-group {
  align-items: stretch;
}
.lsm-form .input-group .form-control,
.lsm-form-surface .input-group .form-control {
  margin: 0;
}
.lsm-form .input-group .input-group-text,
.lsm-form-surface .input-group .input-group-text {
  min-height: 46px;
  color: #596267;
  background-color: #f2f4f4;
  border: 1px solid var(--lsm-form-border);
}
.lsm-form .bootstrap-select,
.lsm-form-surface .bootstrap-select {
  width: 100%;
}
.lsm-form .bootstrap-select.form-control,
.lsm-form-surface .bootstrap-select.form-control {
  height: auto;
  min-height: 0;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.lsm-form .bootstrap-select > .dropdown-toggle,
.lsm-form .bootstrap-select > .dropdown-toggle.btn-secondary,
.lsm-form-surface .bootstrap-select > .dropdown-toggle,
.lsm-form-surface .bootstrap-select > .dropdown-toggle.btn-secondary {
  min-height: 46px;
  padding: 10px 40px 10px 12px;
  color: #303639 !important;
  background: #ffffff !important;
  border: 1px solid var(--lsm-form-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 0.9rem;
  text-transform: none;
}
.lsm-form .bootstrap-select > .dropdown-toggle:hover,
.lsm-form .bootstrap-select > .dropdown-toggle.btn-secondary:hover,
.lsm-form-surface .bootstrap-select > .dropdown-toggle:hover,
.lsm-form-surface .bootstrap-select > .dropdown-toggle.btn-secondary:hover {
  border-color: var(--lsm-form-border-strong) !important;
}
.lsm-form .bootstrap-select > .dropdown-toggle:focus, .lsm-form .bootstrap-select > .dropdown-toggle:focus-visible,
.lsm-form .bootstrap-select > .dropdown-toggle.btn-secondary:focus,
.lsm-form .bootstrap-select > .dropdown-toggle.btn-secondary:focus-visible,
.lsm-form-surface .bootstrap-select > .dropdown-toggle:focus,
.lsm-form-surface .bootstrap-select > .dropdown-toggle:focus-visible,
.lsm-form-surface .bootstrap-select > .dropdown-toggle.btn-secondary:focus,
.lsm-form-surface .bootstrap-select > .dropdown-toggle.btn-secondary:focus-visible {
  border-color: var(--lsm-form-accent) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px var(--lsm-form-focus) !important;
}
.lsm-form .bootstrap-select.disabled > .dropdown-toggle,
.lsm-form .bootstrap-select > .dropdown-toggle:disabled,
.lsm-form-surface .bootstrap-select.disabled > .dropdown-toggle,
.lsm-form-surface .bootstrap-select > .dropdown-toggle:disabled {
  color: #747d81 !important;
  background: #eef0f1 !important;
  cursor: not-allowed;
  opacity: 1;
}
.lsm-form .bootstrap-select .dropdown-menu,
.lsm-form-surface .bootstrap-select .dropdown-menu {
  padding: 6px;
  border: 1px solid var(--lsm-form-border);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(35, 43, 47, 0.14);
}
.lsm-form .bootstrap-select .dropdown-item,
.lsm-form-surface .bootstrap-select .dropdown-item {
  padding: 8px 10px;
  border-radius: 6px;
}
.lsm-form .bootstrap-select .dropdown-item.active, .lsm-form .bootstrap-select .dropdown-item:active,
.lsm-form-surface .bootstrap-select .dropdown-item.active,
.lsm-form-surface .bootstrap-select .dropdown-item:active {
  color: #303639;
  background-color: var(--lsm-form-accent-soft);
}
.lsm-form .form-check,
.lsm-form-surface .form-check {
  margin: 0 0 10px;
  padding-top: 4px;
}
.lsm-form .form-check .form-check-label,
.lsm-form-surface .form-check .form-check-label {
  min-height: 24px;
  padding-left: 30px;
  color: #3f474b;
  font-size: 0.88rem;
  line-height: 1.55;
  cursor: pointer;
}
.lsm-form .form-check .form-check-input:focus-visible + .form-check-sign,
.lsm-form .form-check .form-check-input:focus-visible ~ .form-check-sign,
.lsm-form-surface .form-check .form-check-input:focus-visible + .form-check-sign,
.lsm-form-surface .form-check .form-check-input:focus-visible ~ .form-check-sign {
  outline: 3px solid var(--lsm-form-focus);
  outline-offset: 3px;
  border-radius: 3px;
}
.lsm-form .help-block,
.lsm-form .lsm-form-help,
.lsm-form-surface .help-block,
.lsm-form-surface .lsm-form-help {
  display: block;
  margin-top: 6px;
  color: var(--lsm-form-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}
.lsm-form .has-error .form-control,
.lsm-form .form-control.error,
.lsm-form [aria-invalid=true],
.lsm-form-surface .has-error .form-control,
.lsm-form-surface .form-control.error,
.lsm-form-surface [aria-invalid=true] {
  border-color: var(--lsm-form-error);
  box-shadow: 0 0 0 3px rgba(181, 0, 6, 0.12);
}
.lsm-form .is-filled:not(.has-error)::after,
.lsm-form .has-error::after,
.lsm-form-surface .is-filled:not(.has-error)::after,
.lsm-form-surface .has-error::after {
  position: absolute;
  top: 38px;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  transform: none;
}
.lsm-form .is-filled:not(.has-error) > .form-control:not(.bootstrap-select),
.lsm-form .has-error > .form-control:not(.bootstrap-select),
.lsm-form-surface .is-filled:not(.has-error) > .form-control:not(.bootstrap-select),
.lsm-form-surface .has-error > .form-control:not(.bootstrap-select) {
  padding-right: 42px;
}
.lsm-form .is-filled:not(.has-error)::after,
.lsm-form-surface .is-filled:not(.has-error)::after {
  content: "✓";
  color: var(--lsm-form-success);
  background-color: #eaf6ef;
  border-color: #b9ddc8;
}
.lsm-form .has-error::after,
.lsm-form-surface .has-error::after {
  content: "!";
  color: var(--lsm-form-error);
  background-color: #fff0f0;
  border-color: #efc3c5;
}
.lsm-form .has-error .bootstrap-select.form-control,
.lsm-form-surface .has-error .bootstrap-select.form-control {
  box-shadow: none;
}
.lsm-form .has-error .bootstrap-select > .dropdown-toggle,
.lsm-form-surface .has-error .bootstrap-select > .dropdown-toggle {
  border-color: var(--lsm-form-error) !important;
  box-shadow: 0 0 0 3px rgba(181, 0, 6, 0.12) !important;
}
.lsm-form .has-error .help-block,
.lsm-form .help-block.text-danger,
.lsm-form .errors,
.lsm-form-surface .has-error .help-block,
.lsm-form-surface .help-block.text-danger,
.lsm-form-surface .errors {
  color: var(--lsm-form-error) !important;
}
.lsm-form .errors,
.lsm-form-surface .errors {
  padding: 12px 14px 12px 34px;
  margin: 0 0 18px;
  background-color: #fff7f7;
  border: 1px solid #efc3c5;
  border-left: 4px solid var(--lsm-form-error);
  border-radius: 8px;
  font-size: 0.84rem;
}
.lsm-form .btn[type=submit],
.lsm-form button[type=submit],
.lsm-form input[type=submit],
.lsm-form-surface .btn[type=submit],
.lsm-form-surface button[type=submit],
.lsm-form-surface input[type=submit] {
  min-height: 42px;
}
.lsm-form .inputfile-label,
.lsm-form .filepond--drop-label,
.lsm-form-surface .inputfile-label,
.lsm-form-surface .filepond--drop-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border-radius: 8px;
}
.lsm-form .filepond--panel-root,
.lsm-form-surface .filepond--panel-root {
  background-color: #f4f6f6;
  border: 1px dashed var(--lsm-form-border-strong);
  border-radius: 10px;
}
.lsm-form .ck-editor__editable,
.lsm-form-surface .ck-editor__editable {
  min-height: 160px;
  border-color: var(--lsm-form-border) !important;
  border-radius: 0 0 8px 8px !important;
}
.lsm-form .ck-editor__editable.ck-focused,
.lsm-form-surface .ck-editor__editable.ck-focused {
  border-color: var(--lsm-form-accent) !important;
  box-shadow: 0 0 0 3px var(--lsm-form-focus) !important;
}

.lsm-form {
  width: 100%;
}

.restaurant-edit-page {
  min-width: 0;
  padding-bottom: 16px;
}

.restaurant-edit-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 0 20px;
  border-bottom: 1px solid #e5e8e9;
}

.restaurant-edit-header__title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}
.restaurant-edit-header__title h1 {
  margin: 0;
  color: #303639;
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  font-weight: 700;
  line-height: 1.2;
}
.restaurant-edit-header__title p {
  margin: 4px 0 0;
  color: #687277;
  font-size: 0.88rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.restaurant-edit-header__icon,
.restaurant-edit-identity__icon,
.restaurant-edit-section__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}

.restaurant-edit-header__icon {
  width: 46px;
  height: 46px;
}
.restaurant-edit-header__icon .material-icons {
  font-size: 23px;
}

.restaurant-edit-header__back {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 8px 14px;
  margin: 0;
  border-radius: 8px;
}
.restaurant-edit-header__back .material-icons {
  font-size: 18px;
}
.restaurant-edit-header__back:focus-visible {
  outline: 3px solid rgba(219, 0, 7, 0.22);
  outline-offset: 2px;
}

.restaurant-edit-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  margin: 20px 0 6px;
  background: linear-gradient(135deg, #f7f8f8 52%, #fde9ea 165%);
  border-left: 4px solid #db0007;
  border-radius: 0 10px 10px 0;
}

.restaurant-edit-identity__icon {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
}
.restaurant-edit-identity__icon .material-icons {
  font-size: 21px;
}

.restaurant-edit-identity__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.restaurant-edit-identity__content strong {
  color: #303639;
  font-size: 1rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.restaurant-edit-identity__content span {
  color: #687277;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.4;
}

.restaurant-edit-form {
  padding-top: 10px;
}

.restaurant-edit-sections {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.restaurant-edit-section {
  min-width: 0;
  padding: 24px 0 6px;
}

.restaurant-edit-section + .restaurant-edit-section {
  border-top: 1px solid #e5e8e9;
}

.restaurant-edit-section__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.restaurant-edit-section__header h2 {
  margin: 0;
  color: #303639;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
}

.restaurant-edit-section__icon {
  width: 36px;
  height: 36px;
}
.restaurant-edit-section__icon .material-icons {
  font-size: 19px;
}

.restaurant-edit-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
}
.restaurant-edit-fields .form-group {
  min-width: 0;
}

.restaurant-edit-field--wide {
  grid-column: 1/-1;
}

.restaurant-edit-services {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  margin-top: 4px;
  background-color: #f7f8f8;
  border-radius: 10px;
}

.restaurant-edit-service-group {
  min-width: 0;
}
.restaurant-edit-service-group h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #3f474b;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35;
}
.restaurant-edit-service-group h3 .material-icons {
  color: #a90005;
  font-size: 19px;
}

.restaurant-edit-service-options {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
}
.restaurant-edit-service-options .form-check {
  margin-bottom: 4px;
}

.restaurant-publication-notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  margin-bottom: 24px;
  color: #5e500e;
  background-color: #fff9df;
  border-left: 4px solid #d8ad1d;
  border-radius: 8px;
}

.restaurant-publication-notice__icon {
  display: inline-flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  height: 40px;
  color: #7c620b;
  background-color: #f6e9ad;
  border-radius: 50%;
}

.restaurant-publication-notice__content {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.restaurant-publication-notice__content h2 {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 700;
}
.restaurant-publication-notice__content p {
  margin-bottom: 8px;
}
.restaurant-publication-notice__content .btn {
  max-width: 100%;
  white-space: normal;
}

.restaurant-publication-notice__hint {
  font-size: 0.875rem;
  line-height: 1.5;
}

.restaurant-edit-pending-change {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 16px;
  color: #5e500e;
  background-color: #fff9df;
  border-left: 4px solid #d8ad1d;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}

.restaurant-edit-pending-change__icon {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #7c620b;
  background-color: #f6e9ad;
  border-radius: 50%;
}
.restaurant-edit-pending-change__icon .material-icons {
  position: static;
  margin: 0;
  color: inherit;
  font-size: 20px;
  line-height: 1;
}

.restaurant-edit-pending-change__text {
  min-width: 0;
  overflow-wrap: anywhere;
}

.restaurant-edit-form .restaurant-edit-form__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  margin: 10px 0 0;
  border-top: 1px solid #e5e8e9;
}

@media (min-width: 1200px) {
  .restaurant-edit-sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 32px;
  }

  .restaurant-edit-section + .restaurant-edit-section {
    padding-left: 32px;
    border-top: 0;
    border-left: 1px solid #e5e8e9;
  }

  .restaurant-edit-services {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
}
@media (max-width: 575.98px) {
  .restaurant-edit-header {
    align-items: flex-start;
    gap: 12px;
  }

  .restaurant-edit-header__icon {
    width: 40px;
    height: 40px;
  }

  .restaurant-edit-header__back {
    width: 40px;
    min-width: 40px;
    padding: 8px;
    justify-content: center;
  }
  .restaurant-edit-header__back span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .restaurant-edit-identity {
    padding: 15px 14px;
  }

  .restaurant-edit-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .restaurant-edit-field--wide {
    grid-column: auto;
  }

  .restaurant-edit-services {
    padding: 16px 14px;
  }

  .restaurant-edit-service-options {
    display: block;
  }

  .restaurant-edit-form .restaurant-edit-form__actions .btn,
.restaurant-edit-form .restaurant-edit-form__actions input[type=submit] {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.profile-edit-page {
  padding-bottom: 12px;
}

.profile-edit-page__content {
  flex: 0 0 100%;
  max-width: 760px;
}

.profile-edit-hero {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 16px;
  padding: 20px 0 22px;
  margin-bottom: 8px;
}
.profile-edit-hero::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, #db0007 0 72px, #e5e8e9 72px 100%);
}

.profile-edit-hero__icon,
.profile-edit-section__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}

.profile-edit-hero__icon {
  width: 52px;
  height: 52px;
}
.profile-edit-hero__icon .material-icons {
  font-size: 27px;
}

.profile-edit-hero__content {
  min-width: 0;
}

.profile-edit-hero__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #737b7f;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.3;
  text-transform: uppercase;
}

.profile-edit-hero__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.55rem, 4vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}

.profile-edit-hero__identity {
  margin: 5px 0 0;
  color: #687277;
  font-size: 0.9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.profile-edit-form {
  padding-top: 8px;
}

.profile-edit-form__errors {
  margin-top: 12px;
}

.profile-edit-section {
  padding: 22px 0 4px;
}

.profile-edit-section--password {
  margin-top: 6px;
  border-top: 1px solid #e5e8e9;
}

.profile-edit-section__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.profile-edit-section__icon {
  width: 36px;
  height: 36px;
}
.profile-edit-section__icon .material-icons {
  font-size: 19px;
}

.profile-edit-section__title {
  margin: 0;
  color: #303639;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
}

.profile-edit-section__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 18px;
}
.profile-edit-section__fields .form-group {
  min-width: 0;
}

.profile-edit-form .profile-edit-form__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 18px;
  margin-top: 4px;
  margin-bottom: 0;
  border-top: 1px solid #e5e8e9;
}

@media (min-width: 576px) {
  .profile-edit-section__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profile-edit-section__field--wide {
    grid-column: 1/-1;
  }
}
@media (max-width: 575.98px) {
  .profile-edit-hero {
    align-items: flex-start;
    padding-top: 12px;
  }

  .profile-edit-form .profile-edit-form__actions .btn,
.profile-edit-form .profile-edit-form__actions input[type=submit] {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.lsm-form-page {
  row-gap: 4px;
}

.lsm-form-section {
  padding: clamp(16px, 2.2vw, 26px);
  margin-bottom: 20px;
  background: linear-gradient(145deg, #ffffff 58%, #f8f9f9 145%);
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}
.lsm-form-section.card {
  padding: 0;
  overflow: visible;
}

.lsm-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

@media (min-width: 768px) {
  .lsm-form-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.lsm-form-field {
  min-width: 0;
}

.order-create-page {
  min-width: 0;
}

.order-create-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.order-create-header__icon,
.order-visual__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}

.order-create-header__icon {
  width: 44px;
  height: 44px;
}
.order-create-header__icon .material-icons {
  font-size: 23px;
}

.order-create-header__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.35rem, 2.3vw, 1.65rem);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.order-create-intro.jumbotron {
  margin-bottom: 24px;
}

.order-create-error {
  margin-bottom: 16px;
}

.order-create-description {
  padding: 0 0 20px;
  margin-bottom: 24px;
  color: #525b5f;
  border-bottom: 1px solid #e5e8e9;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.order-create-description > :last-child {
  margin-bottom: 0;
}

.order-create-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

.order-visual {
  min-width: 0;
  padding: 18px;
  background: linear-gradient(145deg, #f8f9f9 55%, #ffffff 145%);
  border-radius: 12px;
}

.order-visual__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
}

.order-visual__icon {
  width: 38px;
  height: 38px;
}
.order-visual__icon .material-icons {
  font-size: 20px;
}

.order-visual__identity {
  min-width: 0;
}

.order-visual__eyebrow {
  margin: 0 0 2px;
  color: #737b7f;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.order-visual__name {
  margin: 0;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.order-visual__sizes {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: -2px 0 14px;
  color: #687176;
  font-size: 0.82rem;
  line-height: 1.4;
}
.order-visual__sizes .material-icons {
  flex: 0 0 auto;
  font-size: 18px;
}

.order-visual__carousel {
  overflow: hidden;
  margin-bottom: 14px;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 10px;
}
.order-visual__carousel .carousel-item img {
  max-height: 430px;
  object-fit: contain;
}
.order-visual__carousel .carousel-control-prev,
.order-visual__carousel .carousel-control-next {
  width: 18%;
  opacity: 0.82;
}
.order-visual__carousel .carousel-control-prev:focus-visible,
.order-visual__carousel .carousel-control-next:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(219, 0, 7, 0.35);
  outline: 0;
}

.order-visual__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.order-visual__actions .btn {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  white-space: normal;
}
.order-visual__actions .dropdown-menu {
  width: 100%;
}
.order-visual__actions .dropdown-item {
  white-space: normal;
  overflow-wrap: anywhere;
}

.order-create-fields.lsm-form-section {
  min-width: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.order-create-section-title {
  padding-bottom: 10px;
  margin: 0 0 18px;
  color: #303639;
  border-bottom: 1px solid #e5e8e9;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
}

.order-create-fields .form-group {
  min-width: 0;
}

.order-create-actions {
  margin-top: 24px;
}

.order-create-actions__submit.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
}

.order-create-modal {
  display: block;
  padding: 16px;
  background: rgba(24, 29, 31, 0.72);
  overflow-x: hidden;
  overflow-y: auto;
}

.order-create-modal__dialog {
  width: 100%;
  max-width: 520px;
  min-height: calc(100% - 32px);
  margin: 0 auto;
}

.order-create-modal__content {
  overflow: hidden;
  background-color: #ffffff;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.28);
}

.order-create-modal__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px 24px 20px;
  background: linear-gradient(135deg, #ffffff 46%, #edf7f0 150%);
  border: 0;
}

.order-create-modal__status {
  display: inline-flex;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: #256c43;
  background-color: #e4f2e9;
  border-radius: 50%;
}
.order-create-modal__status .material-icons {
  font-size: 27px;
}

.order-create-modal__title {
  min-width: 0;
  margin: 0;
  color: #303639;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.order-create-modal__body {
  padding: 0 24px 22px;
}

.order-create-modal__item {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
  padding: 14px;
  background-color: #f6f8f8;
  border-radius: 10px;
}

.order-create-modal__preview {
  display: inline-flex;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 8px;
}
.order-create-modal__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.order-create-modal__item-name {
  min-width: 0;
  margin: 0;
  color: #3a4144;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.order-create-modal__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 18px 24px 24px;
  background-color: #ffffff;
  border-top: 1px solid #e7e9ea;
}

.order-create-modal__action.btn {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  white-space: normal;
}
.order-create-modal__action.btn .material-icons {
  flex: 0 0 auto;
  font-size: 19px;
}
.order-create-modal__action.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.16);
  outline: 0;
}

@media (max-width: 575.98px) {
  .order-create-modal {
    padding: 10px;
  }

  .order-create-modal__dialog {
    min-height: calc(100% - 20px);
  }

  .order-create-modal__header {
    align-items: flex-start;
    padding: 20px 18px 18px;
  }

  .order-create-modal__status {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .order-create-modal__title {
    padding-top: 7px;
    font-size: 1.12rem;
  }

  .order-create-modal__body {
    padding: 0 18px 18px;
  }

  .order-create-modal__actions {
    padding: 16px 18px 18px;
  }

  .order-create-modal__action.btn {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .order-create-modal {
    transition: none;
  }
}
@media (min-width: 992px) {
  .order-create-layout--with-preview {
    grid-template-columns: minmax(260px, 0.65fr) minmax(0, 1.35fr);
    align-items: start;
  }

  .order-create-layout--preview-only {
    max-width: 520px;
    grid-template-columns: minmax(0, 1fr);
  }

  .order-create-form--with-preview .order-create-actions {
    margin-left: calc(32.5% + 14px);
  }
}
@media (max-width: 575.98px) {
  .order-create-header {
    align-items: flex-start;
    margin-bottom: 18px;
  }

  .order-create-intro.jumbotron {
    margin-bottom: 20px;
  }

  .order-create-description {
    margin-bottom: 20px;
  }

  .order-create-layout {
    gap: 22px;
  }

  .order-visual {
    padding: 14px;
  }

  .order-create-actions__submit.btn {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .order-visual__carousel .carousel-item {
    transition: none;
  }
}
.lsm-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid #e7e9ea;
}

.lsm-choice-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.lsm-upload {
  padding: 18px;
  background-color: #fafbfb;
  border: 1px dashed #cbd1d4;
  border-radius: 10px;
}

.lsm-form-table {
  scrollbar-color: #b8c0c4 #f2f4f4;
}
.lsm-form-table.table-responsive {
  padding-bottom: 4px;
  overflow-x: auto;
  border: 1px solid #e5e8e9;
  border-radius: 10px;
}
.lsm-form-table.table,
.lsm-form-table .table {
  margin-bottom: 0;
}
.lsm-form-table.table > thead > tr > th,
.lsm-form-table .table > thead > tr > th {
  padding: 12px 10px;
  color: #3f474b;
  background-color: #f4f6f6;
  border-bottom: 1px solid #dfe3e5;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  vertical-align: middle;
}
.lsm-form-table.table > tbody > tr > td,
.lsm-form-table.table > tbody > tr > th,
.lsm-form-table .table > tbody > tr > td,
.lsm-form-table .table > tbody > tr > th {
  padding: 12px 10px;
  border-color: #eceeef;
  vertical-align: middle;
}

.lsm-form--compact .form-group {
  margin-bottom: 10px;
}
.lsm-form--compact .form-control,
.lsm-form--compact .bootstrap-select > .dropdown-toggle {
  min-height: 40px;
}

.lsm-catalog-form-page .sortableTable .drag-handle {
  color: #7b858a;
  background-color: #f7f8f8;
}

.catalog-item-editor {
  min-width: 0;
  padding-bottom: 20px;
}

.catalog-item-editor__header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 0 20px;
  border-bottom: 1px solid #e5e8e9;
}

.catalog-item-editor__heading,
.catalog-item-editor__section-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}

.catalog-item-editor__heading h1 {
  margin: 0;
  color: #303639;
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.catalog-item-editor__heading p {
  margin: 4px 0 0;
  color: #687277;
  font-size: 0.88rem;
  line-height: 1.4;
}

.catalog-item-editor__heading-icon,
.catalog-item-editor__section-icon,
.catalog-visual-editor__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}

.catalog-item-editor__heading-icon {
  width: 46px;
  height: 46px;
}
.catalog-item-editor__heading-icon .material-icons {
  font-size: 23px;
}

.catalog-item-editor__back,
.catalog-item-editor__add-visual,
.catalog-visual-editor__close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  margin: 0;
  border-radius: 8px;
}
.catalog-item-editor__back .material-icons,
.catalog-item-editor__add-visual .material-icons,
.catalog-visual-editor__close .material-icons {
  font-size: 18px;
}
.catalog-item-editor__back:focus-visible,
.catalog-item-editor__add-visual:focus-visible,
.catalog-visual-editor__close:focus-visible {
  outline: 3px solid rgba(219, 0, 7, 0.22);
  outline-offset: 2px;
}

.catalog-item-editor__section {
  min-width: 0;
  padding: 26px 0 8px;
}

.catalog-item-editor__section + .catalog-item-editor__section {
  padding-top: 28px;
  margin-top: 18px;
  border-top: 1px solid #e5e8e9;
}

.catalog-item-editor__section-header {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}
.catalog-item-editor__section-header h2 {
  margin: 0;
  color: #303639;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.catalog-item-editor__section-header p {
  max-width: 680px;
  margin: 4px 0 0;
  color: #687277;
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.catalog-item-editor__section-header--actions {
  justify-content: space-between;
  gap: 18px;
}

.catalog-item-editor__section-icon {
  width: 36px;
  height: 36px;
}
.catalog-item-editor__section-icon .material-icons {
  font-size: 19px;
}

.catalog-item-editor__section-icon--visuals {
  color: #8b5200;
  background-color: #fff1dd;
}

.lsm-catalog-item-form {
  max-width: 1100px;
}

.catalog-item-editor__form-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 22px;
}

.catalog-item-editor__description-field textarea {
  min-height: 136px;
}

.catalog-item-editor__options {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 18px;
  padding: 16px 18px 8px;
  margin-top: 4px;
  background-color: #f7f8f8;
  border-left: 3px solid #b9c0c4;
  border-radius: 0 9px 9px 0;
}

.catalog-item-editor__options-heading {
  display: flex;
  flex: 0 0 180px;
  align-items: center;
  gap: 8px;
  padding-top: 3px;
  color: #3f474b;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.4;
}
.catalog-item-editor__options-heading .material-icons {
  color: #a90005;
  font-size: 19px;
}

.catalog-item-editor__option-list {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 0 22px;
}

.catalog-item-editor__form-actions {
  margin-top: 24px;
}
.catalog-item-editor__form-actions .btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 14px;
  margin: 0;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}
.catalog-item-editor__form-actions .btn .material-icons {
  margin: 0;
  font-size: 18px;
}

.catalog-item-editor__form-actions .btn.btn-primary,
.catalog-visual-editor__actions .btn.btn-primary {
  background-color: #db0007;
  border-color: #db0007;
  box-shadow: none;
}
.catalog-item-editor__form-actions .btn.btn-primary:hover, .catalog-item-editor__form-actions .btn.btn-primary:active,
.catalog-visual-editor__actions .btn.btn-primary:hover,
.catalog-visual-editor__actions .btn.btn-primary:active {
  background-color: #bd0006;
  border-color: #bd0006;
  box-shadow: 0 5px 14px rgba(219, 0, 7, 0.18);
}
.catalog-item-editor__form-actions .btn.btn-primary:focus-visible,
.catalog-visual-editor__actions .btn.btn-primary:focus-visible {
  background-color: #bd0006;
  border-color: #bd0006;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.2);
}

.catalog-item-editor__visuals-table {
  min-width: 660px;
}

.catalog-item-editor__visual-drag {
  width: 66px;
  color: #6f787c;
  cursor: grab;
}

.catalog-item-editor__drag-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  background-color: #eef0f2;
  border-radius: 50%;
}

.catalog-item-editor__visual-preview-cell {
  width: 92px;
}

.catalog-item-editor__visual-preview {
  display: block;
  width: 62px;
  height: 50px;
  object-fit: cover;
  color: #8a9296;
  background-color: #eef0f2;
  border: 1px solid #e1e5e6;
  border-radius: 7px;
}

.catalog-item-editor__visual-preview--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-item-editor__visual-preview--empty .material-icons {
  font-size: 22px;
}

.catalog-item-editor__visual-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.catalog-item-editor__visual-actions .lsm-data-table__action.btn {
  border: 1px solid transparent;
  box-shadow: none;
  font-weight: 700;
  text-transform: none;
}
.catalog-item-editor__visual-actions .lsm-data-table__action.btn.btn-secondary {
  color: #4f585c;
  background-color: #eef1f2;
  border-color: #dfe3e5;
}
.catalog-item-editor__visual-actions .lsm-data-table__action.btn.btn-secondary:hover, .catalog-item-editor__visual-actions .lsm-data-table__action.btn.btn-secondary:focus-visible {
  color: #303639;
  background-color: #e4e8e9;
  border-color: #cfd5d8;
}
.catalog-item-editor__visual-actions .lsm-data-table__action.btn.btn-outline-danger {
  color: #a90005;
  background-color: #ffffff;
  border-color: #e7b9bb;
}
.catalog-item-editor__visual-actions .lsm-data-table__action.btn.btn-outline-danger:hover, .catalog-item-editor__visual-actions .lsm-data-table__action.btn.btn-outline-danger:focus-visible {
  color: #8f0004;
  background-color: #fde9ea;
  border-color: #d8898d;
}
.catalog-item-editor__visual-actions .lsm-data-table__action.btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.16);
}

.lsm-data-table .catalog-item-editor__visual-form-cell {
  padding: 0;
  background-color: #ffffff;
}

.catalog-visual-editor {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  background-color: #ffffff;
}

.catalog-visual-editor__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  border-bottom: 1px solid #e5e8e9;
}

.catalog-visual-editor__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}
.catalog-visual-editor__heading h3 {
  margin: 0;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.catalog-visual-editor__icon {
  width: 36px;
  height: 36px;
}
.catalog-visual-editor__icon .material-icons {
  font-size: 19px;
}

.catalog-visual-editor__body {
  padding: 24px 22px 8px;
}
.catalog-visual-editor__body > h6 {
  padding-top: 18px;
  margin: 22px 0 14px;
  color: #303639;
  border-top: 1px solid #e5e8e9;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}

.catalog-visual-editor__files {
  padding-top: 18px;
  margin-top: 22px;
  border-top: 1px solid #e5e8e9;
}
.catalog-visual-editor__files > .col-12:not(:first-child) {
  margin-top: 10px;
}
.catalog-visual-editor__files .inputfile-label {
  width: 100%;
  margin: 0;
}

.catalog-visual-editor .inputfile-label.btn.btn-primary {
  min-height: 44px;
  padding: 9px 13px;
  color: #4f585c;
  background: #ffffff;
  border: 1px dashed #b9c0c4;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
}
.catalog-visual-editor .inputfile-label.btn.btn-primary svg {
  width: 18px;
  height: 16px;
  fill: currentColor;
}
.catalog-visual-editor .inputfile-label.btn.btn-primary:hover, .catalog-visual-editor .inputfile-label.btn.btn-primary:focus-visible {
  color: #8f0004;
  background-color: #fff7f7;
  border-color: #db0007;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.12);
}

.catalog-visual-editor__file-action.btn {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 11px;
  margin: 8px 5px 0 0;
  border-radius: 999px;
  box-shadow: none;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}
.catalog-visual-editor__file-action.btn .material-icons {
  margin: 0;
  font-size: 16px;
}
.catalog-visual-editor__file-action.btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.16);
}

.catalog-visual-editor__file-action--remove.btn {
  width: 34px;
  padding: 0;
  color: #a90005;
  background-color: #ffffff;
  border-color: #e7b9bb;
}
.catalog-visual-editor__file-action--remove.btn:hover, .catalog-visual-editor__file-action--remove.btn:focus-visible {
  color: #8f0004;
  background-color: #fde9ea;
  border-color: #d8898d;
}

.catalog-visual-editor__media {
  margin: 0 22px 22px;
}

.catalog-visual-editor__media > h6 {
  margin: 0 0 14px;
  color: #303639;
  font-size: 0.86rem;
  font-weight: 700;
  text-transform: none;
}

.catalog-visual-editor__image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.catalog-visual-editor__image-item {
  position: relative;
  min-width: 0;
}

.catalog-visual-editor__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background-color: #ffffff;
  border: 1px solid #dfe3e5;
  border-radius: 8px;
}

.catalog-visual-editor__remove-image.btn {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: #a90005;
  background-color: #ffffff;
  border: 1px solid #e7b9bb;
  box-shadow: 0 3px 8px rgba(30, 36, 39, 0.14);
}
.catalog-visual-editor__remove-image.btn:hover, .catalog-visual-editor__remove-image.btn:focus-visible {
  color: #8f0004;
  background-color: #fde9ea;
  border-color: #d8898d;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.16);
}

.catalog-visual-editor__actions {
  padding-top: 16px;
  margin-top: 16px;
}
.catalog-visual-editor__actions .btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 14px;
  margin: 0;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}
.catalog-visual-editor__actions .btn .material-icons {
  margin: 0;
  font-size: 18px;
}
.catalog-visual-editor__actions .btn-secondary:hover,
.catalog-visual-editor__actions .btn-secondary:focus-visible {
  box-shadow: 0 0 0 3px rgba(79, 88, 92, 0.12);
}

@media (min-width: 768px) {
  .catalog-item-editor__form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .catalog-item-editor__header,
.catalog-item-editor__section-header--actions,
.catalog-visual-editor__header {
    align-items: flex-start;
  }

  .catalog-item-editor__heading-icon {
    width: 40px;
    height: 40px;
  }

  .catalog-item-editor__back {
    width: 40px;
    min-width: 40px;
    padding: 8px;
  }
  .catalog-item-editor__back span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .catalog-item-editor__section-header--actions {
    flex-direction: column;
  }

  .catalog-item-editor__add-visual {
    width: 100%;
  }

  .catalog-item-editor__section-header--actions .addEditVisual {
    width: 100%;
  }

  .catalog-item-editor__options {
    flex-direction: column;
    gap: 10px;
  }

  .catalog-item-editor__options-heading {
    flex-basis: auto;
  }

  .catalog-item-editor__option-list {
    display: block;
  }

  .catalog-visual-editor__header,
.catalog-visual-editor__body {
    padding-right: 16px;
    padding-left: 16px;
  }

  .catalog-visual-editor {
    width: 100%;
    max-width: calc(100vw - 48px);
    margin-left: 0;
  }

  .catalog-visual-editor__close {
    width: 40px;
    min-width: 40px;
    padding: 8px;
  }
  .catalog-visual-editor__close span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .catalog-visual-editor__media {
    margin-right: 16px;
    margin-left: 16px;
  }

  .catalog-visual-editor__image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lsm-catalog-visual-form .size-group .input-group-size {
  margin-bottom: 10px;
}
.lsm-catalog-visual-form .size-group .size-iterator span {
  color: #667075;
  font-size: 0.82rem;
  font-weight: 700;
}
.lsm-catalog-visual-form .size-group .btn-delete-size {
  padding-top: 10px;
}
.lsm-catalog-visual-form .size-group .btn-delete-size:hover, .lsm-catalog-visual-form .size-group .btn-delete-size:focus, .lsm-catalog-visual-form .size-group .btn-delete-size:active {
  background: transparent !important;
  box-shadow: none !important;
}
.lsm-catalog-visual-form .size-group i.errspan,
.lsm-catalog-visual-form .size-group span.errspan {
  color: #b36c00;
}
.lsm-catalog-visual-form .size-group .btn-add-size {
  padding-left: 5px;
  margin-left: 3px;
  color: #5f6870;
  background-color: transparent;
  box-shadow: none;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: none;
}
.lsm-catalog-visual-form .size-group .btn-add-size:hover, .lsm-catalog-visual-form .size-group .btn-add-size:focus-visible {
  color: #8b5200;
  background-color: #fff8e8;
  box-shadow: none;
}

@media (max-width: 575.98px) {
  .lsm-form-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  .lsm-form-actions .btn,
.lsm-form-actions button,
.lsm-form-actions input[type=submit] {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .lsm-form-section {
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lsm-form .form-control,
.lsm-form .bootstrap-select > .dropdown-toggle,
.lsm-form-surface .form-control,
.lsm-form-surface .bootstrap-select > .dropdown-toggle {
    transition: none;
  }
}
@media (min-width: 768px) {
  .table-responsive.sticky-table {
    position: relative;
    max-height: 60vh;
    overflow: scroll;
  }
  .table-responsive.sticky-table thead {
    position: sticky;
    top: 0;
    z-index: 15;
  }
  .table-responsive.sticky-table .fixed-left-column {
    position: sticky;
    left: 0;
    z-index: 10;
    background-color: #f8f8f8;
  }
  .table-responsive.sticky-table .fixed-top-row {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f8f8f8;
  }
  .table-responsive.sticky-table .fixed-left-column-2 {
    position: sticky;
    left: 200px;
    z-index: 10;
    background-color: #f8f8f8;
  }
}

.badge-yellow {
  color: #ffffff;
  background-color: #fab421;
}

.badge-green {
  color: #ffffff;
  background-color: #264f36;
}

.table-search, .table-search-with-column-scope {
  height: 100%;
  border-radius: 3px;
  border: none;
  padding: 0 15px;
  width: 300px;
  background: #ffffffcc;
  color: #4c4c4c;
}
@media (max-width: 768px) {
  .table-search, .table-search-with-column-scope {
    width: 200px;
  }
}
.table-search::placeholder, .table-search-with-column-scope::placeholder {
  background: url("../img/magnifying_glass_icon.svg") no-repeat;
  background-size: 15px 15px;
  background-position: left center;
  padding-left: 1.5em;
  color: #4c4c4c;
  opacity: 0.5;
}

.filter-table-input {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: none;
  background: #ffffffcc;
  color: #4c4c4c;
  padding: 8px 1.25rem;
  font-size: 0.6875rem;
}

.filter-option-inner-inner .selected {
  background: #ffffff33;
  padding: 2px 5px;
  border-radius: 3px;
  font-weight: bold;
}

.ckeditor + span {
  display: inherit !important;
  position: relative;
  top: 7px;
}

.ck.ck-editor {
  padding-bottom: 1em !important;
}

b, strong {
  font-weight: 700;
}

.fileinput img {
  max-width: 100%;
  width: 100%;
}

.carousel {
  min-height: 30px;
}

.carousel-inner .carousel-item {
  background: #fbfbfb;
}

.carousel-control-prev, .carousel-control-next {
  position: relative;
  bottom: 5px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  color: #000000;
  text-align: center;
  opacity: 0.5;
  background: #fab421;
  transform: translateY(-50%);
  padding: 9px;
  border-radius: 50%;
  margin: 0 5px;
  height: 30px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -42px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  width: 15px;
  margin: 0 1px;
  background: #fab42199;
}
.carousel-indicators li.active {
  background: #fab421;
}

.navbar {
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
}
.navbar .logo {
  width: 230px;
}
.navbar .logo img {
  height: 40px;
}

.lsm-navbar {
  min-height: 68px;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid #e3e6e8;
  box-shadow: 0 5px 20px rgba(28, 36, 31, 0.08);
  backdrop-filter: blur(12px);
}
.lsm-navbar > .container-fluid {
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}
.lsm-navbar .lsm-navbar__brand {
  display: flex;
  flex: 0 0 230px;
  align-items: center;
  width: 230px;
  min-width: 0;
}
.lsm-navbar .lsm-navbar__brand-link {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 8px;
}
.lsm-navbar .lsm-navbar__brand-link:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.16);
  outline: 2px solid #db0007;
  outline-offset: 1px;
}
.lsm-navbar .lsm-navbar__logo {
  width: auto;
  height: 36px;
  margin-bottom: 0 !important;
}
.lsm-navbar .lsm-navbar__collapse {
  min-width: 0;
}
.lsm-navbar .lsm-navbar__actions {
  align-items: center;
  gap: 4px;
}
.lsm-navbar .lsm-navbar__item {
  margin: 0;
}
.lsm-navbar .lsm-navbar__action {
  position: relative;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 7px 10px !important;
  color: #4f575b !important;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}
.lsm-navbar .lsm-navbar__action:hover, .lsm-navbar .lsm-navbar__action[aria-expanded=true] {
  color: #2f3538 !important;
  background: linear-gradient(135deg, #ffffff, #f6f7f7);
  border-color: #dfe3e5;
  box-shadow: 0 5px 14px rgba(28, 36, 31, 0.07);
}
.lsm-navbar .lsm-navbar__action:hover .lsm-navbar__icon, .lsm-navbar .lsm-navbar__action[aria-expanded=true] .lsm-navbar__icon {
  color: #a90005;
  background-color: #fdebed;
  transform: translateY(-1px);
}
.lsm-navbar .lsm-navbar__action:focus-visible {
  color: #2f3538 !important;
  background-color: #ffffff;
  border-color: #db0007;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}
.lsm-navbar .lsm-navbar__action--icon {
  min-width: 46px;
  justify-content: center;
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.lsm-navbar .lsm-navbar__action--account {
  margin-left: 4px;
  padding-right: 8px !important;
  background-color: #f7f8f8;
  border-color: #e3e6e8;
}
.lsm-navbar .lsm-navbar__icon {
  display: inline-flex;
  flex: 0 0 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px !important;
  height: 30px;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  color: #5f6870;
  background-color: #eef1f2;
  border-radius: 999px;
  font-size: 18px !important;
  line-height: 1;
  position: static !important;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}
.lsm-navbar .lsm-navbar__label {
  min-width: 0;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lsm-navbar .lsm-navbar__chevron {
  margin: 0 0 0 1px;
  color: #858d91;
  font-size: 18px;
  transition: transform 160ms ease;
}
.lsm-navbar .lsm-navbar__action[aria-expanded=true] .lsm-navbar__chevron {
  transform: rotate(180deg);
}
.lsm-navbar .lsm-navbar__badge.notification {
  top: -2px;
  right: -3px;
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  color: #ffffff;
  background-color: #db0007;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(219, 0, 7, 0.24);
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1;
}
.lsm-navbar .lsm-navbar__menu {
  min-width: 280px;
  max-width: min(390px, calc(100vw - 24px));
  margin-top: 10px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(28, 36, 31, 0.16), 0 3px 10px rgba(28, 36, 31, 0.06);
  transform-origin: top right;
}
.lsm-navbar .lsm-navbar__menu.show {
  animation: lsm-navbar-menu-enter 150ms ease-out;
}
.lsm-navbar .lsm-navbar__menu::before {
  position: absolute;
  top: -6px;
  right: 18px;
  width: 11px;
  height: 11px;
  background-color: #ffffff;
  border-top: 1px solid #e3e6e8;
  border-left: 1px solid #e3e6e8;
  content: "";
  transform: rotate(45deg);
}
.lsm-navbar .lsm-navbar__menu-item,
.lsm-navbar .lsm-navbar__menu > .dropdown-item {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  margin: 1px 0;
  padding: 7px 9px;
  color: #4f575b;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
  white-space: normal;
}
.lsm-navbar .lsm-navbar__menu-item:hover, .lsm-navbar .lsm-navbar__menu-item:focus,
.lsm-navbar .lsm-navbar__menu > .dropdown-item:hover,
.lsm-navbar .lsm-navbar__menu > .dropdown-item:focus {
  color: #2f3538;
  background: linear-gradient(135deg, #f8f9f9, #f2f4f4);
}
.lsm-navbar .lsm-navbar__menu-item:hover .lsm-navbar__menu-icon, .lsm-navbar .lsm-navbar__menu-item:focus .lsm-navbar__menu-icon,
.lsm-navbar .lsm-navbar__menu > .dropdown-item:hover .lsm-navbar__menu-icon,
.lsm-navbar .lsm-navbar__menu > .dropdown-item:focus .lsm-navbar__menu-icon {
  color: #a90005;
  background-color: #fdebed;
  transform: translateX(1px);
}
.lsm-navbar .lsm-navbar__menu-item:focus-visible,
.lsm-navbar .lsm-navbar__menu > .dropdown-item:focus-visible {
  box-shadow: 0 0 0 2px rgba(219, 0, 7, 0.18);
  outline: 1px solid #db0007;
}
.lsm-navbar .lsm-navbar__menu-icon {
  display: inline-flex;
  flex: 0 0 34px;
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  color: #5f6870;
  background-color: #eef1f2;
  border-radius: 999px;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}
.lsm-navbar .lsm-navbar__menu-icon .material-icons {
  margin: 0;
  font-size: 18px;
}
.lsm-navbar .lsm-navbar__menu-icon--attention,
.lsm-navbar .lsm-navbar__menu-icon--danger {
  color: #a90005;
  background-color: #fdebed;
}
.lsm-navbar .lsm-navbar__menu-icon--flag {
  overflow: hidden;
  background-color: #f5f6f6;
  border: 1px solid #e3e6e8;
}
.lsm-navbar .lsm-navbar__menu-icon--flag img {
  width: 22px;
  height: 15px;
  margin: 0 !important;
  object-fit: cover;
}
.lsm-navbar .lsm-navbar__menu-copy {
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
}
.lsm-navbar .lsm-navbar__menu .badge {
  flex: 0 0 auto;
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1;
}
.lsm-navbar .lsm-navbar__menu .badge-danger {
  background-color: #db0007;
  box-shadow: 0 3px 8px rgba(219, 0, 7, 0.18);
}
.lsm-navbar .dropdown-divider {
  margin: 6px 4px;
  border-top-color: #e7eaeb;
}

@keyframes lsm-navbar-menu-enter {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  .lsm-navbar {
    padding-right: 12px;
    padding-left: 12px;
  }
  .lsm-navbar .lsm-navbar__brand {
    flex-basis: 190px;
    width: 190px;
  }
  .lsm-navbar .lsm-navbar__actions {
    gap: 1px;
  }
  .lsm-navbar .lsm-navbar__action {
    gap: 5px;
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 0.72rem;
  }
}
@media (max-width: 991.98px) {
  .lsm-navbar {
    padding-right: 12px;
    padding-left: 12px;
  }
  .lsm-navbar .lsm-navbar__brand {
    flex-basis: auto;
    width: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lsm-navbar .lsm-navbar__action,
.lsm-navbar .lsm-navbar__chevron,
.lsm-navbar .lsm-navbar__icon,
.lsm-navbar .lsm-navbar__menu-icon {
    transition: none;
  }

  .lsm-navbar .lsm-navbar__menu.show {
    animation: none;
  }
}
.sidebar {
  top: 68px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.sidebar .nav p {
  white-space: normal;
}
.sidebar .nav li a {
  display: flex;
}

.lsm-sidebar {
  background: #ffffff;
  border-right: 1px solid #e3e6e8;
  box-shadow: 6px 0 24px rgba(28, 36, 31, 0.07);
}
.lsm-sidebar .nav li:first-child > a {
  margin-right: 0;
  margin-left: 0;
}
.lsm-sidebar .lsm-sidebar__scroll {
  width: 100%;
  height: calc(100vh - 68px);
  padding: 14px 12px 28px;
  scrollbar-color: #cfd4d7 transparent;
  scrollbar-width: thin;
}
.lsm-sidebar .lsm-sidebar__section-heading {
  margin: 14px 0 5px;
}
.lsm-sidebar .lsm-sidebar__section-heading:first-child {
  margin-top: 0;
}
.lsm-sidebar .lsm-sidebar__section-label {
  padding: 8px 12px 5px;
  color: #737b7f;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}
.lsm-sidebar .lsm-sidebar__nav {
  margin-top: 0;
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link {
  align-items: center;
  min-height: 48px;
  gap: 10px;
  margin: 3px 0;
  padding: 7px 10px;
  color: #4f575b;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link > i {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  color: #5f6870;
  background-color: #eef0f2;
  border-radius: 50%;
  font-size: 19px;
  line-height: 1;
  transition: background-color 160ms ease, color 160ms ease;
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link > p {
  min-width: 0;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  overflow-wrap: anywhere;
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link:hover {
  color: #2f3538;
  background-color: #f7f8f8;
  border-color: #e8ebed;
  transform: translateX(2px);
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link:focus-visible {
  color: #2f3538;
  background-color: #ffffff;
  border-color: #db0007;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item.active > a.nav-link {
  color: #a90005;
  background: linear-gradient(135deg, #fffafa, #fdeff0);
  border-color: #f4cacc;
  box-shadow: 0 4px 12px rgba(219, 0, 7, 0.09);
}
.lsm-sidebar .lsm-sidebar__nav > .nav-item.active > a.nav-link > i {
  color: #ffffff;
  background-color: #db0007;
  box-shadow: 0 3px 8px rgba(219, 0, 7, 0.2);
}
.lsm-sidebar .lsm-sidebar__subnav-wrap,
.lsm-sidebar .lsm-sidebar__nav > .nav-item.active > .lsm-sidebar__subnav-wrap {
  display: block;
  margin: 3px 0 6px 27px;
  padding: 1px 0 1px 10px;
  background: transparent;
  border-left: 1px solid #dfe3e5;
  border-radius: 0;
}
.lsm-sidebar .lsm-sidebar__subnav,
.lsm-sidebar .lsm-sidebar__subnav-heading {
  margin: 0;
}
.lsm-sidebar .lsm-sidebar__subnav-heading .nav-link-header {
  min-height: 0;
  padding: 4px 0px 5px;
  color: #4b5357;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
  text-transform: none;
}
.lsm-sidebar .lsm-sidebar__subnav-heading--secondary {
  padding-top: 6px;
}
.lsm-sidebar .lsm-sidebar__subnav .nav-item {
  margin: 0;
}
.lsm-sidebar .lsm-sidebar__subnav .nav-link {
  align-items: center;
  min-height: 32px;
  gap: 5px;
  margin: 0;
  padding: 5px 7px;
  color: #5f6870;
  background: transparent;
  border-left: 3px solid transparent;
  border-radius: 6px;
  box-shadow: none;
  text-transform: none;
}
.lsm-sidebar .lsm-sidebar__subnav .nav-link p {
  margin: 0;
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.lsm-sidebar .lsm-sidebar__subnav .nav-link:hover, .lsm-sidebar .lsm-sidebar__subnav .nav-link:focus-visible {
  color: #2f3538;
  background-color: #f3f5f5;
  outline: 0;
}
.lsm-sidebar .lsm-sidebar__subnav .nav-link:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
}
.lsm-sidebar .lsm-sidebar__subnav .nav-item.active > .nav-link,
.lsm-sidebar .lsm-sidebar__subnav .nav-item.active > .nav-link:hover,
.lsm-sidebar .lsm-sidebar__subnav .nav-item.active > .nav-link:focus-visible {
  color: #191919;
  background-color: #8f8f8f1a;
  border-left-color: #8b8b8b;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .lsm-sidebar .lsm-sidebar__subnav .nav-link {
    min-height: 36px;
  }
}
.nav-link-header {
  padding-bottom: 0;
  padding-left: 30px;
  font-size: 12px;
  font-weight: 400;
}

@media (prefers-reduced-motion: reduce) {
  .lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link,
.lsm-sidebar .lsm-sidebar__nav > .nav-item > a.nav-link > i {
    transition: none;
  }
}
.category-box-wrapper {
  max-width: 300px;
  margin: 10px 0;
}
.category-box-wrapper .category-box {
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  box-shadow: 0 0 3px 1px #0000001c;
  color: #333333;
  justify-content: center;
  width: 100%;
  background-size: cover;
  background-position: center center;
  padding-bottom: 100%;
}
.category-box-wrapper .category-box h5 {
  position: absolute;
  top: 70%;
  left: 50%;
  width: 80%;
  transform: translateX(-50%);
  font-weight: 700;
}
@media (max-width: 500px) {
  .category-box-wrapper .category-box h5 {
    top: 57%;
    font-size: 13px;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.category-box-wrapper .category-box h1 {
  margin-bottom: 0;
}
.category-box-wrapper .category-box h1 i {
  font-size: 60px;
}
.category-box-wrapper .category-box h1 i.yellow {
  color: #fab421;
}
.category-box-wrapper .category-box h1 i.red {
  color: #db0007;
}

.catalog-page {
  padding-bottom: 12px;
}

.catalog-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.catalog-page__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}

.catalog-page__heading-content {
  min-width: 0;
}

.catalog-page__eyebrow {
  display: block;
  margin-bottom: 2px;
  color: #737b7f;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.catalog-page__heading-icon,
.catalog-category-section__icon,
.catalog-search-results__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}

.catalog-page__heading-icon {
  width: 48px;
  height: 48px;
}
.catalog-page__heading-icon .material-icons {
  font-size: 25px;
}

.catalog-page__title {
  margin: 0;
  color: #303639;
  font-size: 1.65rem;
  line-height: 1.2;
}

.catalog-page__actions {
  display: flex;
  width: auto;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  padding: 0;
}

.catalog-page__action.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  gap: 5px;
  min-height: 38px;
  margin: 0;
  padding: 7px 10px;
  font-size: 0.72rem;
  line-height: 1.2;
}
.catalog-page__action.btn .material-icons {
  margin: 0;
  font-size: 17px;
}
.catalog-page__action.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.catalog-search {
  margin-bottom: 30px;
}

.catalog-search__form {
  margin: 0;
}

.catalog-search__native-submit {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.catalog-page__content {
  min-width: 0;
}

.catalog-results-summary {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
}

.catalog-results-summary__icon {
  display: inline-flex;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: #5f6870;
  background-color: #eef0f2;
  border-radius: 50%;
}
.catalog-results-summary__icon .material-icons {
  font-size: 18px;
}

.catalog-results-summary__text {
  color: #737b7f;
  font-size: 0.84rem;
  line-height: 1.4;
}
.catalog-results-summary__text strong {
  color: #303639;
  font-weight: 700;
}

.catalog-category-page__pagination {
  margin-top: 12px;
}

.catalog-item-page__description {
  max-width: 880px;
  margin: -4px 0 26px;
  color: #5f6870;
  font-size: 0.9rem;
  line-height: 1.65;
}
.catalog-item-page__description > :last-child {
  margin-bottom: 0;
}

.catalog-item-page__section-title {
  margin: 0;
  color: #303639;
  font-size: 1.22rem;
  line-height: 1.3;
}

.catalog-item-page__pagination {
  margin-top: 12px;
}

.catalog-order-page__description {
  margin: 4px 0 0;
  color: #737b7f;
  font-size: 0.86rem;
  line-height: 1.45;
}

.catalog-order-page__summary {
  margin-bottom: 12px;
}

.catalog-order-page__empty {
  display: flex;
  min-height: 150px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  color: #737b7f;
  background: linear-gradient(135deg, #ffffff, #f7f8f8);
  border: 1px dashed #cfd5d8;
  border-radius: 12px;
  font-size: 0.86rem;
  text-align: center;
}

.catalog-order-page__empty-icon {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  color: #8a9296;
  background-color: #eef0f2;
  border-radius: 50%;
}
.catalog-order-page__empty-icon .material-icons {
  font-size: 24px;
}

.catalog-order-page__table-wrap {
  border-radius: 10px;
}

.catalog-order-page__table.table {
  min-width: 480px;
  margin-bottom: 0;
}
.catalog-order-page__table.table > tbody > .catalog-order-page__item > td {
  padding: 11px;
  vertical-align: middle;
  background-color: #ffffff;
  border-color: #e8ebec;
  border-width: 0 0 1px;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}
.catalog-order-page__table.table > tbody > .catalog-order-page__item:first-child > td {
  border-top: 1px solid #e8ebec;
}
.catalog-order-page__table.table > tbody > .catalog-order-page__item:hover > td {
  background-color: #fafbfb;
}
.catalog-order-page__table.table > tbody > .catalog-order-page__item.updated > td {
  background-color: #fff8e8;
}

.catalog-order-page__drag {
  width: 58px;
  color: #687277;
  cursor: grab;
  touch-action: none;
}
.catalog-order-page__drag:active {
  cursor: grabbing;
}

.catalog-order-page__drag-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  background-color: #eef0f2;
  border-radius: 50%;
}

.catalog-order-page__preview-cell {
  width: 78px;
}

.catalog-order-page__preview {
  display: block;
  width: 56px;
  height: 46px;
  object-fit: cover;
  color: #8a9296;
  background-color: #eef0f2;
  border: 1px solid #e1e5e6;
  border-radius: 6px;
}

.catalog-order-page__preview--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-order-page__preview--empty .material-icons {
  font-size: 22px;
}

.catalog-order-page__name {
  color: #303639;
  font-size: 0.9rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.catalog-category-editor__header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e8e9;
}

.catalog-category-editor__description {
  max-width: 620px;
  margin: 4px 0 0;
  color: #687277;
  font-size: 0.86rem;
  line-height: 1.5;
}

.catalog-category-editor__form {
  max-width: 1040px;
}

.catalog-category-editor__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.catalog-category-editor__section {
  min-width: 0;
  padding: 22px 0 24px;
}

.catalog-category-editor__section + .catalog-category-editor__section {
  border-top: 1px solid #e5e8e9;
}

.catalog-category-editor__section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.catalog-category-editor__section-icon {
  display: inline-flex;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.catalog-category-editor__section-icon .material-icons {
  font-size: 19px;
}

.catalog-category-editor__section-icon--image {
  color: #8b5200;
  background-color: #fff1dd;
}

.catalog-category-editor__section-title {
  margin: 0;
  color: #303639;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
}

.catalog-category-editor__privacy {
  padding: 14px 15px 4px;
  margin-top: 4px;
  background-color: #f7f8f8;
  border-left: 3px solid #b9c0c4;
  border-radius: 0 8px 8px 0;
}

.catalog-category-editor__preview {
  display: flex;
  min-height: 190px;
  align-items: center;
  justify-content: center;
  padding: 18px;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #f4f6f6, #eceff0);
  border-radius: 10px;
}

.catalog-category-editor__preview-image {
  display: block;
  width: min(100%, 220px);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}

.catalog-category-editor__upload {
  padding: 16px;
}
.catalog-category-editor__upload input[type=file] {
  display: block;
  max-width: 100%;
  color: #5f6870;
  font-size: 0.82rem;
}

.catalog-category-editor__actions {
  margin-top: 4px;
}

.catalog-category-management__header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e8e9;
}

.catalog-category-management__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.catalog-category-management__section {
  min-width: 0;
}

.catalog-category-management__table {
  min-width: 480px;
}

.catalog-category-management__id {
  width: 68px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .catalog-category-management__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .catalog-category-management__section + .catalog-category-management__section {
    padding-top: 0;
    border-top: 0;
  }
}
@media (min-width: 992px) {
  .catalog-category-editor__layout {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.8fr);
    gap: 36px;
  }

  .catalog-category-editor__section + .catalog-category-editor__section {
    padding-left: 36px;
    border-top: 0;
    border-left: 1px solid #e5e8e9;
  }
}
.catalog-category-section {
  margin-bottom: 34px;
}

.catalog-category-section + .catalog-category-section {
  padding-top: 28px;
  border-top: 1px solid #eceeef;
}

.catalog-category-section:last-child {
  margin-bottom: 0;
}

.catalog-category-section__header,
.catalog-search-results__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.catalog-category-section__icon,
.catalog-search-results__icon {
  width: 36px;
  height: 36px;
}
.catalog-category-section__icon .material-icons,
.catalog-search-results__icon .material-icons {
  font-size: 19px;
}

.catalog-category-section__icon--place {
  color: #9a5b00;
  background-color: #fff1dd;
}

.catalog-category-section__title,
.catalog-search-results__title {
  margin: 0;
  color: #303639;
  font-size: 1.22rem;
  line-height: 1.3;
}

.catalog-category-grid {
  margin-right: -8px;
  margin-left: -8px;
}

.category-box-wrapper.catalog-category-grid__item {
  max-width: none;
  margin: 0 0 18px;
  padding-right: 8px;
  padding-left: 8px;
}

.category-box.catalog-category {
  display: flex;
  min-height: 100%;
  overflow: visible;
  flex-direction: column;
  padding-bottom: 0;
  color: #303639;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}
.category-box.catalog-category:hover, .category-box.catalog-category:focus-visible {
  color: #1f2426;
  text-decoration: none;
}
.category-box.catalog-category:focus-visible {
  border-radius: 8px;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.16);
  outline: 0;
}

.catalog-category__media {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: linear-gradient(135deg, #f3f5f5, #e8ebed);
  border-radius: 10px;
}
.catalog-category__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}

.catalog-category:hover .catalog-category__media img,
.catalog-category:focus-visible .catalog-category__media img {
  transform: scale(1.025);
}

.catalog-category__content {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding: 11px 2px 0;
}

.catalog-category__title {
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.catalog-category__arrow {
  flex: 0 0 auto;
  margin-top: 1px;
  color: #a90005;
  font-size: 18px;
  transition: transform 160ms ease;
}

.catalog-category:hover .catalog-category__arrow,
.catalog-category:focus-visible .catalog-category__arrow {
  transform: translateX(3px);
}

.catalog-search-results__count {
  display: inline-flex;
  min-width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  padding: 0 8px;
  color: #ffffff;
  background-color: #db0007;
  border-radius: 999px;
  font-size: 0.76rem;
  vertical-align: middle;
}

.catalog-search-results__empty {
  display: flex;
  min-height: 132px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  color: #737b7f;
  background-color: #f7f8f8;
  border-radius: 10px;
  text-align: center;
}
.catalog-search-results__empty .material-icons {
  color: #8a9296;
  font-size: 28px;
}
.catalog-search-results__empty p {
  margin: 0;
}

@media (max-width: 767.98px) {
  .catalog-page__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .catalog-page__actions {
    width: 100%;
    justify-content: flex-start;
  }

  .catalog-page__action.btn {
    flex: 0 1 auto;
    white-space: normal;
  }
}
@media (max-width: 575.98px) {
  .catalog-page__header {
    gap: 14px;
    margin-bottom: 18px;
  }

  .catalog-page__heading-icon {
    width: 42px;
    height: 42px;
  }

  .catalog-page__title {
    font-size: 1.4rem;
  }

  .catalog-page__actions {
    gap: 6px;
  }

  .catalog-page__action.btn {
    min-height: 40px;
  }

  .catalog-order-page .catalog-page__action.btn {
    width: 100%;
  }

  .catalog-search {
    margin-bottom: 24px;
  }

  .catalog-category-section {
    margin-bottom: 26px;
  }

  .catalog-category-section + .catalog-category-section {
    padding-top: 22px;
  }

  .catalog-category-section__title,
.catalog-search-results__title {
    font-size: 1.08rem;
  }

  .catalog-category__title {
    font-size: 0.82rem;
  }

  .catalog-category-editor__header {
    padding-bottom: 16px;
  }

  .catalog-category-editor__section {
    padding: 18px 0 20px;
  }

  .catalog-category-editor__preview {
    min-height: 160px;
  }

  .catalog-category-editor__actions .btn {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .catalog-order-page__table > tbody > .catalog-order-page__item > td,
.catalog-category__media img,
.catalog-category__arrow {
    transition: none;
  }

  .catalog-category:hover .catalog-category__media img,
.catalog-category:focus-visible .catalog-category__media img,
.catalog-category:hover .catalog-category__arrow,
.catalog-category:focus-visible .catalog-category__arrow {
    transform: none;
  }
}
/* Shared content tiles: catalog items, manuals and homepage materials. */
.content-tile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

.content-tile-grid__item {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

.content-tile {
  display: flex;
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow: visible;
  flex-direction: column;
  color: #303639;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.content-tile:hover, .content-tile:focus-within {
  z-index: 3;
  color: #1f2426;
  border-color: #bcc4c8;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.content-tile:focus-within {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14), 0 7px 20px rgba(0, 0, 0, 0.12);
}
.content-tile:focus-visible {
  outline: 0;
}

.content-tile__media {
  display: flex;
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  background: linear-gradient(135deg, #f3f5f5, #e8ebed);
  border-radius: 12px 12px 0 0;
  box-shadow: none;
}
.content-tile__media > img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}
.content-tile__media:hover, .content-tile__media:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}
.content-tile__media:hover > img, .content-tile__media:focus-visible > img {
  transform: scale(1.025);
}

.content-tile__media--visual {
  cursor: default;
}
.content-tile__media--visual > img {
  object-fit: contain;
}
.content-tile__media--visual:hover {
  box-shadow: none;
}
.content-tile__media--visual:hover > img {
  transform: none;
}

.content-tile__placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8a9296;
}
.content-tile__placeholder .material-icons {
  font-size: 38px;
}

.content-tile__badge {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  padding: 4px 8px;
  color: #6d4800;
  background-color: #fff2cb;
  border: 1px solid #f2d384;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  font-size: 0.68rem;
  font-weight: 700;
}

.content-tile__badge--private {
  color: #8e1014;
  background-color: #fde9ea;
  border-color: #f2bfc1;
}

.content-tile__media-label {
  position: absolute;
  right: 9px;
  bottom: 9px;
  padding: 4px 7px;
  color: #ffffff;
  background-color: #a90005;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.content-tile__body {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 15px;
  color: #303639;
}

.content-tile__title {
  display: -webkit-box;
  min-height: 2.7em;
  margin: 0;
  overflow: hidden;
  color: #303639;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content-tile__title a {
  color: inherit;
}
.content-tile__title a:hover, .content-tile__title a:focus-visible {
  color: #780003;
  text-decoration: none;
}
.content-tile__title a:focus-visible {
  border-radius: 3px;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}

.content-tile__description {
  display: -webkit-box;
  min-height: 3.6em;
  margin: 7px 0 0;
  overflow: hidden;
  color: #737b7f;
  font-size: 0.78rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.catalog-visual-tile__title {
  min-height: 0;
  margin-bottom: 10px;
}

.catalog-visual-tile__admin {
  margin-bottom: 10px;
}

.catalog-visual-tile__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.catalog-visual-tile__details {
  display: grid;
  gap: 7px;
  margin: 0 0 2px;
  color: #5f6870;
  font-size: 0.76rem;
  line-height: 1.4;
}
.catalog-visual-tile__details > div {
  display: grid;
  grid-template-columns: minmax(70px, auto) 1fr;
  gap: 8px;
}
.catalog-visual-tile__details dt,
.catalog-visual-tile__details dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.catalog-visual-tile__details dt {
  color: #737b7f;
  font-weight: 600;
}
.catalog-visual-tile__details dd {
  color: #303639;
}

.catalog-visual-tile__cost dd {
  color: #a90005;
  font-weight: 600;
}

.content-tile__footer {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  gap: 8px;
  margin-top: auto;
}

.content-tile__cta {
  display: inline-flex;
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  align-self: flex-start;
  justify-content: flex-start;
  gap: 4px;
  padding: 13px 0 0;
  color: #a90005;
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: none;
}
.content-tile__cta .material-icons {
  font-size: 17px;
  transition: transform 160ms ease;
}
.content-tile__cta:hover, .content-tile__cta:focus-visible {
  color: #780003;
  text-decoration: none;
}
.content-tile__cta:hover .material-icons, .content-tile__cta:focus-visible .material-icons {
  transform: translateX(3px);
}

.content-tile__menu {
  display: flex;
  flex: 0 0 auto;
  padding-top: 10px;
}

.content-tile__menu-button {
  display: inline-flex;
  width: 34px;
  min-width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #5f6870;
  background: #eef0f2;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.content-tile__menu-button .material-icons {
  font-size: 19px;
}
.content-tile__menu-button:hover, .content-tile__menu-button:focus-visible {
  color: #303639;
  background: #dfe3e5;
}
.content-tile__menu-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}

.content-tile__dropdown {
  z-index: 1050;
  border: 1px solid #e0e4e6;
  border-radius: 9px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}
.content-tile__dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.content-tile__dropdown .dropdown-item .material-icons {
  color: #687277;
  font-size: 18px;
}
.content-tile__dropdown .dropdown-item:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(219, 0, 7, 0.2);
  outline: 0;
}

@media (max-width: 991.98px) {
  .content-tile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .content-tile-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .content-tile,
.content-tile__media > img,
.content-tile__cta .material-icons {
    transition: none;
  }

  .content-tile:hover,
.content-tile:focus-within,
.content-tile__media:hover > img,
.content-tile__media:focus-visible > img,
.content-tile__cta:hover .material-icons,
.content-tile__cta:focus-visible .material-icons {
    transform: none;
  }
}
.table > thead > tr > th {
  font-weight: 400;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  border-bottom: 1px solid #d2d2d2;
}

.carousel-inner {
  padding-top: 100% !important;
}
.carousel-inner .carousel-item {
  position: absolute;
  top: 0;
  height: 100%;
}
.carousel-inner .carousel-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.card .card-title {
  font-weight: 400;
}
.card .card-title.height-fix {
  height: 3em;
  overflow: hidden;
}
.card .card-title.height-fix-2-5 {
  height: 2.5em;
  overflow: hidden;
}
.card .card-title .badge {
  opacity: 1;
  background: #febb14;
  color: #ffffffb0;
}

.card-header-recommended {
  background-color: #febb14;
  margin: 0 0 !important;
  padding: 2px 5px !important;
  border-radius: 0 !important;
  position: relative;
}
.card-header-recommended .badge {
  color: #ffffff;
}
.card-header-recommended:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background-image: url(/assets/img/doporucene.png);
  background-size: 30% 100%;
  content: " ";
  display: block;
  background-position: right;
  background-repeat: no-repeat;
}

.card-search .form-group input, .card-search .form-group input:focus {
  color: #000000;
}
.card-search .form-group label {
  color: #000000 !important;
}
.card-search .form-group .form-control, .card-search .form-group .is-focused .form-control {
  background-image: linear-gradient(to top, #ffffff 2px, rgba(250, 180, 33, 0) 2px), linear-gradient(to top, #000000 1px, rgba(210, 210, 210, 0) 1px);
}
.card-search .bootstrap-select button {
  color: #000 !important;
  border: 1px solid #000 !important;
}
.card-search .bootstrap-select .bs-select-all {
  display: none;
}
.card-search .bootstrap-select .bs-deselect-all {
  width: 100%;
  background: #fbb421 !important;
  border: none !important;
}

.my-orders-heading-row {
  margin-bottom: 18px;
}

.my-orders-heading {
  display: flex;
  align-items: center;
  gap: 13px;
}
.my-orders-heading h3 {
  margin: 0;
  color: #2f3538;
  font-size: 1.55rem;
  line-height: 1.2;
}

.my-orders-heading-icon {
  display: inline-flex;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: #a90005;
  background: linear-gradient(135deg, #fffafa, #fde9ea);
  border: 1px solid #f4cacc;
  border-radius: 50%;
}
.my-orders-heading-icon .material-icons {
  font-size: 24px;
}

.my-orders-heading-label {
  display: block;
  margin-top: 3px;
  color: #737b7f;
  font-size: 0.78rem;
  font-weight: 600;
}

.my-orders-list-page {
  --my-orders-list-color: #b56a00;
  --my-orders-list-soft-color: #fff1dd;
}

.my-orders-list-page--history {
  --my-orders-list-color: #2e7d4f;
  --my-orders-list-soft-color: #e7f2eb;
}

.my-orders-list-page .my-orders-heading-icon {
  color: var(--my-orders-list-color);
  background: linear-gradient(135deg, #ffffff, var(--my-orders-list-soft-color));
  border-color: var(--my-orders-list-soft-color);
}

.my-orders-list-card {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.my-orders-list-card__body.card-body {
  padding: 0;
}

.my-orders-list-card__body > .row {
  margin: 0;
}

.my-orders-list-table.col-12 {
  padding: 0;
}

.my-orders-table-scroll {
  margin: 0;
}

.my-orders-table {
  min-width: 760px;
}

.my-orders-table__number {
  display: inline-flex;
  padding: 4px 8px;
  color: #303639;
  background-color: #eef0f2;
  border-radius: 7px;
  font-weight: 700;
  white-space: nowrap;
}

.my-orders-table__items,
.my-orders-table__restaurant {
  min-width: 150px;
  overflow-wrap: anywhere;
}

.my-orders-table__items-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-left: 0 !important;
  list-style: none;
}
.my-orders-table__items-list li {
  max-width: 100%;
  padding: 5px 8px;
  color: #40474a;
  background-color: #f5f6f6;
  border: 1px solid #e3e6e8;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.my-orders-table__date {
  white-space: nowrap;
}

.my-orders-status {
  --my-orders-status-color: #5f6870;
  --my-orders-status-bg: #eef0f2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  color: var(--my-orders-status-color);
  background-color: var(--my-orders-status-bg);
  font-size: 0.69rem;
  line-height: 1.2;
  white-space: nowrap;
}
.my-orders-status .material-icons {
  font-size: 15px;
}

.my-orders-status--created {
  --my-orders-status-color: #5f6870;
  --my-orders-status-bg: #eef0f2;
}

.my-orders-status--sent {
  --my-orders-status-color: #8a5200;
  --my-orders-status-bg: #fff1dd;
}

.my-orders-status--finished {
  --my-orders-status-color: #24653f;
  --my-orders-status-bg: #e7f2eb;
}

.my-orders-status--cancelled {
  --my-orders-status-color: #a90005;
  --my-orders-status-bg: #fde9ea;
}

.my-orders-table__actions,
.my-orders-table__actions-heading {
  width: 1%;
  min-width: 112px;
}

.my-orders-table__detail.btn {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.76rem;
  white-space: nowrap;
}
.my-orders-table__detail.btn .material-icons {
  font-size: 17px;
}
.my-orders-table__detail.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.my-orders-list-empty {
  display: flex;
  min-height: 190px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 11px;
  margin: 0;
  padding: 28px 20px;
  color: #737b7f;
  font-size: 0.88rem;
  text-align: center;
}

.my-orders-list-empty__icon {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  color: var(--my-orders-list-color);
  background-color: var(--my-orders-list-soft-color);
  border-radius: 50%;
}
.my-orders-list-empty__icon .material-icons {
  font-size: 27px;
}

@media (max-width: 575.98px) {
  .my-orders-list-card {
    margin-right: -5px;
    margin-left: -5px;
  }

  .my-orders-list-empty {
    min-height: 160px;
  }
}
.my-orders-actions.homepage-action-grid {
  display: grid !important;
  margin: 0;
}

.my-orders-action-wrapper.category-box-wrapper {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

.category-box.my-orders-action {
  --homepage-action-color: #a90005;
  --homepage-action-soft-color: #fde9ea;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  padding: 18px;
  padding-bottom: 18px;
  color: #303639;
  background-size: auto !important;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  text-align: left;
}

.my-orders-action-sent {
  --homepage-action-color: #b56a00;
  --homepage-action-soft-color: #fff1dd;
}

.my-orders-action-history {
  --homepage-action-color: #2e7d4f;
  --homepage-action-soft-color: #e7f2eb;
}

.my-orders-action h5.homepage-action-title {
  position: static;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  transform: none;
}

@media (min-width: 1200px) {
  .bg-mcd {
    background: url("/assets/img/mcd_bg.png") no-repeat right bottom;
  }

  .bg-fries {
    background: url("/assets/img/fries_bg.png") no-repeat right bottom;
    background-size: auto 100%;
  }
}
.bg-new-order {
  background: url("/assets/img/orders_new.png") no-repeat 100% 100%;
  background-size: 150% !important;
}

.bg-created-order {
  background: url("/assets/img/orders_created.png") no-repeat 100% 100%;
  background-size: 150% !important;
}

.bg-sent-order {
  background: url("/assets/img/orders_sent.png") no-repeat 100% 100%;
  background-size: 150% !important;
}

.bg-finished-order {
  background: url("/assets/img/orders_finished.png") no-repeat 100% 100%;
  background-size: 150% !important;
}

.bg-box-danger {
  background: url("/assets/img/box-bg-danger.png") no-repeat 100% 100%;
  background-size: 150% !important;
}

.bg-box-sync {
  background: url("/assets/img/box-bg-sync.png") no-repeat 100% 100%;
  background-size: 150% !important;
}

.info-title {
  font-weight: 700;
  font-size: 1.325rem;
}

.card-body .card-description {
  min-height: 100px;
  color: #000000 !important;
}

.main-panel > .content {
  padding: 30px 0;
  min-height: calc(100vh - 172px);
}

@media (max-width: 991.99px) {
  .main-panel > .content {
    padding: 30px 0;
    min-height: calc(100vh - 210px);
  }
}
.navbar-mobile {
  box-shadow: 0 0 10px 0 #00000047;
  border-radius: 0;
  padding: 0;
  transition: 0.5s all;
}
.navbar-mobile.hidden {
  transform: translateY(100%);
}
.navbar-mobile .nav-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.navbar-mobile .nav-item .navbar-toggler {
  line-height: inherit;
  border: 0;
  color: #000000;
}
.navbar-mobile .nav-link {
  padding: 3px 0;
}
.navbar-mobile .nav-link i {
  font-size: 16px;
}
.navbar-mobile .nav-link p {
  font-size: 10px;
  line-height: 12px;
}

.fixed-top {
  z-index: 1000 !important;
}

.homepage-dashboard {
  padding-bottom: 8px;
}

.cart-page {
  padding-bottom: 8px;
}

.cart-order-sent {
  margin-right: 0;
  margin-left: 0;
}

.cart-order-sent__hero {
  display: flex;
  min-height: 250px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 42px 24px;
  background: linear-gradient(135deg, #f3f8f5 25%, #e7f2eb 100%);
}

.cart-order-sent__status-icon {
  display: inline-flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #2e7d4f;
  border-radius: 50%;
}
.cart-order-sent__status-icon .material-icons {
  font-size: 38px;
}

.cart-order-sent__title.text-white {
  max-width: 720px;
  margin-bottom: 0 !important;
  color: #264f36 !important;
  font-size: 1.85rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.cart-order-sent__body {
  margin-right: 0;
  margin-left: 0;
}

.cart-order-sent__content {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 24px 28px;
}

.cart-order-sent__lead.mt-5 {
  margin: 30px 0 0 !important;
  color: #303639;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.cart-order-sent__follow-up {
  margin: 12px 0 0;
  color: #687277;
  font-size: 0.9rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.cart-order-sent__history-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px;
  color: #a90005;
}
.cart-order-sent__history-link .material-icons {
  font-size: 17px;
  transition: transform 160ms ease;
}
.cart-order-sent__history-link:hover, .cart-order-sent__history-link:focus-visible {
  color: #780003;
  text-decoration: none;
}
.cart-order-sent__history-link:hover .material-icons, .cart-order-sent__history-link:focus-visible .material-icons {
  transform: translateX(3px);
}
.cart-order-sent__history-link:focus-visible {
  border-radius: 4px;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}

.cart-order-sent__home-link.btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
}
.cart-order-sent__home-link.btn .material-icons {
  font-size: 19px;
}
.cart-order-sent__home-link.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.cart-page__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e3e6e8;
}

.cart-page__header-icon {
  display: inline-flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.cart-page__header-icon .material-icons {
  font-size: 23px;
  transform: translateY(-1px);
}

.cart-page__title {
  margin: 0;
  color: #303639;
  font-size: 1.65rem;
  line-height: 1.2;
}

.cart-progress {
  margin-right: auto;
  margin-left: auto;
}

.cart-progress__list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cart-progress__step {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  color: #737b7f;
}

.cart-progress__marker {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #737b7f;
  background-color: #eef0f2;
  border-radius: 50%;
  font-size: 0.78rem;
  font-weight: 700;
}

.cart-progress__step.is-active {
  color: #a90005;
}
.cart-progress__step.is-active .cart-progress__marker {
  color: #ffffff;
  background-color: #db0007;
}

.cart-progress__step.is-complete {
  color: #2e7d4f;
  text-decoration: none;
}
.cart-progress__step.is-complete .cart-progress__marker {
  color: #2e7d4f;
  background-color: #e7f2eb;
}
.cart-progress__step.is-complete:hover, .cart-progress__step.is-complete:focus-visible {
  color: #245f3d;
  text-decoration: none;
}
.cart-progress__step.is-complete:focus-visible {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(46, 125, 79, 0.18);
  outline: 0;
}

.cart-progress__marker .material-icons {
  font-size: 18px;
}

.cart-progress__label {
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.35;
}

.cart-progress__connector {
  display: inline-flex;
  align-items: center;
  margin: 0 18px;
  color: #a1a8ac;
}
.cart-progress__connector .material-icons {
  font-size: 24px;
}

.cart-empty-state {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px;
  color: #737b7f;
  background-color: #fafbfb;
  border: 1px dashed #cfd5d8;
  border-radius: 12px;
  font-size: 0.95rem;
  text-align: center;
}

.cart-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.cart-empty-state__icon .material-icons {
  font-size: 27px;
}

.cart-table-wrap {
  width: 100%;
  overflow-x: auto;
  border-top: 3px solid #303639;
  border-bottom: 1px solid #d8dde0;
}

.cart-table {
  min-width: 760px;
  margin: 0;
  color: #40474a;
  background-color: #ffffff;
}
.cart-table th,
.cart-table td {
  vertical-align: middle;
}
.cart-table > thead > tr > th {
  padding: 12px 14px;
  color: #303639;
  background-color: #f6f7f8;
  border-top: 0;
  border-bottom: 1px solid #d8dde0;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cart-table > tbody > tr > th,
.cart-table > tbody > tr > td {
  padding: 16px 14px;
  background-color: #ffffff;
  border-top: 1px solid #edf0f1;
}
.cart-table > tbody > tr:first-child > th,
.cart-table > tbody > tr:first-child > td {
  border-top: 0;
}
.cart-table > tbody > tr:hover > th,
.cart-table > tbody > tr:hover > td {
  background-color: #fafbfb;
}

.cart-table__visual {
  width: 132px;
}

.cart-table__image-wrap {
  display: flex;
  width: 104px;
  min-height: 78px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #f3f5f5, #e8ebed);
  border-radius: 10px;
}

.cart-table__image.img-fluid {
  width: 104px;
  height: 78px;
  margin: 0;
  object-fit: cover;
}

.cart-table__image-placeholder {
  display: inline-flex;
  color: #8a9296;
}
.cart-table__image-placeholder .material-icons {
  font-size: 30px;
}

.cart-table__product {
  width: 24%;
  color: #303639;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.cart-table__description {
  min-width: 210px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.cart-table__status {
  width: 1%;
}

.cart-table__actions {
  width: 1%;
  white-space: nowrap;
}

.cart-table__action-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.cart-table__action.btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 9px 13px;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.cart-table__action.btn .material-icons {
  font-size: 17px;
}
.cart-table__action.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(38, 79, 54, 0.24);
  outline: 0;
}

.cart-table__action.btn.btn-sm .material-icons {
  position: static;
  top: auto;
  left: auto;
  display: inline-block;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 17px;
  line-height: 1;
  vertical-align: middle;
  transform: none;
}

.cart-table__action--edit.btn {
  color: #303639 !important;
  background-color: #ffffff !important;
  border: 1px solid #cfd5d8;
}
.cart-table__action--edit.btn .material-icons {
  color: #2e7d4f;
}
.cart-table__action--edit.btn:hover, .cart-table__action--edit.btn:focus {
  color: #245f3d !important;
  background-color: #f3f8f5 !important;
  border-color: #9eb9a8;
  box-shadow: 0 4px 10px rgba(38, 79, 54, 0.1) !important;
}
.cart-table__action--edit.btn:focus-visible {
  border-color: #2e7d4f;
  box-shadow: 0 0 0 3px rgba(46, 125, 79, 0.18) !important;
}

.cart-table__action--delete.btn.btn-fab {
  width: auto;
  min-width: 0;
  height: 40px;
  padding: 9px 13px;
  color: #a90005 !important;
  background-color: #fff5f5 !important;
  border: 1px solid #efc3c5;
  overflow: visible;
  border-radius: 8px;
  line-height: 1.2;
}
.cart-table__action--delete.btn.btn-fab:hover, .cart-table__action--delete.btn.btn-fab:focus {
  color: #780003 !important;
  background-color: #fde9ea !important;
  border-color: #d9979a;
  box-shadow: 0 4px 10px rgba(181, 0, 6, 0.12) !important;
}
.cart-table__action--delete.btn.btn-fab:focus-visible {
  border-color: #b50006;
  box-shadow: 0 0 0 3px rgba(181, 0, 6, 0.18) !important;
}

.cart-page__footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 22px;
}

.cart-page__continue.btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding-right: 20px;
  padding-left: 20px;
}
.cart-page__continue.btn .material-icons {
  font-size: 19px;
  transition: transform 160ms ease;
}
.cart-page__continue.btn:hover .material-icons, .cart-page__continue.btn:focus-visible .material-icons {
  transform: translateX(3px);
}
.cart-page__continue.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.cart-address-form {
  padding-bottom: 4px;
}

.cart-address-layout {
  align-items: stretch;
}

.cart-address-section {
  min-width: 0;
  padding-top: 2px;
  padding-bottom: 10px;
}

.cart-address-section--invoice {
  padding: 22px 24px;
  background: linear-gradient(135deg, #f8f9f9 45%, #f1f5f3 150%);
  border-left: 4px solid #2e7d4f;
}

.cart-address-section__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e3e6e8;
}

.cart-address-section__icon {
  display: inline-flex;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.cart-address-section__icon .material-icons {
  font-size: 20px;
}

.cart-address-section--invoice .cart-address-section__icon {
  color: #2e7d4f;
  background-color: #e7f2eb;
}

.cart-address-section__title {
  margin: 0;
  color: #303639;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
}

.cart-address-field:last-child {
  margin-bottom: 0;
}

.cart-invoice-state {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0;
  color: #4f595d;
  font-size: 0.88rem;
  line-height: 1.55;
}

.cart-invoice-state__icon {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #687277;
  background-color: #e8ebed;
  border-radius: 50%;
}
.cart-invoice-state__icon .material-icons {
  font-size: 18px;
}

.cart-invoice-state--success .cart-invoice-state__icon {
  color: #2e7d4f;
  background-color: #e1f0e7;
}

.cart-invoice-state--error.alert {
  padding: 14px;
  color: #713034;
  background-color: #fff5f5;
  border-color: #efc3c5;
  border-left: 4px solid #b50006;
  border-radius: 8px;
}
.cart-invoice-state--error.alert .cart-invoice-state__icon {
  color: #b50006;
  background-color: #fde9ea;
}

.cart-invoice-state--empty,
.cart-invoice-state--waiting {
  min-height: 104px;
  align-items: center;
  justify-content: center;
  padding: 18px;
  color: #687277;
  border: 1px dashed #cbd1d4;
  text-align: left;
}

.cart-invoice-address {
  margin: 1px 0 0;
  color: #4f595d;
  font-style: normal;
  overflow-wrap: anywhere;
}

.cart-invoice-address__company {
  padding-bottom: 5px;
  color: #303639;
  font-size: 0.96rem;
  font-weight: 700;
}

.cart-invoice-address__registration {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #dbe2de;
  color: #687277;
  font-size: 0.78rem;
}

.cart-order-actions {
  margin-top: 26px;
}

.cart-order-actions__inner {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  border-top: 1px solid #e3e6e8;
}

.cart-order-submit.btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding-right: 20px;
  padding-left: 20px;
}
.cart-order-submit.btn .material-icons {
  font-size: 18px;
}
.cart-order-submit.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}
.cart-order-submit.btn:disabled {
  box-shadow: none;
  cursor: wait;
  opacity: 0.65;
}

@media (max-width: 767.98px) {
  .cart-progress__list {
    align-items: flex-start;
  }

  .cart-progress__step {
    flex: 1 1 0;
    flex-direction: column;
    gap: 7px;
  }

  .cart-progress__label {
    font-size: 0.78rem;
  }

  .cart-progress__connector {
    margin: 5px 4px 0;
  }

  .cart-table-wrap {
    overflow: visible;
  }

  .cart-table {
    min-width: 0;
  }
  .cart-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .cart-table tbody,
.cart-table tr,
.cart-table th,
.cart-table td {
    display: block;
    width: 100%;
  }
  .cart-table > tbody > tr {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 0 14px;
    padding: 18px 0;
    border-top: 1px solid #edf0f1;
  }
  .cart-table > tbody > tr:first-child {
    border-top: 0;
  }
  .cart-table > tbody > tr > th,
.cart-table > tbody > tr > td,
.cart-table > tbody > tr:hover > th,
.cart-table > tbody > tr:hover > td {
    padding: 0;
    background-color: transparent;
    border: 0;
  }

  .cart-table__visual {
    grid-row: 1/4;
  }

  .cart-table__image-wrap,
.cart-table__image.img-fluid {
    width: 92px;
  }

  .cart-table__image-wrap {
    min-height: 76px;
  }

  .cart-table__image.img-fluid {
    height: 76px;
  }

  .cart-table__product,
.cart-table__description {
    grid-column: 2;
  }

  .cart-table__product::before,
.cart-table__description::before {
    display: block;
    margin-bottom: 3px;
    color: #737b7f;
    content: attr(data-label);
    font-size: 0.67rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .cart-table__description {
    margin-top: 12px;
  }

  .cart-table__status:empty {
    display: none;
  }

  .cart-table > tbody > tr > td.cart-table__actions {
    display: block;
    grid-column: 1/-1;
    margin-top: 16px;
    text-align: left !important;
    white-space: normal;
  }

  .cart-table__action-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cart-table__action.btn,
.cart-table__action--delete.btn.btn-fab {
    width: 100%;
  }

  .cart-address-layout > .col-md-1,
.cart-address-layout > .col-md-2 {
    display: none;
  }

  .cart-address-section {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .cart-address-section--invoice {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  .cart-order-sent__hero {
    min-height: 220px;
    padding: 34px 18px;
  }

  .cart-order-sent__status-icon {
    width: 64px;
    height: 64px;
  }
  .cart-order-sent__status-icon .material-icons {
    font-size: 34px;
  }

  .cart-order-sent__title.text-white {
    font-size: 1.5rem;
  }

  .cart-order-sent__content {
    padding-right: 18px;
    padding-left: 18px;
  }

  .cart-order-sent__home-link.btn {
    width: 100%;
  }

  .cart-page__header {
    padding-bottom: 13px;
  }

  .cart-page__header-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }

  .cart-page__title {
    font-size: 1.4rem;
  }

  .cart-progress {
    margin-top: 22px !important;
    margin-bottom: 32px !important;
  }

  .cart-empty-state {
    min-height: 160px;
    padding: 24px 18px;
  }

  .cart-page__continue.btn {
    width: 100%;
  }

  .cart-address-section {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cart-address-section--invoice {
    padding: 20px 16px;
    margin-top: 24px;
  }

  .cart-order-actions {
    margin-top: 22px;
  }

  .cart-order-submit.btn {
    width: 100%;
  }
}
@media (max-width: 359.98px) {
  .cart-table__action-group {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cart-order-sent__history-link .material-icons {
    transition: none;
  }

  .cart-order-sent__history-link:hover .material-icons,
.cart-order-sent__history-link:focus-visible .material-icons {
    transform: none;
  }

  .cart-table__action.btn {
    transition: none;
  }

  .cart-page__continue.btn .material-icons {
    transition: none;
  }

  .cart-page__continue.btn:hover .material-icons,
.cart-page__continue.btn:focus-visible .material-icons {
    transform: none;
  }
}
.homepage-section {
  min-width: 0;
  margin-bottom: 28px;
}

.homepage-section:last-child {
  margin-bottom: 0;
}

.homepage-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.homepage-section-title {
  margin: 0;
  color: #303639;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}

.homepage-section-description {
  margin: 4px 0 0;
  color: #737b7f;
  font-size: 0.86rem;
  line-height: 1.45;
}

.homepage-section-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 6px 2px;
  color: #a90005;
  font-size: 0.82rem;
  font-weight: 700;
}
.homepage-section-link .material-icons {
  font-size: 18px;
  transition: transform 160ms ease;
}
.homepage-section-link:hover, .homepage-section-link:focus-visible {
  color: #780003;
  text-decoration: none;
}
.homepage-section-link:hover .material-icons, .homepage-section-link:focus-visible .material-icons {
  transform: translateX(3px);
}
.homepage-section-link:focus-visible {
  border-radius: 4px;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}

.homepage-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.homepage-action-card {
  --homepage-action-color: #5f6870;
  --homepage-action-soft-color: #eef0f2;
  display: flex;
  min-width: 0;
  min-height: 108px;
  align-items: center;
  gap: 14px;
  padding: 18px;
  color: #303639;
  background: linear-gradient(135deg, #ffffff 48%, var(--homepage-action-soft-color) 165%);
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.homepage-action-card:hover, .homepage-action-card:focus-visible {
  color: #1f2426;
  text-decoration: none;
  border-color: var(--homepage-action-color);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.homepage-action-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14), 0 7px 20px rgba(0, 0, 0, 0.12);
  outline: 0;
}

.homepage-action-card--restaurants {
  --homepage-action-color: #1976d2;
  --homepage-action-soft-color: #e8f3fc;
}

.homepage-action-card--rfm {
  --homepage-action-color: #2e7d4f;
  --homepage-action-soft-color: #e7f2eb;
}

.homepage-action-card--catalog {
  --homepage-action-color: #d87800;
  --homepage-action-soft-color: #fff1dd;
}

.homepage-action-icon {
  display: inline-flex;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  color: var(--homepage-action-color);
  background-color: var(--homepage-action-soft-color);
  border-radius: 50%;
}
.homepage-action-icon .material-icons {
  font-size: 24px;
}

.homepage-action-content {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
}

.homepage-action-title {
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.homepage-action-description {
  color: #737b7f;
  font-size: 0.79rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.homepage-action-arrow {
  flex: 0 0 auto;
  color: var(--homepage-action-color);
  font-size: 20px;
}

.homepage-attention {
  padding: 20px;
  background: linear-gradient(135deg, #ffffff 55%, #fff4f4 160%);
  border: 1px solid #f0d7d8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.homepage-attention-total {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 700;
}
.homepage-attention-total .material-icons {
  font-size: 19px;
}

.homepage-attention-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.homepage-attention-item {
  display: grid;
  min-width: 0;
  min-height: 58px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  color: #303639;
  background-color: #ffffff;
  border: 1px solid #e6e9ea;
  border-radius: 10px;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.homepage-attention-item:hover, .homepage-attention-item:focus-visible {
  color: #1f2426;
  text-decoration: none;
  background-color: #fffafa;
  border-color: #e7b9bb;
}
.homepage-attention-item:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}

.homepage-attention-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.homepage-attention-icon .material-icons {
  font-size: 18px;
}

.homepage-attention-label {
  min-width: 0;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.homepage-attention-market {
  display: inline-flex;
  margin-left: 4px;
  padding: 2px 6px;
  color: #5f6870;
  background-color: #eef0f2;
  border-radius: 999px;
  font-size: 0.67rem;
  font-weight: 700;
  text-transform: uppercase;
}

.homepage-attention-count {
  display: inline-flex;
  min-width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  color: #ffffff;
  background-color: #db0007;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
}

.homepage-attention-arrow {
  color: #8a9296;
  font-size: 19px;
}

.homepage-empty-state {
  display: flex;
  min-height: 108px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  color: #737b7f;
  background-color: #ffffff;
  border: 1px dashed #cfd5d8;
  border-radius: 12px;
  font-size: 0.86rem;
  text-align: center;
}
.homepage-empty-state .material-icons {
  color: #8a9296;
  font-size: 25px;
}

@media (max-width: 991.98px) {
  .homepage-attention-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .homepage-section {
    margin-bottom: 24px;
  }

  .homepage-section-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .homepage-section-link {
    align-self: flex-start;
  }

  .homepage-action-grid,
.homepage-attention-list {
    grid-template-columns: 1fr;
  }

  .homepage-attention {
    padding: 16px;
  }

  .homepage-attention-item {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .homepage-attention-arrow {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .homepage-section-link .material-icons,
.homepage-action-card,
.homepage-attention-item {
    transition: none;
  }

  .homepage-section-link:hover .material-icons,
.homepage-section-link:focus-visible .material-icons,
.homepage-action-card:hover,
.homepage-action-card:focus-visible {
    transform: none;
  }
}
.manuals-page {
  padding-bottom: 8px;
}

.manuals-page-header {
  align-items: center;
  gap: 18px 0;
  margin-bottom: 22px;
}

.manuals-page-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}

.manuals-page-heading__icon {
  display: inline-flex;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background: linear-gradient(135deg, #fde9ea, #fff5f5);
  border: 1px solid #f1d5d6;
  border-radius: 50%;
}
.manuals-page-heading__icon .material-icons {
  font-size: 25px;
}

.manuals-page-heading__content {
  min-width: 0;
}

.manuals-page-heading__title {
  margin: 0;
  color: #303639;
  font-size: 1.55rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.manuals-page-heading__description {
  margin: 4px 0 0;
  color: #737b7f;
  font-size: 0.86rem;
  line-height: 1.45;
}

.manuals-page-actions {
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.manuals-page-actions.d-none {
  display: flex !important;
}

.manuals-page-actions__button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  margin: 0;
  padding: 10px 15px;
  color: #4f595e;
  background: #ffffff;
  border: 1px solid #d9dee0;
  border-radius: 9px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  font-size: 0.76rem;
  font-weight: 700;
}
.manuals-page-actions__button.btn .material-icons {
  font-size: 19px;
}
.manuals-page-actions__button.btn:hover, .manuals-page-actions__button.btn:focus-visible {
  color: #303639;
  background-color: #f8f9f9;
  border-color: #aeb7bb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.manuals-page-actions__button.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14), 0 4px 12px rgba(0, 0, 0, 0.1);
  outline: 0;
}

.manuals-page-actions__button--primary.btn {
  color: #ffffff;
  background: #a90005;
  border-color: #a90005;
}
.manuals-page-actions__button--primary.btn:hover, .manuals-page-actions__button--primary.btn:focus-visible {
  color: #ffffff;
  background: #780003;
  border-color: #780003;
}

.manuals-results-summary {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  padding: 0;
}

.manuals-results-summary__icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: #5f6870;
  background-color: #eef0f2;
  border-radius: 50%;
}
.manuals-results-summary__icon .material-icons {
  font-size: 18px;
}

.manuals-results-summary__text {
  color: #737b7f;
  font-size: 0.84rem;
  line-height: 1.4;
}
.manuals-results-summary__text strong {
  color: #303639;
  font-weight: 700;
}

.manuals-empty-state {
  display: flex;
  min-height: 150px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  margin: 7px 0;
  padding: 24px;
  color: #737b7f;
  background: linear-gradient(135deg, #ffffff, #f7f8f8);
  border: 1px dashed #cfd5d8;
  border-radius: 12px;
  font-size: 0.86rem;
  text-align: center;
}

.manuals-empty-state__icon {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  color: #8a9296;
  background-color: #eef0f2;
  border-radius: 50%;
}
.manuals-empty-state__icon .material-icons {
  font-size: 24px;
}

.manuals-editor,
.manuals-order {
  min-width: 0;
}

.manuals-editor__grid {
  margin-right: -9px;
  margin-left: -9px;
  row-gap: 18px;
}

.manuals-editor__column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 18px;
  padding-right: 9px;
  padding-left: 9px;
}

.manuals-editor__section {
  min-width: 0;
  padding: clamp(16px, 2vw, 22px);
  background-color: #fafbfb;
  border: 1px solid #e3e6e8;
  border-radius: 10px;
}

.manuals-editor__section-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.manuals-editor__section-heading h3 {
  margin: 0;
  color: #3b4347;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.35;
}

.manuals-editor__section-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  color: #687277;
  background-color: #eef0f2;
  border-radius: 50%;
}
.manuals-editor__section-icon .material-icons {
  font-size: 18px;
}

.manuals-editor__section--pdf {
  background: linear-gradient(135deg, #fffafa, #ffffff);
  border-color: #efd9da;
}

.manuals-editor__upload {
  padding: 16px;
  background-color: #ffffff;
  border: 1px dashed #cbd1d4;
  border-radius: 9px;
}

.manuals-editor__upload-button.btn {
  width: 100%;
  margin: 0;
}

.manuals-editor__choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.manuals-editor__choices .form-check {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 9px;
}

.manuals-editor__image {
  margin-top: 0 !important;
}

.manuals-editor__image-preview.thumbnail {
  display: flex;
  min-height: 180px;
  max-height: 320px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0;
  background: linear-gradient(135deg, #f4f6f6, #e9edef) !important;
  border: 1px solid #dfe3e5;
  border-radius: 10px;
  box-shadow: none;
}
.manuals-editor__image-preview.thumbnail img {
  width: 100%;
  max-height: 318px;
  object-fit: contain;
}

.manuals-editor__image-preview--empty .material-icons {
  color: #92999d;
  font-size: 42px;
}

.manuals-editor__image-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.manuals-editor__image-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.manuals-editor__actions-row {
  margin-right: 0;
  margin-left: 0;
}

.manuals-editor__actions {
  padding-right: 0;
  padding-left: 0;
}

.manuals-order__summary {
  margin-bottom: 12px;
}

.manuals-order__empty {
  margin: 0;
}

.manuals-order__table-wrap {
  border-radius: 10px;
}

.manuals-order__table.table {
  min-width: 480px;
}
.manuals-order__table.table > tbody > .manuals-order__item > td {
  padding: 11px;
  background-color: #ffffff;
  border-color: #e8ebec;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}
.manuals-order__table.table > tbody > .manuals-order__item:hover > td {
  background-color: #fafbfb;
}
.manuals-order__table.table > tbody > .manuals-order__item.updated > td {
  background-color: #fff8e8;
}

.manuals-order__drag {
  width: 58px;
  color: #687277;
  cursor: grab;
  touch-action: none;
}
.manuals-order__drag:active {
  cursor: grabbing;
}

.manuals-order__drag-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  background-color: #eef0f2;
  border-radius: 50%;
}

.manuals-order__preview-cell {
  width: 78px;
}

.manuals-order__preview {
  width: 56px;
  height: 46px;
  object-fit: cover;
  background-color: #eef0f2;
  border: 1px solid #e1e5e6;
}

.manuals-order__name {
  color: #303639;
  font-size: 0.9rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  .manuals-editor__column.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .manuals-page-header {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 18px;
  }

  .manuals-page-actions {
    width: 100%;
    padding-left: 15px;
    justify-content: flex-start;
  }

  .manuals-page-actions__button.btn {
    flex: 1 1 0;
  }
}
@media (max-width: 575.98px) {
  .manuals-page-heading {
    align-items: flex-start;
  }

  .manuals-page-heading__icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .manuals-page-heading__title {
    font-size: 1.35rem;
  }

  .manuals-page-actions {
    flex-direction: column;
    padding-right: 15px;
  }

  .manuals-page-actions__button.btn {
    width: 100%;
  }

  .manuals-results-summary {
    margin-bottom: 2px;
  }

  .manuals-editor__choices {
    grid-template-columns: 1fr;
  }

  .manuals-editor__image-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .manuals-editor__image-actions .btn {
    justify-content: center;
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .manuals-order__table > tbody > .manuals-order__item > td {
    transition: none;
  }
}
.custom-file-container__custom-file__custom-file-control__button {
  background-color: #db0009 !important;
  border: none !important;
  color: #ffffff !important;
  width: 100%;
  margin-top: 2px;
}

.jumbotron {
  position: relative;
  overflow: hidden;
  padding: 18px;
  margin-bottom: 20px;
  color: #40474a;
  background: linear-gradient(135deg, #ffffff 42%, #fff8e8 145%);
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  font-size: 0.8rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.jumbotron::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  content: "";
  background: linear-gradient(90deg, #fab421 0%, #ffd36a 100%);
}
.jumbotron .display-4 {
  margin-bottom: 6px;
  color: #303639;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-weight: 700;
  line-height: 1.2;
}
.jumbotron > :last-child {
  margin-bottom: 0;
}
.jumbotron a:focus-visible {
  outline: 3px solid rgba(219, 0, 7, 0.28);
  outline-offset: 3px;
  border-radius: 2px;
}
.jumbotron.maintenance-mode {
  text-align: center;
}
.jumbotron.maintenance-mode p {
  font-size: 1.1rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 20px 22px;
  }
}

figure.table table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 50%;
}
figure.table table td {
  min-width: 2em;
}

.sortableTable .drag-handle {
  cursor: move;
}

.jumbotron a, .jumbotron a:visited, .card p a, .card p a:visited {
  color: #db0007;
  text-decoration: underline;
}

.text-huge {
  font-size: 140%;
}

.text-big {
  font-size: 120%;
}

.text-small {
  font-size: 80%;
}

.text-tiny {
  font-size: 60%;
}

.wrapper.sign,
.wrapper.lostpassword {
  min-height: 100vh;
  background-color: #f7f8f8;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 248, 248, 0.82) 58%, rgba(255, 248, 232, 0.78) 100%), url("/assets/img/mcd/McD_GoldenArches_cropped_left_1235_RGB.svg");
  background-repeat: no-repeat;
  background-position: center, right bottom;
  background-size: cover, min(46vw, 58vh);
}
.wrapper.sign > .sidebar,
.wrapper.lostpassword > .sidebar {
  display: none;
}
.wrapper.sign > .main-panel,
.wrapper.lostpassword > .main-panel {
  width: 100%;
}

.sign-in-page,
.password-recovery-page {
  display: flex;
  min-height: calc(100vh - 230px);
  align-items: center;
  width: 100%;
  padding: 18px 0 34px;
}

.sign-in-page__container,
.password-recovery-page__container {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}

.sign-in-page__layout,
.password-recovery-page__layout {
  justify-content: center;
  margin-right: 0;
  margin-left: 0;
}

.sign-in-page__column {
  flex: 0 0 100%;
  width: 100%;
  max-width: 1080px;
  padding: 0;
}

.password-recovery-page__column {
  flex: 0 0 100%;
  width: 100%;
  max-width: 510px;
  padding: 0;
}

.sign-in-page__stack {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  align-items: start;
  gap: 7px 22px;
  margin: 0;
}

.sign-in-page__primary,
.sign-in-page__support-list,
.sign-in-page__support {
  width: 100%;
  max-width: none;
  padding: 0;
}

.sign-in-page__support-list {
  display: grid;
  gap: 7px;
}

.sign-in-card {
  margin: 0;
  overflow: hidden;
  background: linear-gradient(145deg, #ffffff 68%, #fafbfb 140%);
  border: 1px solid #e1e5e7;
  border-radius: 12px;
  box-shadow: 0 10px 32px rgba(35, 43, 47, 0.1);
}

.password-recovery-panel {
  overflow: hidden;
  background: linear-gradient(145deg, #ffffff 68%, #fafbfb 140%);
  border: 1px solid #e1e5e7;
  border-radius: 12px;
  box-shadow: 0 10px 32px rgba(35, 43, 47, 0.1);
}

.password-recovery-panel__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 26px 18px;
  background: linear-gradient(135deg, #ffffff 50%, #fff8e8 150%);
  border-top: 4px solid #fab421;
  border-bottom: 1px solid #e7e9ea;
}

.password-recovery-panel__icon {
  display: inline-flex;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.password-recovery-panel__icon .material-icons {
  font-size: 24px;
}

.password-recovery-panel__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  font-weight: 700;
  line-height: 1.25;
}

.password-recovery-panel__body {
  padding: 26px;
}

.password-recovery-form .form-group:last-child {
  margin-bottom: 0;
}

.password-recovery-form__actions {
  padding-top: 4px;
}

.password-recovery-form__submit.btn,
.password-recovery-panel__body .btn[type=submit] {
  display: inline-flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 8px;
  font-size: 0.86rem;
  font-weight: 700;
}

.password-recovery-panel__back-link {
  padding-top: 18px;
  margin: 20px 0 0;
  border-top: 1px solid #e7e9ea;
  text-align: center;
}
.password-recovery-panel__back-link a {
  color: #a90005;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.password-recovery-panel__back-link a:hover, .password-recovery-panel__back-link a:focus-visible {
  color: #780003;
}
.password-recovery-panel__back-link a:focus-visible {
  border-radius: 3px;
  outline: 3px solid rgba(219, 0, 7, 0.18);
  outline-offset: 3px;
}

.sign-in-card__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 26px 18px;
  color: #303639;
  background: linear-gradient(135deg, #ffffff 50%, #fff8e8 150%);
  border-bottom: 1px solid #e7e9ea;
  border-radius: 0;
  box-shadow: none;
}
.sign-in-card__header::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  content: "";
  background: linear-gradient(90deg, #fab421 0%, #ffd36a 100%);
}

.sign-in-card__icon {
  display: inline-flex;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: #a90005;
  background-color: #fde9ea;
  border-radius: 50%;
}
.sign-in-card__icon .material-icons {
  font-size: 24px;
}

.sign-in-card__heading {
  min-width: 0;
}

.sign-in-card__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 700;
  line-height: 1.25;
}

.sign-in-card__body {
  padding: 26px;
}

.sign-in-form .form-group:last-child {
  margin-bottom: 0;
}

.sign-in-form__actions {
  padding-top: 4px;
}

.sign-in-form__submit.btn {
  display: inline-flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 8px;
  font-size: 0.86rem;
  font-weight: 700;
}

.sign-in-card__recovery {
  padding-top: 18px;
  margin-top: 20px;
  border-top: 1px solid #e7e9ea;
  text-align: center;
}
.sign-in-card__recovery a {
  color: #a90005;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sign-in-card__recovery a:hover, .sign-in-card__recovery a:focus-visible {
  color: #780003;
}
.sign-in-card__recovery a:focus-visible {
  border-radius: 3px;
  outline: 3px solid rgba(219, 0, 7, 0.18);
  outline-offset: 3px;
}

.sign-in-support__toggle.btn {
  display: flex;
  min-height: 60px;
  align-items: center;
  gap: 14px;
  padding: 9px 14px;
  margin: 0;
  color: #303639 !important;
  background: linear-gradient(135deg, #ffffff 48%, #fff8e8 165%);
  background-color: #ffffff !important;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  text-transform: none;
  white-space: normal;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.sign-in-support__toggle.btn:hover, .sign-in-support__toggle.btn:focus, .sign-in-support__toggle.btn:focus-visible {
  color: #303639 !important;
  background: linear-gradient(135deg, #ffffff 48%, #fff8e8 165%);
  border-color: #cbd1d4;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.11);
  transform: translateY(-1px);
}
.sign-in-support__toggle.btn:active, .sign-in-support__toggle.btn.active {
  color: #303639 !important;
  background: linear-gradient(135deg, #ffffff 48%, #fff8e8 165%) !important;
  background-color: #ffffff !important;
  border-color: #cbd1d4;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09);
  transform: none;
}
.sign-in-support__toggle.btn:focus-visible {
  outline: 3px solid rgba(219, 0, 7, 0.16);
  outline-offset: 2px;
}
.sign-in-support__toggle.btn[aria-expanded=true] {
  border-color: #cbd1d4;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.sign-in-support__toggle.btn[aria-expanded=true] .sign-in-support__chevron {
  transform: rotate(180deg);
}

.sign-in-support__toggle--primary.btn {
  color: #303639 !important;
  background: linear-gradient(135deg, #ffffff 48%, #f3f8f5 165%);
}
.sign-in-support__toggle--primary.btn:hover, .sign-in-support__toggle--primary.btn:focus, .sign-in-support__toggle--primary.btn:focus-visible {
  color: #303639 !important;
  background: linear-gradient(135deg, #ffffff 48%, #e7f2eb 165%);
  border-color: #6a9a7b;
}
.sign-in-support__toggle--primary.btn:active, .sign-in-support__toggle--primary.btn.active {
  background: linear-gradient(135deg, #ffffff 48%, #e7f2eb 165%) !important;
  background-color: #ffffff !important;
  border-color: #6a9a7b;
}
.sign-in-support__toggle--primary.btn .sign-in-support__icon {
  color: #2e7d4f;
  background-color: #e7f2eb;
}

.sign-in-support__label {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 12px;
}

.sign-in-support__icon {
  display: inline-flex;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  color: #9a5900;
  background-color: #fff1dd;
  border-radius: 50%;
}
.sign-in-support__icon .material-icons {
  font-size: 21px;
}

.sign-in-support__toggle > .sign-in-support__chevron {
  display: inline-flex !important;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  align-items: center;
  align-self: center;
  justify-content: center;
  margin: 0 !important;
  color: #667075;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: transform 160ms ease;
}

.sign-in-support__content {
  padding: 18px;
  margin: 6px 0 0;
  color: #4f585c;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
  font-size: 0.8rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.sign-in-support__content > :last-child {
  margin-bottom: 0;
}
.sign-in-support__content h3 {
  margin-top: 0;
  color: #303639;
  font-size: 1rem;
}
.sign-in-support__content a {
  color: #a90005;
  font-weight: 600;
}

.sign-in-form--compact .form-group {
  margin-bottom: 14px;
}

@media (max-width: 991.98px) {
  .wrapper.sign,
.wrapper.lostpassword {
    background-size: cover, min(62vw, 48vh);
  }

  .sign-in-page,
.password-recovery-page {
    min-height: auto;
    align-items: flex-start;
  }

  .sign-in-page__stack {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .sign-in-page__support-list {
    gap: 8px;
  }
}
@media (max-width: 575.98px) {
  .wrapper.sign,
.wrapper.lostpassword {
    background-image: linear-gradient(145deg, #ffffff 0%, #f7f8f8 72%, #fff8e8 130%);
  }

  .sign-in-page {
    padding: 6px 0 24px;
  }

  .sign-in-card__header {
    padding: 20px 18px 17px;
  }

  .sign-in-card__icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .sign-in-card__body {
    padding: 20px 18px;
  }

  .password-recovery-panel__header {
    padding: 18px;
  }

  .password-recovery-panel__body {
    padding: 20px 18px;
  }

  .password-recovery-panel__icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .sign-in-support__toggle.btn {
    min-height: 58px;
    padding: 8px 13px;
  }

  .sign-in-support__icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .sign-in-support__content {
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sign-in-support__toggle.btn,
.sign-in-support__chevron {
    transition: none;
  }

  .sign-in-support__toggle.btn:hover,
.sign-in-support__toggle.btn:focus,
.sign-in-support__toggle.btn:focus-visible {
    transform: none;
  }
}
.main-panel > .footer {
  background: #ffffffc7;
}

.rfm-dashboard {
  padding-bottom: 8px;
}

.rfm-intro {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rfm-intro__icon {
  display: inline-flex;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  color: #9a5900;
  background-color: #fff1c7;
  border-radius: 50%;
}
.rfm-intro__icon .material-icons {
  font-size: 27px;
}

.rfm-section__count {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  color: #5f6870;
  background-color: #eef0f2;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
}
.rfm-section__count .material-icons {
  font-size: 17px;
}

.rfm-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.rfm-action-slot {
  width: auto;
  max-width: none;
  padding: 0;
}

.rfm-action-card.card.card-body {
  height: 100%;
  padding: 18px;
  margin: 0;
  text-align: left;
}

.rfm-action-card.rfm-action-card--currency,
.rfm-action-card.rfm-action-card--payments {
  --homepage-action-color: #1976d2;
  --homepage-action-soft-color: #e8f3fc;
}

.rfm-action-card.rfm-action-card--deposit,
.rfm-action-card.rfm-action-card--meal {
  --homepage-action-color: #2e7d4f;
  --homepage-action-soft-color: #e7f2eb;
}

.rfm-action-card.rfm-action-card--service,
.rfm-action-card.rfm-action-card--buttons {
  --homepage-action-color: #8a5b00;
  --homepage-action-soft-color: #fff1dd;
}

.rfm-action-card.rfm-action-card--receipt,
.rfm-action-card.rfm-action-card--night {
  --homepage-action-color: #7b4ab0;
  --homepage-action-soft-color: #f1eafa;
}

.rfm-value-group__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.rfm-value-group__title {
  color: #303639;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.rfm-value-group__description {
  color: #737b7f;
  font-size: 0.76rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.rfm-value-groups {
  display: grid;
  gap: 10px;
}

.rfm-value-group,
.rfm-archive {
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

.rfm-value-group__summary,
.rfm-archive__summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 15px 17px;
  cursor: pointer;
  list-style: none;
  transition: background-color 160ms ease;
}
.rfm-value-group__summary::-webkit-details-marker,
.rfm-archive__summary::-webkit-details-marker {
  display: none;
}
.rfm-value-group__summary:hover,
.rfm-archive__summary:hover {
  background-color: #fafbfb;
}
.rfm-value-group__summary:focus-visible,
.rfm-archive__summary:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(219, 0, 7, 0.15);
  outline: 0;
}

.rfm-value-group__icon {
  display: inline-flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: #9a5900;
  background-color: #fff1dd;
  border-radius: 50%;
}
.rfm-value-group__icon .material-icons {
  font-size: 21px;
}

.rfm-value-group__chevron {
  color: #737b7f;
  transition: transform 160ms ease;
}

.rfm-value-group[open] > .rfm-value-group__summary,
.rfm-archive[open] > .rfm-archive__summary {
  background-color: #fbfcfc;
  border-bottom: 1px solid #e8ebed;
}

.rfm-value-group[open] > .rfm-value-group__summary .rfm-value-group__chevron,
.rfm-archive[open] > .rfm-archive__summary .rfm-value-group__chevron {
  transform: rotate(180deg);
}

.rfm-value-group__content,
.rfm-archive__content {
  padding: 16px;
}

.rfm-value-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.rfm-value-panel {
  width: auto;
  max-width: none;
  padding: 0;
}
.rfm-value-panel > h3 {
  margin: 0 0 8px;
  color: #40474a;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-value-panel > .card {
  height: calc(100% - 27px);
  margin-bottom: 0;
  border: 1px solid #e7eaec;
  border-radius: 10px;
  box-shadow: none;
}
.rfm-value-panel .card-body {
  padding: 0;
}
.rfm-value-panel .table-responsive {
  border-radius: 10px;
}
.rfm-value-panel .table {
  margin-bottom: 0;
  font-size: 0.78rem;
}

.rfm-archive__summary {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.rfm-archive__content {
  padding: 0;
}

.rfm-request-card {
  overflow: hidden;
  border: 1px solid #e3e6e8;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}
.rfm-request-card > .card-body {
  padding: 0;
}

.rfm-request-table {
  min-width: 850px;
  margin-bottom: 0;
}
.rfm-request-table .badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.rfm-request-table .badge .material-icons {
  font-size: 14px;
}

.rfm-request-table__id {
  color: #5f6870;
  font-size: 0.76rem;
  font-weight: 700;
}

.rfm-request-table__action.btn {
  min-height: 34px;
  margin: 0;
  padding: 7px 12px;
  white-space: nowrap;
}

.rfm-empty-state {
  display: flex;
  min-height: 90px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #737b7f;
  text-align: center;
}
.rfm-empty-state .material-icons {
  color: #8a9296;
  font-size: 24px;
}

@media (max-width: 1199.98px) {
  .rfm-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .rfm-value-panel.col-lg-4,
.rfm-value-panel.col-lg-6 {
    grid-column: span 12;
  }
}
@media (min-width: 992px) {
  .rfm-value-panel.col-lg-4 {
    grid-column: span 4;
  }

  .rfm-value-panel.col-lg-6 {
    grid-column: span 6;
  }

  .rfm-value-panel.rfm-value-panel--half {
    grid-column: span 6;
  }

  .rfm-value-panel.col-12:not(.col-lg-4):not(.col-lg-6) {
    grid-column: span 12;
  }
}
@media (max-width: 575.98px) {
  .rfm-intro {
    align-items: flex-start;
  }

  .rfm-intro__icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .rfm-action-grid {
    grid-template-columns: 1fr;
  }

  .rfm-action-card.card.card-body {
    min-height: 92px;
  }

  .rfm-value-group__summary,
.rfm-archive__summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 13px 14px;
  }

  .rfm-archive__summary .rfm-section__count {
    grid-column: 2;
    justify-self: start;
  }

  .rfm-archive__summary .rfm-value-group__chevron {
    grid-column: 3;
    grid-row: 1;
  }

  .rfm-value-group__content {
    padding: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rfm-value-group__summary,
.rfm-archive__summary,
.rfm-value-group__chevron {
    transition: none;
  }
}
.rfm-request-detail {
  --rfm-detail-border: #e3e6e8;
  --rfm-detail-muted: #737b7f;
  --rfm-detail-accent: #9a5900;
  --rfm-detail-accent-soft: #fff1dd;
  min-width: 0;
  padding-bottom: 8px;
}

.rfm-request-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--rfm-detail-border);
}

.rfm-request-detail__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}
.rfm-request-detail__heading h1 {
  margin: 0;
  color: #303639;
  font-size: clamp(1.35rem, 2.5vw, 1.8rem);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.rfm-request-detail__icon,
.rfm-request-detail__section-icon,
.rfm-request-detail__tool-icon,
.rfm-request-detail__comment-avatar {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.rfm-request-detail__icon {
  width: 50px;
  height: 50px;
  color: #ffffff;
  background-color: #db0007;
  border: 5px solid #fde9ea;
}
.rfm-request-detail__icon .material-icons {
  font-size: 23px;
}

.rfm-request-detail__eyebrow {
  margin: 0 0 3px;
  color: var(--rfm-detail-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.rfm-request-detail__subtitle {
  margin: 5px 0 0;
  color: var(--rfm-detail-muted);
  font-size: 0.86rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.rfm-request-detail__status {
  --rfm-detail-status-color: #6f5a00;
  --rfm-detail-status-bg: #fff5cc;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  color: var(--rfm-detail-status-color);
  background-color: var(--rfm-detail-status-bg);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}
.rfm-request-detail__status .material-icons {
  font-size: 18px;
}

.rfm-request-detail__status--approved {
  --rfm-detail-status-color: #23613a;
  --rfm-detail-status-bg: #e4f3e9;
}

.rfm-request-detail__status--rejected {
  --rfm-detail-status-color: #9f1d22;
  --rfm-detail-status-bg: #fde9ea;
}

.rfm-request-detail__status--waiting {
  --rfm-detail-status-color: #8a5500;
  --rfm-detail-status-bg: #fff1dd;
}

.rfm-request-detail__status--readyToApprove {
  --rfm-detail-status-color: #365489;
  --rfm-detail-status-bg: #eaf0fb;
}

.rfm-request-detail__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
}

.rfm-request-detail__main,
.rfm-request-detail__sidebar {
  min-width: 0;
}

.rfm-request-detail__section {
  min-width: 0;
  padding: 24px 0;
  border-bottom: 1px solid var(--rfm-detail-border);
}

.rfm-request-detail__section-heading,
.rfm-request-detail__tool-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 16px;
}
.rfm-request-detail__section-heading h2,
.rfm-request-detail__tool-heading h2 {
  margin: 1px 0 0;
  color: #303639;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.rfm-request-detail__section-heading p,
.rfm-request-detail__tool-heading p {
  margin: 4px 0 0;
  color: var(--rfm-detail-muted);
  font-size: 0.8rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.rfm-request-detail__section-icon,
.rfm-request-detail__tool-icon {
  width: 38px;
  height: 38px;
  color: #1976d2;
  background-color: #e8f3fc;
}
.rfm-request-detail__section-icon .material-icons,
.rfm-request-detail__tool-icon .material-icons {
  font-size: 20px;
}

.rfm-request-detail__section-icon--changes {
  color: #23613a;
  background-color: #e4f3e9;
}

.rfm-request-detail__section-icon--history {
  color: #72509a;
  background-color: #f1eafa;
}

.rfm-request-detail__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  margin: 0;
}

.rfm-request-detail__meta-item {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.25fr);
  align-items: baseline;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f1;
}
.rfm-request-detail__meta-item dt,
.rfm-request-detail__meta-item dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.rfm-request-detail__meta-item dt {
  color: var(--rfm-detail-muted);
  font-size: 0.75rem;
  font-weight: 600;
}
.rfm-request-detail__meta-item dd {
  color: #333a3d;
  font-size: 0.86rem;
  font-weight: 600;
}

.rfm-request-detail__meta-item--wide {
  grid-column: 1/-1;
}

.rfm-request-detail__restaurants {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.rfm-request-detail__restaurants > span {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  padding: 5px 9px;
  color: #3f474b;
  background-color: #f3f5f6;
  border-radius: 999px;
}
.rfm-request-detail__restaurants strong {
  font-size: 0.78rem;
  font-weight: 700;
}
.rfm-request-detail__restaurants small {
  color: #697277;
  font-size: 0.7rem;
}

.rfm-request-detail__changed {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 7px;
  padding: 4px 7px;
  color: #8a5500;
  background-color: #fff1dd;
  border-radius: 999px;
  font-size: 0.67rem;
  font-weight: 700;
  line-height: 1;
}
.rfm-request-detail__changed .material-icons {
  font-size: 14px;
}

.rfm-request-detail__changes {
  max-width: 100%;
  overflow-x: auto;
  background-color: #ffffff;
  border: 1px solid var(--rfm-detail-border);
  border-radius: 10px;
}
.rfm-request-detail__changes:focus-visible {
  border-color: #bdc5c9;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}
.rfm-request-detail__changes > .table {
  min-width: 620px;
  margin: 0;
}
.rfm-request-detail__changes .table {
  color: #3f474b;
  font-size: 0.8rem;
}
.rfm-request-detail__changes .table th,
.rfm-request-detail__changes .table td {
  padding: 11px 12px;
  border-color: #edf0f1;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.rfm-request-detail__changes .table p:last-child {
  margin-bottom: 0;
}
.rfm-request-detail__changes > p {
  min-width: 520px;
  padding: 14px;
  margin: 0;
  line-height: 1.6;
}
.rfm-request-detail__changes > p + p {
  border-top: 1px solid #edf0f1;
}

.rfm-request-detail__history {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rfm-request-detail__history li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(8.5rem, auto) minmax(0, 1fr);
  gap: 16px;
  padding: 11px 0 11px 18px;
  border-left: 2px solid #e5dcef;
}
.rfm-request-detail__history li::before {
  position: absolute;
  top: 16px;
  left: -5px;
  width: 8px;
  height: 8px;
  background-color: #72509a;
  border-radius: 50%;
  content: "";
}
.rfm-request-detail__history time {
  color: var(--rfm-detail-muted);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.rfm-request-detail__history p {
  margin: 0;
  color: #40474a;
  font-size: 0.82rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.rfm-request-detail__sidebar {
  padding-top: 8px;
}

.rfm-request-detail__tool {
  min-width: 0;
  padding: 22px 0;
  border-bottom: 1px solid var(--rfm-detail-border);
}

.rfm-request-detail__tool-icon {
  color: var(--rfm-detail-accent);
  background-color: var(--rfm-detail-accent-soft);
}

.rfm-request-detail__tool-icon--comments {
  color: #72509a;
  background-color: #f1eafa;
}

.rfm-request-detail__tool-form .form-group {
  margin: 0 0 14px;
}
.rfm-request-detail__tool-form label {
  color: #4a5256;
  font-size: 0.76rem;
  font-weight: 700;
}
.rfm-request-detail__tool-form .form-control {
  margin-top: 5px;
}
.rfm-request-detail__tool-form textarea.form-control {
  min-height: 112px;
  resize: vertical;
}

.rfm-request-detail__submit.btn {
  display: inline-flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
}
.rfm-request-detail__submit.btn .material-icons {
  font-size: 18px;
}
.rfm-request-detail__submit.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}

.rfm-request-detail__comments-empty {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0 18px;
  color: var(--rfm-detail-muted);
  font-size: 0.82rem;
}
.rfm-request-detail__comments-empty .material-icons {
  font-size: 20px;
}

.rfm-request-detail__comment-list {
  display: grid;
  gap: 10px;
  margin-bottom: 22px;
}

.rfm-request-detail__comment {
  min-width: 0;
  padding: 12px;
  background-color: #f8f9f9;
  border-left: 3px solid #d8cae8;
  border-radius: 0 8px 8px 0;
}
.rfm-request-detail__comment > p {
  margin: 10px 0 0;
  color: #40474a;
  font-size: 0.82rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.rfm-request-detail__comment-header {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}
.rfm-request-detail__comment-header h3 {
  margin: 0;
  color: #353c3f;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.rfm-request-detail__comment-header time {
  display: block;
  margin-top: 2px;
  color: var(--rfm-detail-muted);
  font-size: 0.68rem;
  font-variant-numeric: tabular-nums;
}

.rfm-request-detail__comment-avatar {
  width: 30px;
  height: 30px;
  color: #72509a;
  background-color: #ece5f4;
}
.rfm-request-detail__comment-avatar .material-icons {
  font-size: 17px;
}

.rfm-request-detail__comment-form {
  padding-top: 18px;
  border-top: 1px solid #edf0f1;
}
.rfm-request-detail__comment-form > h3 {
  margin: 0 0 12px;
  color: #40474a;
  font-size: 0.88rem;
  font-weight: 700;
}

@media (min-width: 992px) {
  .rfm-request-detail__layout {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 32px;
  }

  .rfm-request-detail__sidebar {
    padding: 8px 0 0 28px;
    border-left: 1px solid var(--rfm-detail-border);
  }
}
@media (max-width: 767.98px) {
  .rfm-request-detail__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .rfm-request-detail__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .rfm-request-detail__meta-item--wide {
    grid-column: auto;
  }

  .rfm-request-detail__sidebar {
    border-top: 1px solid var(--rfm-detail-border);
  }
}
@media (max-width: 575.98px) {
  .rfm-request-detail__heading {
    align-items: flex-start;
  }

  .rfm-request-detail__icon {
    width: 42px;
    height: 42px;
  }

  .rfm-request-detail__section {
    padding: 20px 0;
  }

  .rfm-request-detail__meta-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .rfm-request-detail__history li {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .rfm-request-detail__restaurants > span {
    width: 100%;
    justify-content: space-between;
    border-radius: 7px;
  }
}
.rfm-currency-change {
  --rfm-currency-accent: #1976d2;
  --rfm-currency-accent-soft: #e8f3fc;
  --rfm-currency-border: #e3e6e8;
  --rfm-currency-muted: #737b7f;
  padding-bottom: 4px;
}

.rfm-currency-change__page-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.rfm-currency-change__page-icon,
.rfm-currency-change__section-icon,
.rfm-currency-change__restaurant-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--rfm-currency-accent);
  background-color: var(--rfm-currency-accent-soft);
  border-radius: 50%;
}

.rfm-currency-change__page-icon {
  width: 40px;
  height: 40px;
}
.rfm-currency-change__page-icon .material-icons {
  font-size: 22px;
}

.rfm-currency-change__eyebrow {
  margin: 0 0 2px;
  color: var(--rfm-currency-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1.3;
  text-transform: uppercase;
}

.rfm-currency-change__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  line-height: 1.2;
}

.rfm-currency-change__intro.jumbotron {
  padding: 14px 16px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, #ffffff 45%, var(--rfm-currency-accent-soft) 155%);
}
.rfm-currency-change__intro.jumbotron .display-4 {
  margin-bottom: 4px;
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
}
.rfm-currency-change__intro.jumbotron::before {
  background: linear-gradient(90deg, #1976d2 0%, #64b5f6 100%);
}

.rfm-currency-change__intro-copy {
  color: #5f6870;
  line-height: 1.45;
}

.rfm-currency-change__workspace {
  min-width: 0;
}

.rfm-currency-change__error {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rfm-currency-change__error .material-icons {
  flex: 0 0 auto;
  font-size: 21px;
}

.rfm-currency-change__layout {
  display: grid;
  gap: 10px;
}

.rfm-currency-change__bulk,
.rfm-currency-change__restaurants {
  min-width: 0;
  background-color: #ffffff;
  border: 1px solid var(--rfm-currency-border);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.rfm-currency-change__bulk {
  align-self: start;
  padding: 10px;
}

.rfm-currency-change__section-heading {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eef0f2;
}
.rfm-currency-change__section-heading h2,
.rfm-currency-change__section-heading p {
  margin: 0;
}
.rfm-currency-change__section-heading h2 {
  color: #303639;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-currency-change__section-heading p {
  margin-top: 2px;
  color: var(--rfm-currency-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.rfm-currency-change__section-icon {
  width: 28px;
  height: 28px;
}
.rfm-currency-change__section-icon .material-icons {
  font-size: 16px;
}

.rfm-currency-change__bulk-list {
  display: grid;
  gap: 2px;
  margin-top: 4px;
}

.rfm-currency-change__bulk-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding: 2px 0 6px;
  border-bottom: 1px solid #f0f2f3;
}
.rfm-currency-change__bulk-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.rfm-currency-change__bulk-field.form-group {
  margin: 0;
  padding: 8px 0 0;
}
.rfm-currency-change__bulk-field.form-group > .bmd-label-floating {
  margin-bottom: 3px;
  font-size: 0.7rem;
  line-height: 1.2;
}
.rfm-currency-change__bulk-field.form-group .form-control {
  height: 32px;
  min-height: 32px;
  padding: 4px 7px;
  font-size: 0.76rem;
}

.rfm-currency-change__apply.btn {
  display: inline-flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 !important;
  padding: 4px 8px;
  font-size: 0.67rem;
}
.rfm-currency-change__apply.btn .material-icons {
  margin: 0;
  font-size: 16px;
}

.rfm-currency-change__restaurants {
  overflow: hidden;
}

.rfm-currency-change__restaurants-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 13px;
  border-bottom: 1px solid var(--rfm-currency-border);
}
.rfm-currency-change__restaurants-heading h2,
.rfm-currency-change__restaurants-heading p {
  margin: 0;
}
.rfm-currency-change__restaurants-heading h2 {
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-currency-change__restaurants-heading p {
  margin-top: 2px;
  color: var(--rfm-currency-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.rfm-currency-change__restaurant-list {
  display: grid;
  gap: 8px;
  padding: 8px;
  background-color: #f7f8f8;
}

.rfm-currency-change__restaurant.col-12,
.rfm-currency-change__restaurant.col-lg-6 {
  width: auto;
  max-width: none;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e2e5e7;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.rfm-currency-change__restaurant-header.yellow-background {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  color: #303639;
  background-color: #fff8e8 !important;
  border-bottom: 1px solid #f0dfb7;
}
.rfm-currency-change__restaurant-header.yellow-background h3,
.rfm-currency-change__restaurant-header.yellow-background p {
  margin: 0;
  overflow-wrap: anywhere;
}
.rfm-currency-change__restaurant-header.yellow-background h3 {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-currency-change__restaurant-header.yellow-background p {
  margin-top: 1px;
  color: #75633e;
  font-size: 0.68rem;
  line-height: 1.35;
}

.rfm-currency-change__restaurant-icon {
  width: 30px;
  height: 30px;
  color: #8a5b00;
  background-color: #ffffff;
}
.rfm-currency-change__restaurant-icon .material-icons {
  font-size: 18px;
}

.rfm-currency-change__column-labels {
  display: none;
}

.rfm-currency-change__rate {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid #edf0f1;
}
.rfm-currency-change__rate:last-child {
  border-bottom: 0;
}

.rfm-currency-change__currency,
.rfm-currency-change__current,
.rfm-currency-change__new,
.rfm-currency-change__toggle {
  min-width: 0;
}
.rfm-currency-change__currency::before,
.rfm-currency-change__current::before,
.rfm-currency-change__new::before,
.rfm-currency-change__toggle::before {
  display: block;
  margin-bottom: 4px;
  color: #8a9296;
  content: attr(data-label);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.25;
  text-transform: uppercase;
}

.rfm-currency-change__currency,
.rfm-currency-change__current {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #40474a;
  font-size: 0.83rem;
  font-variant-numeric: tabular-nums;
}

.rfm-currency-change__currency-code {
  display: inline-flex;
  width: max-content;
  min-width: 40px;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 3px 7px;
  color: #145b97;
  background-color: var(--rfm-currency-accent-soft);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.035em;
}

.rfm-currency-change__new .form-group {
  margin: 0;
}

.rfm-currency-change__new .form-control {
  height: 34px;
  padding: 6px 8px;
  border: 1px solid #cfd5d8;
  border-radius: 7px;
  background-image: none;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}
.rfm-currency-change__new .form-control[readonly] {
  color: #8a9296;
  background-color: #f1f3f4;
  border-color: #e1e4e6;
  cursor: not-allowed;
}
.rfm-currency-change__new .form-control:focus {
  border-color: var(--rfm-currency-accent);
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.14);
}

.rfm-currency-change__toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rfm-currency-change__toggle .form-check {
  min-height: 34px;
  margin: 0;
  padding: 0;
}
.rfm-currency-change__toggle .form-check .form-check-label {
  width: 100%;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0;
  color: #4d5559;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.3;
}
.rfm-currency-change__toggle .form-check-label .form-check-sign {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  float: none;
  transform: none;
}
.rfm-currency-change__toggle .form-check-sign .check {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
.rfm-currency-change__toggle .form-check-label .rfm-currency-change__toggle-label {
  position: static;
  display: inline;
  min-width: 0;
  transition: none;
}

.rfm-currency-change__footer {
  margin-top: 10px;
  padding: 12px;
  background-color: #ffffff;
  border: 1px solid var(--rfm-currency-border);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.rfm-currency-change__footer > .row:first-child {
  margin-top: 0 !important;
}
.rfm-currency-change__footer > .row:last-child .btn {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 6px;
  margin: 0;
}

@media (min-width: 576px) {
  .rfm-currency-change__rate {
    grid-template-columns: minmax(60px, 0.6fr) minmax(82px, 0.85fr) minmax(110px, 1.15fr) minmax(126px, 1.1fr);
    align-items: center;
  }

  .rfm-currency-change__currency::before,
.rfm-currency-change__current::before,
.rfm-currency-change__new::before,
.rfm-currency-change__toggle::before {
    display: none;
  }

  .rfm-currency-change__column-labels {
    display: grid;
    grid-template-columns: minmax(60px, 0.6fr) minmax(82px, 0.85fr) minmax(110px, 1.15fr) minmax(126px, 1.1fr);
    gap: 8px;
    padding: 6px 10px;
    color: #81898d;
    background-color: #fafbfb;
    border-bottom: 1px solid #edf0f1;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
  }

  .rfm-currency-change__footer {
    padding: 13px;
  }
}
@media (min-width: 992px) {
  .rfm-currency-change__layout:not(.rfm-currency-change__layout--admin) {
    grid-template-columns: minmax(230px, 0.32fr) minmax(0, 1fr);
    align-items: start;
  }

  .rfm-currency-change__bulk {
    position: sticky;
    top: 80px;
  }
}
@media (max-width: 575.98px) {
  .rfm-currency-change__page-icon {
    width: 38px;
    height: 38px;
  }

  .rfm-currency-change__restaurants-heading {
    padding: 11px;
  }

  .rfm-currency-change__restaurant-list {
    gap: 7px;
    padding: 7px;
  }

  .rfm-currency-change__toggle-label {
    max-width: 90px;
  }

  .rfm-currency-change__footer > .row:last-child .btn {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rfm-currency-change__apply.btn,
.rfm-currency-change__new .form-control {
    transition: none;
  }
}
.rfm-request-form {
  --rfm-request-accent: #2e7d4f;
  --rfm-request-accent-soft: #e7f2eb;
  --rfm-request-border: #e3e6e8;
  --rfm-request-muted: #737b7f;
  padding-bottom: 4px;
}
.rfm-request-form--meal-discount {
  --rfm-request-accent: #7b4ab0;
  --rfm-request-accent-soft: #f1eafa;
}
.rfm-request-form--payments {
  --rfm-request-accent: #1976d2;
  --rfm-request-accent-soft: #e8f3fc;
}
.rfm-request-form--sales-channel {
  --rfm-request-accent: #b56a00;
  --rfm-request-accent-soft: #fff1dd;
}
.rfm-request-form--night-offer {
  --rfm-request-accent: #5262a7;
  --rfm-request-accent-soft: #edf0fb;
}
.rfm-request-form--buttons {
  --rfm-request-accent: #9b5c18;
  --rfm-request-accent-soft: #fbefe1;
}
.rfm-request-form--bill {
  --rfm-request-accent: #56636a;
  --rfm-request-accent-soft: #edf1f3;
}

.rfm-request-form__page-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.rfm-request-form__page-icon,
.rfm-request-form__section-icon,
.rfm-request-form__restaurant-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--rfm-request-accent);
  background-color: var(--rfm-request-accent-soft);
  border-radius: 50%;
}

.rfm-request-form__page-icon {
  width: 40px;
  height: 40px;
}
.rfm-request-form__page-icon .material-icons {
  font-size: 22px;
}

.rfm-request-form__eyebrow {
  margin: 0 0 2px;
  color: var(--rfm-request-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1.3;
  text-transform: uppercase;
}

.rfm-request-form__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  line-height: 1.2;
}

.rfm-request-form__intro.jumbotron {
  padding: 14px 16px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, #ffffff 45%, var(--rfm-request-accent-soft) 155%);
}
.rfm-request-form__intro.jumbotron .display-4 {
  margin-bottom: 4px;
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
}
.rfm-request-form__intro.jumbotron::before {
  background: linear-gradient(90deg, var(--rfm-request-accent) 0%, #fcb315 135%);
}

.rfm-request-form__intro-copy {
  color: #5f6870;
  line-height: 1.45;
}

.rfm-request-form__workspace,
.rfm-request-form__bulk,
.rfm-request-form__restaurants {
  min-width: 0;
}

.rfm-request-form__error {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rfm-request-form__error .material-icons {
  flex: 0 0 auto;
  font-size: 21px;
}

.rfm-request-form__layout {
  display: grid;
  gap: 10px;
}

.rfm-request-form__bulk,
.rfm-request-form__restaurants,
.rfm-request-form__footer {
  background-color: #ffffff;
  border: 1px solid var(--rfm-request-border);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.rfm-request-form__bulk {
  align-self: start;
  padding: 10px;
}

.rfm-request-form__section-heading {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eef0f2;
}
.rfm-request-form__section-heading h2,
.rfm-request-form__section-heading p {
  margin: 0;
}
.rfm-request-form__section-heading h2 {
  color: #303639;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-request-form__section-heading p {
  margin-top: 2px;
  color: var(--rfm-request-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.rfm-request-form__section-icon {
  width: 28px;
  height: 28px;
}
.rfm-request-form__section-icon .material-icons {
  font-size: 16px;
}

.rfm-request-form__bulk-list {
  display: grid;
  gap: 2px;
  margin-top: 4px;
}

.rfm-request-form__bulk-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding: 2px 0 6px;
  border-bottom: 1px solid #f0f2f3;
}
.rfm-request-form__bulk-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.rfm-request-form__bulk-field.form-group {
  margin: 0;
  padding: 8px 0 0;
}
.rfm-request-form__bulk-field.form-group > .bmd-label-floating {
  margin-bottom: 3px;
  font-size: 0.7rem;
  line-height: 1.2;
}
.rfm-request-form__bulk-field.form-group .form-control {
  height: 32px;
  min-height: 32px;
  padding: 4px 7px;
  font-size: 0.76rem;
}

.rfm-request-form__apply.btn {
  display: inline-flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 !important;
  padding: 4px 8px;
  font-size: 0.67rem;
}
.rfm-request-form__apply.btn .material-icons {
  margin: 0;
  font-size: 16px;
}

.rfm-request-form__apply--options.btn {
  margin-top: 10px !important;
}

.rfm-request-form__bulk-options {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.rfm-request-form__bulk-group {
  padding-bottom: 8px;
  border-bottom: 1px solid #eef0f2;
}
.rfm-request-form__bulk-group:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.rfm-request-form__bulk-group h3 {
  margin: 0 0 5px;
  color: #4d5559;
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.35;
}

.rfm-request-form__restaurants {
  overflow: hidden;
}

.rfm-request-form__restaurants-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 13px;
  border-bottom: 1px solid var(--rfm-request-border);
}
.rfm-request-form__restaurants-heading h2,
.rfm-request-form__restaurants-heading p {
  margin: 0;
}
.rfm-request-form__restaurants-heading h2 {
  color: #303639;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-request-form__restaurants-heading p {
  margin-top: 2px;
  color: var(--rfm-request-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.rfm-request-form__restaurant-list {
  display: grid;
  gap: 8px;
  padding: 8px;
  background-color: #f7f8f8;
}

.rfm-request-form__empty {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  color: #5f6870;
  background-color: #ffffff;
  border: 1px dashed #d9dddf;
  border-radius: 8px;
}
.rfm-request-form__empty h3,
.rfm-request-form__empty p {
  margin: 0;
}
.rfm-request-form__empty h3 {
  color: #40474a;
  font-size: 0.88rem;
  font-weight: 700;
}
.rfm-request-form__empty p {
  margin-top: 2px;
  font-size: 0.76rem;
  line-height: 1.4;
}

.rfm-request-form__empty-icon {
  display: inline-flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  color: var(--rfm-request-muted);
  background-color: #f0f2f3;
  border-radius: 50%;
}
.rfm-request-form__empty-icon .material-icons {
  font-size: 18px;
}

.rfm-request-form__restaurant,
.rfm-request-form__restaurant.col-12,
.rfm-request-form__restaurant.col-lg-6 {
  width: auto;
  max-width: none;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e2e5e7;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.rfm-request-form__restaurant-header.yellow-background {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  color: #303639;
  background-color: #fff8e8 !important;
  border-bottom: 1px solid #f0dfb7;
}
.rfm-request-form__restaurant-header.yellow-background h3,
.rfm-request-form__restaurant-header.yellow-background p {
  margin: 0;
  overflow-wrap: anywhere;
}
.rfm-request-form__restaurant-header.yellow-background h3 {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-request-form__restaurant-header.yellow-background p {
  margin-top: 1px;
  color: #75633e;
  font-size: 0.68rem;
  line-height: 1.35;
}

.rfm-request-form__restaurant-identity {
  min-width: 0;
  flex: 1 1 auto;
}

.rfm-request-form__restaurant-icon {
  width: 30px;
  height: 30px;
  color: #8a5b00;
  background-color: #ffffff;
}
.rfm-request-form__restaurant-icon .material-icons {
  font-size: 18px;
}

.rfm-request-form__restaurant-body {
  position: relative;
  min-height: 72px;
}

.rfm-request-form__locked {
  position: absolute;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 12px;
  color: #687176;
  background-color: rgba(247, 248, 248, 0.94);
  backdrop-filter: blur(1px);
  font-size: 0.78rem;
  font-weight: 700;
}
.rfm-request-form__locked .material-icons {
  font-size: 18px;
}

.rfm-request-form__selector {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 10px;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid var(--rfm-request-border);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.rfm-request-form__selector-copy {
  min-width: 0;
}
.rfm-request-form__selector-copy h2,
.rfm-request-form__selector-copy p {
  margin: 0;
}
.rfm-request-form__selector-copy h2 {
  color: #303639;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-request-form__selector-copy p {
  margin-top: 2px;
  color: var(--rfm-request-muted);
  font-size: 0.75rem;
  line-height: 1.4;
}

.rfm-request-form__selector-field.form-group {
  grid-column: 1/-1;
  min-width: 0;
  margin: 0;
}
.rfm-request-form__selector-field.form-group .bootstrap-select,
.rfm-request-form__selector-field.form-group .dropdown-toggle {
  width: 100% !important;
}
.rfm-request-form__selector-field.form-group .dropdown-toggle.btn {
  min-height: 36px;
  margin: 0;
  padding: 7px 34px 7px 10px;
  color: #40474a !important;
  background-color: #f8f9f9 !important;
  border: 1px solid #d7dcde;
  border-radius: 7px;
  box-shadow: none;
  font-size: 0.78rem;
  text-transform: none;
}

.rfm-request-form__settings {
  display: grid;
  gap: 7px;
  padding: 8px;
}

.rfm-request-form__setting {
  display: grid;
  grid-template-columns: minmax(150px, 1fr);
  align-items: center;
  gap: 7px;
  padding: 8px;
  background-color: #fafbfb;
  border: 1px solid #e7eaec;
  border-radius: 7px;
}

.rfm-request-form__setting-heading,
.rfm-request-form__bill-section-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 8px;
}
.rfm-request-form__setting-heading h4,
.rfm-request-form__setting-heading p,
.rfm-request-form__bill-section-heading h4,
.rfm-request-form__bill-section-heading p {
  margin: 0;
  overflow-wrap: anywhere;
}
.rfm-request-form__setting-heading h4,
.rfm-request-form__bill-section-heading h4 {
  color: #40474a;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.35;
}
.rfm-request-form__setting-heading p,
.rfm-request-form__bill-section-heading p {
  margin-top: 1px;
  color: var(--rfm-request-muted);
  font-size: 0.69rem;
  line-height: 1.4;
}

.rfm-request-form__setting-icon {
  display: inline-flex;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: var(--rfm-request-accent);
  background-color: var(--rfm-request-accent-soft);
  border-radius: 50%;
}
.rfm-request-form__setting-icon .material-icons {
  font-size: 16px;
}

.rfm-request-form__setting-control.form-check {
  align-self: stretch;
}

.rfm-request-form__dependent-field.form-group,
.rfm-request-form__bill-field.form-group {
  min-width: 0;
  margin: 0;
}
.rfm-request-form__dependent-field.form-group .bmd-label-static,
.rfm-request-form__bill-field.form-group .bmd-label-static {
  display: block;
  margin: 0 0 3px;
  color: #747d81;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.25;
}
.rfm-request-form__dependent-field.form-group .form-control,
.rfm-request-form__bill-field.form-group .form-control {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 6px 8px;
  background-image: none;
  border: 1px solid #cfd5d8;
  border-radius: 7px;
  font-size: 0.78rem;
}
.rfm-request-form__dependent-field.form-group .form-control:focus,
.rfm-request-form__bill-field.form-group .form-control:focus {
  border-color: var(--rfm-request-accent);
  box-shadow: 0 0 0 3px rgba(46, 125, 79, 0.14);
}

.rfm-request-form__bill-content {
  padding: 8px;
}

.rfm-request-form__bill-empty {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #687176;
  background-color: #fafbfb;
  border: 1px dashed #d7dcde;
  border-radius: 7px;
  font-size: 0.76rem;
  font-weight: 600;
}
.rfm-request-form__bill-empty .material-icons {
  font-size: 18px;
}

.rfm-request-form__bill-section {
  display: grid;
  gap: 10px;
  padding: 9px;
  background-color: #fafbfb;
  border: 1px solid #e7eaec;
  border-radius: 7px;
}

.rfm-request-form__bill-toggle {
  max-width: 240px;
}

.rfm-request-form__bill-field textarea.form-control {
  height: auto;
  min-height: 76px;
  resize: vertical;
}

.rfm-request-form__field-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.rfm-admin-edit {
  display: grid;
  gap: 12px;
}
.rfm-admin-edit > .rfm-request-form {
  width: 100%;
  margin: 0;
}

.rfm-request-form__option-groups {
  display: grid;
  gap: 8px;
  padding: 9px;
}

.rfm-request-form__option-group {
  min-width: 0;
  padding: 9px;
  background-color: #fafbfb;
  border: 1px solid #e7eaec;
  border-radius: 7px;
}
.rfm-request-form__option-group h4 {
  margin: 0 0 7px;
  color: #40474a;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
}

.rfm-request-form__option-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
}

.rfm-request-form__option.form-check,
.rfm-request-form__restaurant-switch.form-check {
  min-height: 0;
  margin: 0;
  padding: 0;
}
.rfm-request-form__option.form-check .form-check-label,
.rfm-request-form__restaurant-switch.form-check .form-check-label {
  position: relative;
  display: inline-flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 6px 8px;
  color: #4d5559;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.3;
}
.rfm-request-form__option.form-check .form-check-sign,
.rfm-request-form__restaurant-switch.form-check .form-check-sign {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  float: none;
  transform: none;
}
.rfm-request-form__option.form-check .form-check-sign .check,
.rfm-request-form__restaurant-switch.form-check .form-check-sign .check {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
.rfm-request-form__option.form-check .form-check-input:focus-visible + .form-check-sign,
.rfm-request-form__restaurant-switch.form-check .form-check-input:focus-visible + .form-check-sign {
  border-radius: 3px;
  box-shadow: 0 0 0 3px rgba(46, 125, 79, 0.18);
}

.rfm-request-form__option.form-check {
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 6px;
}
.rfm-request-form__option.form-check.rfm-request-form__option--locked {
  background-color: #f1f3f4;
}
.rfm-request-form__option.form-check.rfm-request-form__option--locked .form-check-label {
  color: #7a8286;
  cursor: not-allowed;
}

.rfm-request-form__restaurant-switch.form-check {
  flex: 0 0 auto;
  margin-left: auto;
}
.rfm-request-form__restaurant-switch.form-check .form-check-label {
  width: auto;
  padding: 4px 0;
  color: #4d5559 !important;
  white-space: nowrap;
}

.rfm-request-form__option-label {
  position: static;
  display: inline;
  min-width: 0;
  overflow-wrap: anywhere;
  transition: none;
}

.rfm-request-form__option.form-check .form-check-label .rfm-request-form__option-label,
.rfm-request-form__restaurant-switch.form-check .form-check-label .rfm-request-form__option-label {
  position: static;
  top: auto;
  left: auto;
  display: inline;
}

.rfm-request-form__column-labels {
  display: none;
}

.rfm-request-form__value {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid #edf0f1;
}
.rfm-request-form__value:last-child {
  border-bottom: 0;
}

.rfm-request-form__type,
.rfm-request-form__current,
.rfm-request-form__new,
.rfm-request-form__toggle {
  min-width: 0;
}
.rfm-request-form__type::before,
.rfm-request-form__current::before,
.rfm-request-form__new::before,
.rfm-request-form__toggle::before {
  display: block;
  margin-bottom: 4px;
  color: #8a9296;
  content: attr(data-label);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.25;
  text-transform: uppercase;
}

.rfm-request-form__type,
.rfm-request-form__current {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #40474a;
  font-size: 0.83rem;
  font-variant-numeric: tabular-nums;
}

.rfm-request-form__type-code {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  align-items: center;
  padding: 3px 7px;
  color: var(--rfm-request-accent);
  background-color: var(--rfm-request-accent-soft);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.rfm-request-form__new .form-group {
  margin: 0;
}

.rfm-request-form__new .form-control {
  height: 34px;
  padding: 6px 8px;
  border: 1px solid #cfd5d8;
  border-radius: 7px;
  background-image: none;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}
.rfm-request-form__new .form-control[readonly] {
  color: #8a9296;
  background-color: #f1f3f4;
  border-color: #e1e4e6;
  cursor: not-allowed;
}
.rfm-request-form__new .form-control:focus {
  border-color: var(--rfm-request-accent);
  box-shadow: 0 0 0 3px rgba(46, 125, 79, 0.14);
}

.rfm-request-form__toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rfm-request-form__toggle .form-check {
  min-height: 34px;
  margin: 0;
  padding: 0;
}
.rfm-request-form__toggle .form-check .form-check-label {
  display: inline-flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0;
  color: #4d5559;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.3;
}
.rfm-request-form__toggle .form-check-label .form-check-sign {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  float: none;
  transform: none;
}
.rfm-request-form__toggle .form-check-sign .check {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
.rfm-request-form__toggle .form-check-label .rfm-request-form__toggle-label {
  position: static;
  display: inline;
  min-width: 0;
  transition: none;
}

.rfm-request-form__footer {
  margin-top: 10px;
  padding: 12px;
}
.rfm-request-form__footer > .row:first-child {
  margin-top: 0 !important;
}
.rfm-request-form__footer > .row:last-child .btn {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 6px;
  margin: 0;
}

@media (min-width: 576px) {
  .rfm-request-form__selector {
    grid-template-columns: auto minmax(0, 1fr) minmax(220px, 0.55fr);
  }

  .rfm-request-form__selector-field.form-group {
    grid-column: auto;
  }

  .rfm-request-form__setting {
    grid-template-columns: minmax(170px, 1.3fr) minmax(150px, 0.75fr) minmax(150px, 0.8fr);
  }

  .rfm-request-form__setting--without-value {
    grid-template-columns: minmax(170px, 1.3fr) minmax(150px, 0.75fr) minmax(150px, 0.8fr);
  }

  .rfm-request-form__setting--single {
    grid-template-columns: minmax(200px, 1fr) minmax(220px, 0.65fr);
  }

  .rfm-request-form__field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rfm-request-form__bill-field--wide {
    grid-column: span 2;
  }

  .rfm-request-form__value {
    grid-template-columns: minmax(92px, 0.8fr) minmax(82px, 0.75fr) minmax(110px, 1fr) minmax(126px, 1fr);
    align-items: center;
  }

  .rfm-request-form__type::before,
.rfm-request-form__current::before,
.rfm-request-form__new::before,
.rfm-request-form__toggle::before {
    display: none;
  }

  .rfm-request-form__column-labels {
    display: grid;
    grid-template-columns: minmax(92px, 0.8fr) minmax(82px, 0.75fr) minmax(110px, 1fr) minmax(126px, 1fr);
    gap: 8px;
    padding: 6px 10px;
    color: #81898d;
    background-color: #fafbfb;
    border-bottom: 1px solid #edf0f1;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
  }

  .rfm-request-form__footer {
    padding: 13px;
  }

  .rfm-request-form__option-grid:not(.rfm-request-form__option-grid--bulk) {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }

  .rfm-request-form__option-groups {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  }
}
@media (min-width: 992px) {
  .rfm-request-form__layout:not(.rfm-request-form__layout--admin) {
    grid-template-columns: minmax(230px, 0.32fr) minmax(0, 1fr);
    align-items: start;
  }

  .rfm-request-form__bulk {
    position: sticky;
    top: 80px;
  }

  .rfm-request-form--payments .rfm-request-form__bulk {
    max-height: calc(100vh - 96px);
    overflow-y: auto;
  }
}
@media (max-width: 575.98px) {
  .rfm-request-form__setting-control.form-check,
.rfm-request-form__bill-toggle.form-check {
    width: 100%;
  }

  .rfm-request-form__page-icon {
    width: 38px;
    height: 38px;
  }

  .rfm-request-form__restaurants-heading {
    padding: 11px;
  }

  .rfm-request-form__restaurant-list {
    gap: 7px;
    padding: 7px;
  }

  .rfm-request-form__toggle-label {
    max-width: 90px;
  }

  .rfm-request-form__restaurant-header.yellow-background {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .rfm-request-form__restaurant-switch.form-check {
    flex-basis: 100%;
    margin-left: 38px;
  }
  .rfm-request-form__restaurant-switch.form-check .form-check-label {
    padding-top: 1px;
  }

  .rfm-request-form__footer > .row:last-child .btn {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rfm-request-form__apply.btn,
.rfm-request-form__new .form-control,
.rfm-request-form__option-label {
    transition: none;
  }
}
.sidebar .nav li li {
  margin-left: 0px;
}

.lsm-opening-hours-page {
  min-width: 0;
}
.lsm-opening-hours-page .jumbotron {
  margin-bottom: 16px;
}

.lsm-opening-hours-header,
.lsm-opening-hours-section-header,
.lsm-opening-hours-restaurant {
  display: flex;
  align-items: center;
}

.lsm-opening-hours-header {
  gap: 12px;
  margin-bottom: 20px;
}

.lsm-opening-hours-header__icon,
.lsm-opening-hours-section-header__icon,
.lsm-opening-hours-restaurant__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.lsm-opening-hours-header__icon {
  width: 44px;
  height: 44px;
  color: #a90005;
  background-color: #fde9ea;
}
.lsm-opening-hours-header__icon .material-icons {
  font-size: 23px;
}

.lsm-opening-hours-header__title {
  margin: 0;
  color: #303639;
  font-size: clamp(1.35rem, 2.3vw, 1.65rem);
  font-weight: 700;
  line-height: 1.2;
}

.lsm-opening-hours-intro-wrap {
  min-width: 0;
}

.lsm-opening-hours-intro.jumbotron {
  padding: clamp(20px, 3vw, 34px);
  background: linear-gradient(135deg, #ffffff 58%, #fff8e8 145%);
  border-top: 4px solid #fab421;
}
.lsm-opening-hours-intro.jumbotron .display-4 {
  margin-bottom: 8px;
  color: #303639;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.lsm-opening-hours-intro__description {
  color: #525b60;
  font-size: 0.9rem;
  line-height: 1.55;
}
.lsm-opening-hours-intro__description > :last-child {
  margin-bottom: 0;
}

.lsm-opening-hours-workspace {
  min-width: 0;
  margin-top: 24px;
}

.lsm-opening-hours-restaurant {
  gap: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e3e6e8;
}

.lsm-opening-hours-restaurant__icon {
  width: 48px;
  height: 48px;
  color: #ffffff;
  background-color: #db0007;
  border: 5px solid #fde9ea;
}
.lsm-opening-hours-restaurant__icon .material-icons {
  font-size: 22px;
}

.lsm-opening-hours-restaurant__content {
  min-width: 0;
}

.lsm-opening-hours-restaurant__label {
  display: block;
  margin-bottom: 2px;
  color: #7a8388;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.lsm-opening-hours-restaurant__name {
  margin: 0;
  color: #303639;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.extraordinary-opening-hours-page .lsm-opening-hours-header__icon,
.holiday-opening-hours-page .lsm-opening-hours-header__icon {
  color: #9a5900;
  background-color: #fff1dd;
}

.holiday-opening-hours-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 24px;
  color: #687277;
  font-size: 0.88rem;
  line-height: 1.4;
}
.holiday-opening-hours-empty .material-icons {
  flex: 0 0 auto;
  color: #9a5900;
  font-size: 24px;
}

.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable {
  min-width: 1940px;
}
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > thead > tr > :first-child,
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > tbody > tr > :first-child {
  width: 200px;
  min-width: 200px;
}
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > thead > tr > :nth-child(2),
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > tbody > tr > :nth-child(2) {
  position: static;
  width: 150px;
  min-width: 150px;
}
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > thead > tr > :nth-child(n+3):nth-child(-n+9),
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > tbody > tr > :nth-child(n+3):nth-child(-n+9) {
  width: 220px;
  min-width: 220px;
}
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > thead > tr > :last-child,
.lsm-opening-hours-grid.extraordinary-opening-hours-grid .openingHoursTable > tbody > tr > :last-child {
  width: 50px;
  min-width: 50px;
}

.extraordinary-opening-hours-grid__options .form-check {
  min-height: 30px;
  padding: 0;
  margin: 0;
}
.extraordinary-opening-hours-grid__options .form-check-label {
  display: flex;
  min-height: 30px;
  align-items: center;
  padding-left: 26px;
  white-space: normal;
}

.extraordinary-opening-hours-grid__date .form-group {
  margin: 0 0 8px;
  padding: 0;
}
.extraordinary-opening-hours-grid__date .form-group:last-child {
  margin-bottom: 0;
}
.extraordinary-opening-hours-grid__date .form-control {
  min-height: 34px;
  padding: 6px 8px;
  background-color: #ffffff;
  border: 1px solid #cbd1d4;
  border-radius: 6px;
  font-size: 0.76rem;
}

.extraordinary-opening-hours-grid__remove {
  text-align: center;
}
.extraordinary-opening-hours-grid__remove .btn {
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0;
}

.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__times--extraordinary.extraordinaryOpeningHours.openingHoursTableTable {
  display: flex;
  align-items: center;
  gap: 4px;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__times--extraordinary.extraordinaryOpeningHours.openingHoursTableTable .opening-hours-col {
  min-width: 0;
  flex: 1 1 0;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__times--extraordinary.extraordinaryOpeningHours.openingHoursTableTable .dash {
  flex: 0 0 8px;
}

.opening-hours-control__regular-hours {
  min-height: 20px;
  text-align: center;
}
.opening-hours-control__regular-hours:not(:has(.badge:not(.d-none))) {
  display: none;
}
.opening-hours-control__regular-hours .badge {
  max-width: 100%;
  font-size: 0.62rem;
  white-space: normal;
}

.extraordinary-opening-hours-form__add-row {
  display: flex;
  justify-content: flex-start;
  padding-top: 14px;
}

.extraordinary-opening-hours-form__footer.lsm-form-section,
.holiday-opening-hours-form__footer.lsm-form-section {
  margin-top: 24px;
  margin-bottom: 0;
  background: #f7f8f8;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}

.lsm-opening-hours-grid.holiday-opening-hours-grid .openingHoursTable {
  min-width: 1580px;
}
.lsm-opening-hours-grid.holiday-opening-hours-grid .openingHoursTable > thead > tr > :first-child,
.lsm-opening-hours-grid.holiday-opening-hours-grid .openingHoursTable > tbody > tr > :first-child {
  width: 250px;
  min-width: 250px;
}

.holiday-opening-hours-grid__holiday {
  white-space: normal;
}
.holiday-opening-hours-grid__holiday > .badge {
  display: inline-flex;
  max-width: 100%;
  margin-top: 5px;
  white-space: normal;
}

.holiday-opening-hours-grid__date {
  display: block;
  font-variant-numeric: tabular-nums;
}

.holiday-opening-hours-grid__options {
  margin-top: 10px;
}
.holiday-opening-hours-grid__options .form-check {
  min-height: 30px;
  padding: 0;
  margin: 0;
}
.holiday-opening-hours-grid__options .form-check-label {
  display: flex;
  min-height: 30px;
  align-items: center;
  padding-left: 26px;
  white-space: normal;
}

.extraordinary-opening-hours-history,
.holiday-opening-hours-history {
  min-width: 1120px;
}

.extraordinary-opening-hours-history__request,
.holiday-opening-hours-history__request {
  min-width: 210px;
}
.extraordinary-opening-hours-history__request > span,
.holiday-opening-hours-history__request > span {
  display: block;
  margin-bottom: 4px;
}
.extraordinary-opening-hours-history__request > :last-child,
.holiday-opening-hours-history__request > :last-child {
  margin-bottom: 0;
}

.extraordinary-opening-hours-history__value,
.holiday-opening-hours-history__value {
  display: block;
  min-height: 24px;
  white-space: nowrap;
}

.emergency-opening-hours {
  --emergency-opening-hours-warning: #9a5900;
  --emergency-opening-hours-warning-soft: #fff1dd;
  --emergency-opening-hours-danger: #a90005;
  --emergency-opening-hours-danger-soft: #fde9ea;
}
.emergency-opening-hours .lsm-opening-hours-header__icon {
  color: var(--emergency-opening-hours-warning);
  background-color: var(--emergency-opening-hours-warning-soft);
}

.emergency-opening-hours__restaurant {
  flex-wrap: wrap;
}
.emergency-opening-hours__restaurant .lsm-opening-hours-restaurant__content {
  flex: 1 1 240px;
}

.emergency-opening-hours__status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  margin-left: auto;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}
.emergency-opening-hours__status .material-icons {
  font-size: 18px;
}

.emergency-opening-hours__status--open {
  color: #23613a;
  background-color: #e4f3e9;
}

.emergency-opening-hours__status--closed {
  color: var(--emergency-opening-hours-danger);
  background-color: var(--emergency-opening-hours-danger-soft);
}

.emergency-opening-hours__content {
  min-width: 0;
}

.emergency-opening-hours__state,
.emergency-opening-hours__form-section {
  min-width: 0;
  padding: 24px 0;
  border-bottom: 1px solid #e3e6e8;
}

.emergency-opening-hours__section-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.emergency-opening-hours__section-heading h3 {
  margin: 0;
  color: #303639;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.emergency-opening-hours__section-icon {
  display: inline-flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #1976d2;
  background-color: #e8f3fc;
  border-radius: 50%;
}
.emergency-opening-hours__section-icon .material-icons {
  font-size: 21px;
}

.emergency-opening-hours__section-icon--warning {
  color: var(--emergency-opening-hours-warning);
  background-color: var(--emergency-opening-hours-warning-soft);
}

.emergency-opening-hours__section-icon--danger {
  color: var(--emergency-opening-hours-danger);
  background-color: var(--emergency-opening-hours-danger-soft);
}

.emergency-opening-hours__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #737b7f;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.emergency-opening-hours__state-description {
  margin: 5px 0 0;
  color: #687277;
  font-size: 0.84rem;
  line-height: 1.45;
}

.emergency-opening-hours__channels {
  margin-bottom: 18px;
}
.emergency-opening-hours__channels h4 {
  margin: 0 0 9px;
  color: #5f676b;
  font-size: 0.78rem;
  font-weight: 700;
}

.emergency-opening-hours__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.emergency-opening-hours__primary-action .btn,
.emergency-opening-hours__actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  margin: 0;
}
.emergency-opening-hours__primary-action .btn .material-icons,
.emergency-opening-hours__actions .btn .material-icons {
  font-size: 18px;
}
.emergency-opening-hours__primary-action .btn:focus-visible,
.emergency-opening-hours__actions .btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.2);
}

.emergency-opening-hours__notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 760px;
  padding: 14px 16px;
  color: #5e500e;
  background-color: #fff9df;
  border-left: 4px solid #d8ad1d;
  border-radius: 8px;
}
.emergency-opening-hours__notice .material-icons {
  flex: 0 0 auto;
  font-size: 20px;
}
.emergency-opening-hours__notice p {
  margin: 0;
  line-height: 1.5;
}

.emergency-opening-hours__form {
  max-width: 820px;
}

.emergency-opening-hours__channel-fieldset {
  min-width: 0;
  padding: 0;
  margin: 0 0 22px;
  border: 0;
}
.emergency-opening-hours__channel-fieldset legend {
  width: auto;
  margin-bottom: 10px;
  color: #3f474b;
  font-size: 0.82rem;
  font-weight: 700;
}

.emergency-opening-hours__channel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.emergency-opening-hours__channel-option.form-check {
  padding: 0;
  margin: 0;
}
.emergency-opening-hours__channel-option.form-check .form-check-label {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background-color: #f8f9f9;
  border: 1px solid #e1e5e7;
  border-radius: 9px;
  transition: border-color 140ms ease, background-color 140ms ease;
}
.emergency-opening-hours__channel-option.form-check .form-check-label .form-check-sign {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  float: none;
  transform: none;
}
.emergency-opening-hours__channel-option.form-check .form-check-sign .check {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
.emergency-opening-hours__channel-option.form-check .form-check-label .emergency-opening-hours__channel-label {
  position: static;
  display: inline;
  min-width: 0;
  transition: none;
}
.emergency-opening-hours__channel-option.form-check .form-check-label:hover {
  background-color: #ffffff;
  border-color: #b9c0c4;
}
.emergency-opening-hours__channel-option.form-check .form-check-input:checked ~ .emergency-opening-hours__channel-label {
  color: #303639;
  font-weight: 700;
}
.emergency-opening-hours__channel-option.form-check .form-check-input:disabled ~ .emergency-opening-hours__channel-label {
  color: #8b9296;
}

.emergency-opening-hours__unknown-time {
  margin-bottom: 18px;
}

.emergency-opening-hours__actions {
  padding-top: 18px;
}

@media (max-width: 575.98px) {
  .emergency-opening-hours__status {
    margin-left: 62px;
  }

  .emergency-opening-hours__channel-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .emergency-opening-hours__primary-action .btn,
.emergency-opening-hours__actions .btn {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .emergency-opening-hours__channel-option .form-check-label {
    transition: none;
  }
}
.opening-hours-request-detail {
  --opening-hours-request-status-color: #6f5a00;
  --opening-hours-request-status-bg: #fff5cc;
  min-width: 0;
  padding-bottom: 8px;
}
.opening-hours-request-detail .opening-hours-request-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e3e6e8;
}
.opening-hours-request-detail .opening-hours-request-detail__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}
.opening-hours-request-detail .opening-hours-request-detail__heading h1 {
  margin: 0;
  color: #303639;
  font-size: clamp(1.35rem, 2.5vw, 1.8rem);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.opening-hours-request-detail .opening-hours-request-detail__heading p {
  margin: 5px 0 0;
  color: #737b7f;
  font-size: 0.86rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.opening-hours-request-detail .opening-hours-request-detail__icon,
.opening-hours-request-detail .opening-hours-request-section-heading__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.opening-hours-request-detail .opening-hours-request-detail__icon {
  width: 48px;
  height: 48px;
  color: #ffffff;
  background-color: #db0007;
  border: 5px solid #fde9ea;
}
.opening-hours-request-detail .opening-hours-request-detail__icon .material-icons {
  font-size: 22px;
}
.opening-hours-request-detail .opening-hours-request-status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  color: var(--opening-hours-request-status-color);
  background-color: var(--opening-hours-request-status-bg);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}
.opening-hours-request-detail .opening-hours-request-status .material-icons {
  font-size: 18px;
}
.opening-hours-request-detail .opening-hours-request-status--approved {
  --opening-hours-request-status-color: #23613a;
  --opening-hours-request-status-bg: #e4f3e9;
}
.opening-hours-request-detail .opening-hours-request-status--rejected {
  --opening-hours-request-status-color: #9f1d22;
  --opening-hours-request-status-bg: #fde9ea;
}
.opening-hours-request-detail .opening-hours-request-detail__content > .col-12 {
  padding-right: 0;
  padding-left: 0;
}
.opening-hours-request-detail .opening-hours-request-summary,
.opening-hours-request-detail .opening-hours-request-schedule {
  min-width: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e3e6e8;
}
.opening-hours-request-detail .opening-hours-request-summary {
  max-width: none;
}
.opening-hours-request-detail .opening-hours-request-section-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.opening-hours-request-detail .opening-hours-request-section-heading h2 {
  margin: 0;
  color: #303639;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.25;
}
.opening-hours-request-detail .opening-hours-request-section-heading__icon {
  width: 38px;
  height: 38px;
  color: #1976d2;
  background-color: #e8f3fc;
}
.opening-hours-request-detail .opening-hours-request-section-heading__icon .material-icons {
  font-size: 20px;
}
.opening-hours-request-detail .opening-hours-request-schedule--rejected .opening-hours-request-section-heading__icon {
  color: #9f1d22;
  background-color: #fde9ea;
}
.opening-hours-request-detail .opening-hours-request-schedule--new .opening-hours-request-section-heading__icon {
  color: #23613a;
  background-color: #e4f3e9;
}
.opening-hours-request-detail .table.opening-hours-request-meta {
  width: 100% !important;
  margin: 0;
}
.opening-hours-request-detail .table.opening-hours-request-meta tbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: baseline;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f1;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item > th,
.opening-hours-request-detail .table .opening-hours-request-meta__item > td {
  min-width: 0;
  padding: 0;
  border: 0;
  overflow-wrap: anywhere;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item > th {
  color: #737b7f;
  font-size: 0.75rem;
  font-weight: 600;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item > td {
  color: #333a3d;
  font-size: 0.86rem;
  font-weight: 600;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item--wide {
  grid-column: 1/-1;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item--rejected {
  margin-top: 8px;
  padding: 14px;
  background-color: #fff6f6;
  border: 1px solid #f0d7d8;
  border-radius: 9px;
}
.opening-hours-request-detail .table .opening-hours-request-meta__item--rejected > th,
.opening-hours-request-detail .table .opening-hours-request-meta__item--rejected > td {
  color: #8b2226;
}
.opening-hours-request-detail .opening-hours-request-print-formats {
  min-width: 420px;
  font-size: 0.8rem;
}
.opening-hours-request-detail .opening-hours-request-print-formats th,
.opening-hours-request-detail .opening-hours-request-print-formats td {
  padding: 9px 10px;
  vertical-align: middle;
}
.opening-hours-request-detail .opening-hours-request-history {
  display: grid;
  grid-template-columns: minmax(8.5rem, auto) minmax(0, 1fr);
  gap: 8px 14px;
  padding: 7px 0;
}
.opening-hours-request-detail .opening-hours-request-history time {
  color: #52616a;
  font-variant-numeric: tabular-nums;
}
.opening-hours-request-detail .opening-hours-request-history .badge {
  display: block;
  padding: 0;
  color: inherit;
  background: none;
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: left;
  white-space: normal;
}
.opening-hours-request-detail .opening-hours-request-schedule .table-responsive {
  border: 1px solid #e3e6e8;
  border-radius: 10px;
}
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable {
  min-width: 940px;
  margin-bottom: 0;
  font-size: 0.82rem;
}
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable thead,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable thead {
  color: #3f474b;
  background: linear-gradient(180deg, #ffffff 0%, #f2f3f4 100%) !important;
}
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable tbody,
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable tbody tr,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable tbody,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable tbody tr {
  background-color: #ffffff !important;
}
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable tbody tr:nth-child(even),
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable tbody tr:nth-child(even) {
  background-color: #fbfbfb !important;
}
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable th,
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable td,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable th,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable td {
  padding: 12px 10px;
  border-color: #edf0f1;
  vertical-align: middle;
}
.opening-hours-request-detail .opening-hours-request-schedule .openingHoursTable tbody th,
.opening-hours-request-detail .opening-hours-request-schedule .extraordinaryOpeningHoursTable tbody th {
  position: sticky;
  left: 0;
  color: #3f474b;
  background-color: inherit;
  z-index: 2;
}
.opening-hours-request-detail .opening-hours-request-schedule .green-background {
  color: #ffffff;
  background-color: #315c41 !important;
}
.opening-hours-request-detail .opening-hours-request-detail__actions {
  padding-top: 22px;
}
.opening-hours-request-detail .opening-hours-request-approval {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding: 0;
}
.opening-hours-request-detail .opening-hours-request-approval .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 42px;
  margin: 0;
  float: none !important;
}
.opening-hours-request-detail .opening-hours-request-approval .btn .material-icons {
  font-size: 18px;
}
.opening-hours-request-detail .opening-hours-request-approval .btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}
.opening-hours-request-detail .opening-hours-request-approval--blocked {
  align-items: flex-start;
  flex-direction: column;
}
.opening-hours-request-detail .opening-hours-request-approval--blocked .alert {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .opening-hours-request-detail .opening-hours-request-detail__header {
    align-items: flex-start;
    flex-direction: column;
  }
  .opening-hours-request-detail .table.opening-hours-request-meta tbody {
    grid-template-columns: minmax(0, 1fr);
  }
  .opening-hours-request-detail .opening-hours-request-history {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 575.98px) {
  .opening-hours-request-detail .opening-hours-request-detail__heading {
    align-items: flex-start;
  }
  .opening-hours-request-detail .opening-hours-request-detail__icon {
    width: 42px;
    height: 42px;
  }
  .opening-hours-request-detail .table .opening-hours-request-meta__item {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
  .opening-hours-request-detail .opening-hours-request-approval .btn {
    width: 100%;
  }
}

.lsm-opening-hours-section-header {
  gap: 10px;
  margin-bottom: 14px;
}

.lsm-opening-hours-section-header--compact {
  margin: 0 0 12px;
}

.lsm-opening-hours-section-header__icon {
  width: 38px;
  height: 38px;
  color: #9a5900;
  background-color: #fff1dd;
}
.lsm-opening-hours-section-header__icon .material-icons {
  font-size: 20px;
}

.lsm-opening-hours-section-header__title {
  margin: 0;
  color: #303639;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.25;
}

.lsm-opening-hours-current,
.lsm-opening-hours-editor {
  min-width: 0;
}

.lsm-opening-hours-current {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e3e6e8;
}
.lsm-opening-hours-current .table-responsive {
  border: 1px solid #e3e6e8;
  border-radius: 10px;
}
.lsm-opening-hours-current .openingHoursTable {
  min-width: 940px;
  margin-bottom: 0;
  font-size: 0.82rem;
}
.lsm-opening-hours-current .openingHoursTable thead {
  color: #3f474b;
  background-color: #fff1c7 !important;
}
.lsm-opening-hours-current .openingHoursTable thead th {
  font-size: 0.72rem;
}
.lsm-opening-hours-current .openingHoursTable th,
.lsm-opening-hours-current .openingHoursTable td {
  padding: 12px 10px;
  border-color: #edf0f1;
}
.lsm-opening-hours-current .openingHoursTable tbody th {
  position: sticky;
  left: 0;
  color: #3f474b;
  background-color: #f7f8f8;
  z-index: 2;
}

.lsm-opening-hours-editor {
  padding-top: 24px;
}

.lsm-opening-hours-grid {
  border: 1px solid #dfe3e5;
  border-radius: 10px;
  box-shadow: inset 0 -1px 0 #edf0f1;
  scrollbar-color: #aeb5b9 #f1f3f4;
  scrollbar-width: auto;
}
.lsm-opening-hours-grid:focus-visible {
  outline: 3px solid rgba(219, 0, 7, 0.28);
  outline-offset: 2px;
}
.lsm-opening-hours-grid .openingHoursTable {
  min-width: 1400px;
  margin-bottom: 0 !important;
  font-size: 0.82rem;
  table-layout: fixed;
}
.lsm-opening-hours-grid .openingHoursTable > thead {
  color: #3f474b;
  background-color: #fff1c7;
}
.lsm-opening-hours-grid .openingHoursTable > thead th {
  padding: 13px 10px;
  border: 0;
  font-size: 0.72rem;
  font-weight: 700;
}
.lsm-opening-hours-grid .openingHoursTable > tbody {
  background-color: #ffffff;
}
.lsm-opening-hours-grid .openingHoursTable > tbody > tr > th,
.lsm-opening-hours-grid .openingHoursTable > tbody > tr > td {
  padding: 12px 9px;
  border-color: #edf0f1;
}
.lsm-opening-hours-grid .openingHoursTable > tbody > tr:nth-child(even) > td {
  background-color: #fbfbfb;
}
.lsm-opening-hours-grid .openingHoursTable > tbody > tr > th {
  position: sticky;
  left: 0;
  color: #3f474b;
  background-color: #f1f3f4;
  z-index: 12;
}
.lsm-opening-hours-grid .green-background {
  background-color: #315c41 !important;
}

.lsm-opening-hours-grid__delivery-row > th,
.lsm-opening-hours-grid__delivery-row > td {
  background-color: #f1f3f4 !important;
}

.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 7px;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .bootstrap-select {
  width: 100% !important;
  height: 30px;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control .bootstrap-select > button.selectpicker-small.dropdown-toggle {
  box-sizing: border-box;
  min-height: 30px;
  height: 30px;
  padding: 4px 26px 4px 8px;
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.8;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__body,
.lsm-opening-hours-editor .lsm-opening-hours-form .openingHoursTableTable {
  width: 100%;
  min-width: 0;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__body {
  display: grid;
  gap: 6px;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__body .closedToggleOverlay {
  inset: 0;
  width: auto;
  height: auto;
  box-shadow: none;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__times.openingHoursTableTable {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
  align-items: center;
  gap: 3px;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control .form-group {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control .form-group.is-filled::after,
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control .form-group.has-error::after {
  top: auto;
  right: -3px;
  bottom: -4px;
  width: 16px;
  height: 16px;
  font-size: 0.6rem;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control .form-control[type=text] {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  height: 30px;
  padding: 5px 18px 5px 6px;
  color: #303639;
  background-color: #ffffff;
  border: 1px solid #cbd1d4;
  border-radius: 6px;
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  text-align: center;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control .form-control[type=text]:focus {
  border-color: #a90005;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.12);
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__separator {
  color: #7a8388;
  font-size: 0.72rem;
  font-weight: 700;
  text-align: center;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__warning,
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__next-day {
  min-height: 20px;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__next-day {
  position: relative;
  z-index: 3;
  display: block;
  min-width: 0;
  min-height: 24px;
  margin-top: 2px;
  isolation: isolate;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__warning {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__warning .badge {
  font-size: 0.62rem;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .closing-type-radio-buttons.form-check {
  position: relative;
  width: 100%;
  min-height: 24px;
  padding: 0;
  margin: 0;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__next-day-label.form-check-label {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 24px;
  align-items: center;
  padding: 0 0 0 26px;
  line-height: 1.2;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__next-day-label.form-check-label .form-check-sign {
  position: absolute;
  top: 50% !important;
  left: 2px !important;
  padding-right: 0;
  transform: translateY(-50%);
}
.lsm-opening-hours-editor .lsm-opening-hours-form .opening-hours-control__next-day-label.form-check-label .badge {
  position: relative;
  z-index: 2;
  display: inline-flex;
  max-width: 100%;
  min-height: 18px;
  align-items: center;
  margin: 0;
  font-size: 0.62rem;
  line-height: 1.2;
  white-space: nowrap;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .form-background {
  padding: clamp(18px, 2.5vw, 28px);
  margin-top: 24px;
  background: #f7f8f8;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}
.lsm-opening-hours-editor .lsm-opening-hours-form .lsm-form-actions {
  padding-top: 18px;
  margin: 22px 0 0;
  border-top: 1px solid #dfe3e5;
}

.lsm-opening-hours-history {
  min-width: 0;
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid #e3e6e8;
}

.lsm-opening-hours-history__table .lsm-opening-hours-history__data {
  min-width: 820px;
}

.lsm-opening-hours-history__restaurant {
  min-width: 220px;
}

.lsm-opening-hours-history__operator {
  min-width: 180px;
}

.lsm-opening-hours-form .openingHoursTableTableWrapper {
  position: relative;
  min-width: 164px;
}
.lsm-opening-hours-form .openingHoursTableTableWrapper .closedToggleOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #687277;
  background: rgba(247, 248, 248, 0.94);
  border: 1px dashed #cbd1d4;
  border-radius: 8px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: 0 0 0 3px #ffffff;
}
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable {
  width: 100%;
  min-width: 164px;
}
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable td {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable .help-block {
  display: none;
}
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable .opening-hours-col:hover .help-block,
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable .opening-hours-col:focus-within .help-block {
  display: block;
  position: absolute;
  left: 50%;
  width: min(300px, 80vw);
  color: #3f474b;
  background: #ffffff;
  border-radius: 8px;
  z-index: 99;
  border: 1px solid #dfe3e5;
  transform: translateX(-50%);
  padding: 12px 10px;
  box-shadow: 0 8px 24px rgba(35, 43, 47, 0.16);
  line-height: 1.2;
}
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable .opening-hours-col:hover .help-block:before,
.lsm-opening-hours-form .openingHoursTableTableWrapper .openingHoursTableTable .opening-hours-col:focus-within .help-block:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #dfe3e5 transparent;
  transform: translateX(-50%);
}

.lsm-opening-hours-form .openingHoursTable > tr > th, .lsm-opening-hours-form .openingHoursTable > tr > td,
.lsm-opening-hours-form .openingHoursTable > thead > tr > th,
.lsm-opening-hours-form .openingHoursTable > thead > tr > td,
.lsm-opening-hours-form .openingHoursTable > tbody > tr > th,
.lsm-opening-hours-form .openingHoursTable > tbody > tr > td {
  width: 12.5%;
  min-width: 132px;
  vertical-align: top;
}

.lsm-opening-hours-form button.selectpicker-small {
  min-height: 34px;
  padding: 6px 30px 6px 9px;
  color: #3f474b !important;
  background-color: #fff8e8 !important;
  border-color: #efd4ae !important;
  font-size: 0.76rem;
}

.headline-underline {
  position: relative;
  padding-bottom: 5px;
}
.headline-underline:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #fab421;
  border-radius: 0 6px 0 0;
}

table.table-bordered {
  box-shadow: 0 0 10px 0px #e7e7e7;
}
table.table-bordered td {
  background-color: #ffffff;
  border-color: transparent !important;
}
table.table-bordered td table {
  box-shadow: none !important;
}
table.table-bordered td table td {
  border-color: #eee !important;
}

.horizontal-yellow-line {
  border-bottom: 1px solid #fab421;
}

.nav-item .dropdown.bootstrap-select {
  height: 100%;
}

button.table-header-select {
  background: #ffffffcc !important;
  border: none !important;
  margin: 0 !important;
  height: 100% !important;
  border-radius: 3px !important;
}

.green-background {
  background-color: #264f36 !important;
  color: #ffffff;
}

.yellow-background {
  background-color: #fab421 !important;
  color: #000000;
}

.red-background {
  background-color: #db0009 !important;
  color: #ffffff;
}

.white-background {
  background-color: #ffffff !important;
  color: #000000;
}

.grey-background {
  background-color: #dbdbdb !important;
  color: #000000;
}

.visibility-hidden {
  visibility: hidden;
}

table.no-wrap td {
  white-space: nowrap;
}

.nice-checkbox {
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  z-index: 10 !important;
}

.line-height-fix {
  min-height: 24px;
  white-space: nowrap;
}

.validateAndConfirmHoliday .form-control[disabled] {
  color: #aaaaaa;
}

.previous-year, .storelocator-hours {
  background: #00bcd4 !important;
  color: #ffffff;
  opacity: 0;
  transition: 0.5s opacity;
}
.previous-year.show, .storelocator-hours.show {
  opacity: 1;
}
.previous-year.first-row, .storelocator-hours.first-row {
  z-index: 0;
}
.previous-year.first-row:after, .storelocator-hours.first-row:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: " ";
  width: 30px;
  height: 30px;
  background: #00bcd4;
  transform: translateX(-50%) rotate(45deg) translateY(-50%);
  z-index: -1;
}
.previous-year.collapsing, .storelocator-hours.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.1s ease;
}

.btn.btn-last-year {
  transform: scale(0.9);
  transition: 0.3s all;
}
.btn.btn-last-year.collapsed {
  transform: scale(1);
}

.table-requests-overview p {
  margin: 0 !important;
}
.table-requests-overview .bootstrap-select {
  width: unset !important;
}

.btn.rounded-icon-button {
  padding: 0.40625rem 0.25rem;
  font-size: 0.6875rem;
  line-height: 1.5;
  border-radius: 1.2rem;
  width: 4em;
}

#requestsHistoryModal .modal-dialog {
  max-width: 90%;
}

.left-border-radius {
  border-radius: 10px 0 0 10px;
}

.right-border-radius {
  border-radius: 0 10px 10px 0;
}

@media (max-width: 767.98px) {
  .lsm-opening-hours-form .openingHoursTable > tr > th,
.lsm-opening-hours-form .openingHoursTable > tr > td,
.lsm-opening-hours-form .openingHoursTable > thead > tr > th,
.lsm-opening-hours-form .openingHoursTable > thead > tr > td,
.lsm-opening-hours-form .openingHoursTable > tbody > tr > th,
.lsm-opening-hours-form .openingHoursTable > tbody > tr > td {
    min-width: 142px;
  }
}
tr.collapsing {
  transition: 0.01s all;
}

.disabled-body {
  position: relative;
}

.table > tbody > tr.disabled-overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #000000a6;
  color: #ffffff;
  backdrop-filter: blur(2px);
}
.table > tbody > tr.disabled-overlay td {
  background: none;
  height: 100%;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.rfm-table thead th, .rfm-table tbody td {
  border-bottom: none !important;
  border-top: none !important;
}

hr.custom-separator {
  overflow: visible;
  /* For IE */
  padding: 0;
  border: none;
  border-top: medium double #fcb315;
  color: #fcb315;
  text-align: center;
  margin: 3em 0;
}

hr.custom-separator:after {
  content: "***";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: white;
}

.alert.alert-warning {
  color: #000000;
}

.time-select {
  min-width: 60px;
  border-top: none !important;
}
.time-select select {
  border: 1px solid #dddddd;
  padding: 0 5px;
  border-radius: 6px;
  margin: 6px -2px;
  background: #f3f3f3;
}

.time-options {
  margin-bottom: -3px;
}
.time-options .form-check .form-check-sign:before {
  height: 12px;
  width: 12px;
}
.time-options .form-check .form-check-sign .check:before {
  margin-top: -2px;
  margin-left: 5px;
  transform: rotate(45deg) scale(0.7);
}
.time-options .form-check-sign {
  top: 2px !important;
}
.time-options .form-check-sign:before {
  transform: scale3d(2.3, 2.3, 0.6);
}
.time-options .form-check-sign .check {
  width: 14px;
  height: 14px;
}
.time-options .form-check {
  margin: 5px 0 0;
  top: 2px;
}
.time-options .form-check .form-check-label {
  padding-left: 18px;
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  border: 0.25ex solid #fab420;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  margin-right: 6px;
  position: relative;
  cursor: pointer;
  top: 2px;
}

input[type=radio]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.45em;
  height: 0.45em;
  background: #fab420;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in-out;
}

input[type=radio]:checked::after {
  transform: translate(-50%, -50%) scale(1);
}

.closing-type-radio-buttons {
  border-top: none !important;
}
.closing-type-radio-buttons .form-check .form-check-label {
  top: -15px;
}
.closing-type-radio-buttons .form-check-sign {
  top: -2px !important;
  left: 2px !important;
}
.closing-type-radio-buttons .badge {
  margin-left: 30px;
}
.closing-type-radio-buttons > :first-child {
  display: inline;
}
.closing-type-radio-buttons label {
  margin-bottom: 0;
}

.swal2-container {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
.swal2-container .swal2-popup:not(.swal2-toast) {
  width: min(100%, 520px);
  max-width: 100%;
  margin: auto;
  padding: 30px 28px 26px;
  overflow: hidden;
  color: #303639;
  background: #ffffff;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.28);
  font-family: inherit;
  font-size: 1rem;
}
.swal2-container .swal2-popup:not(.swal2-toast):focus-visible {
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.28), 0 0 0 4px rgba(255, 255, 255, 0.42);
  outline: 0;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-header {
  padding: 0;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-icon {
  margin: 0 auto 18px;
  background-color: #f6f7f8;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-icon.swal2-warning {
  color: #a15d00;
  background-color: #fff8ec;
  border-color: #edbd68;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-icon.swal2-error {
  background-color: #fff7f7;
  border-color: #e58d90;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-icon.swal2-info,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-icon.swal2-question {
  color: #35697e;
  background-color: #f1f8fb;
  border-color: #91c4d7;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-icon.swal2-success {
  background-color: #f5faf7;
  border-color: #77b38f;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-success-circular-line-left,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-success-circular-line-right,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-success-fix {
  background-color: #f5faf7 !important;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-title {
  margin: 0;
  padding: 0;
  color: #303639;
  font-size: clamp(.9rem, 3vw, .9rem);
  font-weight: 400;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-content,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-html-container {
  margin: 12px 0 0;
  padding: 0;
  color: #363636;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-input,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-file,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-select,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-textarea {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 0;
  color: #303639;
  background-color: #ffffff;
  border: 1px solid #cfd4d7;
  border-radius: 8px;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.95rem;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-input,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-select {
  min-height: 44px;
  padding: 9px 12px;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-textarea {
  min-height: 112px;
  padding: 11px 12px;
  resize: vertical;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-input:focus,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-file:focus,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-select:focus,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-textarea:focus {
  border-color: #db0007;
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.14);
  outline: 0;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions {
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  margin: 24px 0 0;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions button {
  display: inline-flex;
  min-width: 120px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: normal;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-confirm {
  color: #ffffff;
  background-color: #db0007;
  border-color: #db0007;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-confirm:not(:disabled):hover,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-confirm:not(:disabled):active {
  color: #ffffff;
  background-color: #b50006;
  border-color: #b50006;
  background-image: none;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-cancel,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-deny {
  color: #3f474b;
  background-color: #ffffff;
  border-color: #cfd4d7;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-cancel:not(:disabled):hover,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-cancel:not(:disabled):active,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-deny:not(:disabled):hover,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-deny:not(:disabled):active {
  color: #252a2c;
  background-color: #f3f5f5;
  border-color: #aeb5b9;
  background-image: none;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions button:focus,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-close:focus {
  box-shadow: none;
  outline: 0;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions button:focus-visible,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-close:focus-visible {
  box-shadow: 0 0 0 3px rgba(219, 0, 7, 0.18);
  outline: 0;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-close {
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  color: #737b7f;
  border-radius: 50%;
  font-size: 2rem;
  line-height: 1;
  transition: color 160ms ease, background-color 160ms ease;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-close:hover {
  color: #303639;
  background-color: #eef0f2;
}
.swal2-container .swal2-popup:not(.swal2-toast).swal2-rtl .swal2-close {
  right: auto;
  left: 10px;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-validation-message,
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-validationerror {
  margin: 18px 0 0;
  padding: 10px 12px;
  color: #8f0005;
  background-color: #fff2f2;
  border-left: 4px solid #db0007;
  border-radius: 7px;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.45;
}
.swal2-container .swal2-popup:not(.swal2-toast) .swal2-footer {
  margin: 22px 0 0;
  padding: 16px 0 0;
  color: #727a7e;
  border-color: #e3e6e8;
  font-size: 0.82rem;
  line-height: 1.45;
}
.swal2-container .swal2-popup.swal2-toast {
  padding: 12px 14px;
  color: #303639;
  background-color: #ffffff;
  border: 1px solid #e3e6e8;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
  font-family: inherit;
}

body > .swal2-container {
  padding: clamp(12px, 3vw, 32px);
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  body > .swal2-container {
    padding: 10px;
  }

  .swal2-container .swal2-popup:not(.swal2-toast) {
    padding: 26px 18px 18px;
    border-radius: 14px;
  }
  .swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions {
    flex-direction: column;
  }
  .swal2-container .swal2-popup:not(.swal2-toast) .swal2-actions button {
    width: 100%;
    min-width: 0;
  }
}
body:not(.swal2-toast-shown):not(.swal2-no-backdrop) > .swal2-container.swal2-backdrop-show,
body:not(.swal2-toast-shown):not(.swal2-no-backdrop) > .swal2-container.swal2-shown,
body:not(.swal2-toast-shown):not(.swal2-no-backdrop) > .swal2-container.swal2-noanimation {
  background: rgba(24, 29, 31, 0.72);
}

@media (prefers-reduced-motion: reduce) {
  .swal2-container,
.swal2-container .swal2-popup,
.swal2-container .swal2-actions button,
.swal2-container .swal2-close {
    transition: none;
  }

  .swal2-container .swal2-show,
.swal2-container .swal2-hide,
.swal2-container .swal2-icon {
    animation: none;
  }
}
.flatpickr-input[readonly] {
  cursor: pointer !important;
  background: inherit !important;
}

/*# sourceMappingURL=style.css.map */