:root{--neway-ui-dialog-surface:#171721;--neway-ui-dialog-surface-soft:#1d1d28;--neway-ui-dialog-line:rgba(255,255,255,.10);--neway-ui-dialog-text:#fffaf4;--neway-ui-dialog-sub:rgba(255,250,244,.62);--neway-ui-dialog-shadow:0 24px 72px rgba(0,0,0,.46);--neway-ui-dialog-close-bg:rgba(255,255,255,.055);--neway-ui-dialog-close-hover:rgba(255,255,255,.10);--neway-ui-dialog-secondary-bg:rgba(255,255,255,.045);--neway-ui-dialog-secondary-border:rgba(255,255,255,.13);}
html[data-neway-theme="light"]{--neway-ui-dialog-surface:#ffffff;--neway-ui-dialog-surface-soft:#f7f7fa;--neway-ui-dialog-line:rgba(31,31,40,.11);--neway-ui-dialog-text:#202027;--neway-ui-dialog-sub:#74747e;--neway-ui-dialog-shadow:0 24px 72px rgba(30,32,42,.18);--neway-ui-dialog-close-bg:#f5f5f8;--neway-ui-dialog-close-hover:#ededf2;--neway-ui-dialog-secondary-bg:#fff;--neway-ui-dialog-secondary-border:rgba(31,31,40,.14);}
.modal-overlay{justify-items:center!important;justify-content:center!important;}
@media (min-width:769px){.modal-overlay:not(#reservationModal):not(.neway-secondary-workspace-8622){align-items:center!important;align-content:center!important;padding:24px!important;}}
@media (max-width:768px){.modal-overlay:not(#reservationModal):not(#editModal):not(.neway-secondary-workspace-8622){align-items:center!important;align-content:center!important;padding:14px!important;}}
.modal-overlay:not(.neway-secondary-workspace-8622) > :is(.modal-box,.calendar-modal-box,.waitlist-reservation-prompt-8297,.reservation-waitlist-picker-8298){justify-self:center!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .modal-box:not(.pickup-modal-box-8235), .modal-overlay:not(.neway-secondary-workspace-8622) > .calendar-modal-box, .modal-overlay:not(.neway-secondary-workspace-8622) > .reservation-waitlist-picker-8298{width:min(680px,calc(100vw - 48px))!important;max-width:680px!important;border-radius:var(--neway-ui-dialog-radius)!important;box-shadow:var(--neway-ui-dialog-shadow)!important;}
/* Desktop settings dialogs use the same fluid-width principle as full pages. Small confirmations stay compact. */
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box{width:calc(100vw - 48px)!important;max-width:none!important;box-sizing:border-box!important;}
.waitlist-reservation-prompt-8297{width:min(430px,calc(100vw - 48px))!important;max-width:430px!important;border-radius:18px!important;box-shadow:var(--neway-ui-dialog-shadow)!important;}
@media (max-width:768px){body.mobile-reservation-form-open-8152 #reservationModal > .modal-box.edit-modal-box, body.mobile-reservation-detail-8174 #reservationModal > .modal-box.edit-modal-box, #editModal > .edit-modal-box-8246{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;}}
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .modal-head, #reservationTimePickerModal .modal-head, #pickupModal .pickup-modal-head-8235{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:start!important;min-height:42px!important;border-bottom:1px solid var(--neway-ui-dialog-line)!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .modal-head > div:first-child, #reservationTimePickerModal .modal-head > div:first-child, #pickupModal .pickup-modal-title-8235{grid-column:1!important;min-width:0!important;}
/* NEWAY ONE v8.0.622 — Secondary Workspace Page canonical.
   Complex functional second-level screens are no longer presented as centered dialogs.
   The existing close/save business actions are preserved, while the visual shell becomes
   a full-viewport workspace with breadcrumb + Back navigation. Small confirmations remain dialogs. */
.neway-workspace-modal-head-8621 > div:first-child{min-width:0;}
.neway-workspace-nav-row-8621{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 10px;}
.neway-workspace-back-8621{flex:0 0 auto;}
.neway-breadcrumb-8621{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;font-size:13px;line-height:1.35;color:var(--neway-ui-dialog-sub);}
.neway-breadcrumb-8621::-webkit-scrollbar{display:none;}
.neway-breadcrumb-item-8621{color:var(--neway-ui-dialog-sub);font-weight:500;}
.neway-breadcrumb-sep-8621{color:var(--neway-ui-dialog-sub);opacity:.58;font-size:16px;line-height:1;}
.neway-breadcrumb-current-8621{color:var(--neway-ui-dialog-text);font-weight:700;}

/* Fullscreen workspace owner: this semantic class is the only geometry owner for
   functional secondary pages. It intentionally beats the later generic modal sizing. */
.modal-overlay.neway-secondary-workspace-8622{
  position:fixed;
  inset:0;
  z-index:10080;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:1fr;
  place-items:stretch;
  align-items:stretch;
  align-content:stretch;
  justify-items:stretch;
  justify-content:stretch;
  width:100vw;
  height:100dvh;
  padding:0;
  margin:0;
  overflow:hidden;
  background:var(--bg);
  backdrop-filter:none;
}
.modal-overlay.neway-secondary-workspace-8622.hidden{display:none;}
.modal-overlay.neway-secondary-workspace-8622 > .modal-box.settings-modal-box,
.modal-overlay.neway-secondary-workspace-8622 > .modal-box.neway-secondary-workspace-card-8622{
  --neway-workspace-gutter-8622:clamp(18px,2.2vw,34px);
  /* v8.0.647: specialized workspaces may own their own terminal footer and set the bottom pad to 0. */
  display:flex;
  flex-direction:column;
  position:relative;
  inset:auto;
  width:100vw;
  min-width:0;
  max-width:none;
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  margin:0;
  padding:0 var(--neway-workspace-gutter-8622) var(--neway-workspace-bottom-pad-8622,calc(28px + env(safe-area-inset-bottom)));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:0;
  border-radius:0;
  background:var(--bg);
  box-shadow:none;
}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621,
.modal-overlay.neway-secondary-workspace-8622 .billing-modal-head-8415.neway-workspace-modal-head-8621{
  position:sticky;
  top:0;
  z-index:30;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
  width:auto;
  min-height:78px;
  margin:0 calc(-1 * var(--neway-workspace-gutter-8622)) 20px;
  padding:16px var(--neway-workspace-gutter-8622) 14px;
  border:0;
  border-bottom:1px solid var(--neway-ui-dialog-line);
  border-radius:0;
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  backdrop-filter:blur(16px);
}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621 > div:first-child{grid-column:1;min-width:0;}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621 > button,
.modal-overlay.neway-secondary-workspace-8622 .staff-modal-head-actions-8305 > button[data-settings-modal-close-8544]{display:none;}
.modal-overlay.neway-secondary-workspace-8622 .staff-modal-head-actions-8305{grid-column:2;align-self:center;}
.modal-overlay.neway-secondary-workspace-8622 .staff-modal-head-actions-8305 > button:not([data-settings-modal-close-8544]){display:inline-flex;}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-nav-row-8621{margin:0 0 8px;}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-back-8621{min-height:36px;height:36px;padding:0 6px;margin:0;border:0;border-radius:10px;background:transparent;box-shadow:none;color:#f04aa3;-webkit-text-fill-color:#f04aa3;font-size:14px;font-weight:650;}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621 h2{margin:0;font-size:clamp(20px,1.7vw,26px);line-height:1.2;}
.modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621 p{margin:5px 0 0;max-width:980px;font-size:12.5px;line-height:1.45;}

/* NEWAY ONE v8.0.662 — Settings page header content-flow canonical.
   These settings screens use a normal-flow header instead of the generic sticky
   workspace header. This prevents breadcrumb/title/subtitle content from ever
   occupying the same vertical space as the first field or notice card. */
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621,
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .billing-modal-head-8415.neway-workspace-modal-head-8621{
  position:relative;
  top:auto;
  z-index:1;
  display:block;
  width:auto;
  min-height:0;
  margin:0 calc(-1 * var(--neway-workspace-gutter-8622)) 20px;
  padding:14px var(--neway-workspace-gutter-8622) 16px;
  border:0;
  border-bottom:1px solid var(--neway-ui-dialog-line);
  background:var(--bg);
  box-shadow:none;
  backdrop-filter:none;
}
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 > div:first-child{
  display:block;
  min-width:0;
}
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 .neway-workspace-nav-row-8621{
  margin:0 0 12px;
}
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 h2{
  margin:0;
  font-size:clamp(21px,1.7vw,26px);
  line-height:1.22;
}
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 p{
  margin:6px 0 0;
  max-width:980px;
  font-size:12.5px;
  line-height:1.5;
}
@media (max-width:700px){
  .modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621,
  .modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .billing-modal-head-8415.neway-workspace-modal-head-8621{
    margin-bottom:16px;
    padding-top:12px;
    padding-bottom:13px;
  }
  .modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 .neway-workspace-nav-row-8621{margin-bottom:10px;}
  .modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 h2{font-size:20px;}
  .modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660 > .neway-workspace-modal-head-8621 p{font-size:12px;line-height:1.45;}
}

/* NEWAY ONE v8.0.662 — Settings workspace terminal action canonical.
   Settings-page headers use the normal-flow owner above; terminal actions alone own
   the fixed bottom bar. The generic sticky action rule below explicitly excludes
   these pages so two footer systems cannot compete. */
.modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660{
  --neway-workspace-bottom-pad-8622:calc(82px + env(safe-area-inset-bottom));
}
.modal-overlay.neway-secondary-workspace-8622 > .modal-box.settings-modal-box.neway-settings-page-8660,
.modal-overlay.neway-secondary-workspace-8622 > .modal-box.neway-secondary-workspace-card-8622.neway-settings-page-8660{
  /* Settings pages are document-flow workspaces. Do not let the generic flex
     workspace shrink their header or content to fit the viewport. */
  display:block;
}
.modal-overlay.neway-secondary-workspace-8622 .neway-settings-page-8660 > .neway-settings-page-actions-8660{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:45;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);
  gap:10px;
  width:auto;
  margin:0;
  padding:10px var(--neway-workspace-gutter-8622) calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--neway-ui-dialog-line);
  background:color-mix(in srgb,var(--bg) 96%,transparent);
  box-shadow:0 -10px 28px rgba(0,0,0,.08);
  backdrop-filter:blur(16px);
}
.modal-overlay.neway-secondary-workspace-8622 .neway-settings-page-8660 > .neway-settings-page-actions-8660:has(>button:only-child){grid-template-columns:1fr;}
.modal-overlay.neway-secondary-workspace-8622 .neway-settings-page-8660 > .neway-settings-page-actions-8660 > button{
  width:100%;
  min-height:46px;
  margin:0;
  border-radius:12px;
  font-weight:650;
}
@media (max-width:700px){
  .modal-overlay.neway-secondary-workspace-8622 > .neway-settings-page-8660{
    --neway-workspace-bottom-pad-8622:calc(76px + env(safe-area-inset-bottom));
  }
  .modal-overlay.neway-secondary-workspace-8622 .neway-settings-page-8660 > .neway-settings-page-actions-8660{
    gap:8px;
    padding-top:8px;
    padding-bottom:calc(8px + env(safe-area-inset-bottom));
  }
  .modal-overlay.neway-secondary-workspace-8622 .neway-settings-page-8660 > .neway-settings-page-actions-8660 > button{min-height:44px;}
}

/* Direct page actions become a page-style action bar rather than a dialog footer. */
.modal-overlay.neway-secondary-workspace-8622 > .settings-modal-box > .actions:not(.neway-settings-page-actions-8660),
.modal-overlay.neway-secondary-workspace-8622 > .neway-secondary-workspace-card-8622 > .actions:not(.neway-settings-page-actions-8660){
  position:sticky;
  bottom:0;
  z-index:24;
  margin:18px calc(-1 * var(--neway-workspace-gutter-8622)) calc(-28px - env(safe-area-inset-bottom));
  padding:10px var(--neway-workspace-gutter-8622) calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--neway-ui-dialog-line);
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  backdrop-filter:blur(16px);
  box-shadow:0 -10px 28px rgba(0,0,0,.08);
}

/* NEWAY ONE v8.0.630 — completed workspace pages keep their terminal action bar
   at the viewport bottom when content is short. This is part of the canonical
   fullscreen workspace layout, not a page-specific override. Long workspaces
   continue to scroll normally, while sticky bottom keeps the terminal actions
   reachable. Non-terminal action groups (for example Twilio test flow) are not
   treated as page footers. */
.modal-overlay.neway-secondary-workspace-8622 > .settings-modal-box > .actions:not(.neway-settings-page-actions-8660):last-child,
.modal-overlay.neway-secondary-workspace-8622 > .neway-secondary-workspace-card-8622 > .actions:not(.neway-settings-page-actions-8660):last-child{
  margin-top:auto;
}

/* NEWAY ONE v8.0.664 — Long-list settings workspace scrolling canonical.
   Location management owns a long, content-driven list. It must not use the generic
   flex-column workspace because the list panel can otherwise shrink and clip its
   children without creating page overflow. The page itself owns vertical scrolling
   on desktop and touch devices. */
.modal-overlay.neway-secondary-workspace-8622 > .modal-box.settings-modal-box.neway-scroll-workspace-8664{
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-x:none;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
}
.modal-overlay.neway-secondary-workspace-8622 > .modal-box.settings-modal-box.neway-scroll-workspace-8664 > .operation-log-panel{
  overflow:visible;
}

/* Settings content can use the entire desktop canvas. Common lists/grids naturally gain columns. */
@media (min-width:1000px){
  .modal-overlay.neway-secondary-workspace-8622 :is(.settings-grid.option-list,.room-theme-grid-8255,.role-guide-grid-8487){grid-template-columns:repeat(3,minmax(0,1fr));}
  #reservationRoomSettingsModal.neway-secondary-workspace-8622 .room-simple-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  #locationSettingsModal.neway-secondary-workspace-8622 #locationsList{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:700px){
  .modal-overlay.neway-secondary-workspace-8622 > .modal-box.settings-modal-box,
  .modal-overlay.neway-secondary-workspace-8622 > .modal-box.neway-secondary-workspace-card-8622{--neway-workspace-gutter-8622:14px;}
  .neway-workspace-nav-row-8621{gap:6px;margin-bottom:8px;}
  .neway-breadcrumb-8621{gap:5px;font-size:12px;}
  .modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621{min-height:68px;padding-top:12px;padding-bottom:11px;margin-bottom:14px;}
  .modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621 h2{font-size:20px;}
  .modal-overlay.neway-secondary-workspace-8622 .neway-workspace-modal-head-8621 p{font-size:12px;}
}
.neway-modal-close-8353{grid-column:2!important;justify-self:end!important;align-self:start!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;display:inline-grid!important;place-items:center!important;border:1px solid var(--neway-ui-dialog-line)!important;border-radius:10px!important;background:var(--neway-ui-dialog-close-bg)!important;color:var(--neway-ui-dialog-text)!important;-webkit-text-fill-color:var(--neway-ui-dialog-text)!important;box-shadow:none!important;font-size:24px!important;font-weight:500!important;line-height:1!important;letter-spacing:0!important;}
.neway-modal-close-8353:hover{background:var(--neway-ui-dialog-close-hover)!important;}
html body .modal-head button.neway-modal-close-8353, html body #reservationWaitlistPicker8298 button.neway-modal-close-8353, html body #pickupModal .pickup-modal-head-8235 button.neway-modal-close-8353{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;margin:0!important;display:inline-grid!important;place-items:center!important;border:1px solid var(--neway-ui-dialog-line)!important;border-radius:10px!important;background:var(--neway-ui-dialog-close-bg)!important;color:var(--neway-ui-dialog-text)!important;-webkit-text-fill-color:var(--neway-ui-dialog-text)!important;font-size:24px!important;font-weight:500!important;line-height:1!important;}
#reservationWaitlistPicker8298 .reservation-waitlist-picker-head-8298{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:center!important;gap:12px!important;padding:15px 16px 13px!important;}
#reservationWaitlistPicker8298 .reservation-waitlist-picker-head-8298 h2{grid-column:1!important;grid-row:1!important;text-align:left!important;font-size:19px!important;}
#reservationWaitlistPicker8298 .reservation-waitlist-picker-back-8298{grid-column:2!important;grid-row:1!important;justify-self:end!important;}
#reservationWaitlistPicker8298 .reservation-waitlist-picker-spacer-8298{display:none!important;}
#companyDeleteModal8320 .modal-head, #companyPurgeModal8461 .modal-head, #storeDeleteModal8319 .modal-head{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;padding-bottom:13px!important;border-bottom:1px solid var(--neway-ui-dialog-line)!important;}
#companyDeleteModal8320 .modal-head > div:first-child, #companyPurgeModal8461 .modal-head > div:first-child, #storeDeleteModal8319 .modal-head > div:first-child{grid-column:1!important;min-width:0!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .modal-box > .actions, .modal-overlay:not(.neway-secondary-workspace-8622) > .modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .actions, #companyDeleteModal8320 .actions, #storeDeleteModal8319 .actions, #reservationTimePickerModal .actions, #editModal .edit-modal-actions-8246, #pickupModal .pickup-actions-8235, .calendar-actions, .waitlist-reservation-prompt-actions-8297{gap:10px!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .actions, #companyDeleteModal8320 .actions, #storeDeleteModal8319 .actions, #reservationTimePickerModal .actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;align-items:stretch!important;margin-top:16px!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .actions > button, #companyDeleteModal8320 .actions > button, #storeDeleteModal8319 .actions > button, #reservationTimePickerModal .actions > button, #editModal .edit-modal-actions-8246 > button, #pickupModal .pickup-actions-8235 > button, .calendar-actions > button, .waitlist-reservation-prompt-actions-8297 > button{min-height:46px!important;border-radius:12px!important;font-weight:600!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .actions > .ghost, #companyDeleteModal8320 .actions > .ghost, #storeDeleteModal8319 .actions > .ghost, #reservationTimePickerModal .actions > .ghost, #editModal .edit-modal-actions-8246 > .ghost, #pickupModal .pickup-actions-8235 > .ghost{background:var(--neway-ui-dialog-secondary-bg)!important;border-color:var(--neway-ui-dialog-secondary-border)!important;color:var(--neway-ui-dialog-text)!important;-webkit-text-fill-color:var(--neway-ui-dialog-text)!important;}
.neway-page-back-8353, .hierarchy-back-8304, .waitlist-back-8296, .storage-add-back-8243, .business-report-back-8427, .daily-closing-back-8429, .booker-report-back-8412, .room-report-back-8406, #reservationModal .reservation-back-btn, #editModal .edit-back-btn-8285{color:var(--neway-back-action-color,#f04aa3)!important;-webkit-text-fill-color:var(--neway-back-action-color,#f04aa3)!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:600!important;white-space:nowrap!important;}
@media (max-width:768px){#reservationModal .modal-head{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) 76px!important;align-items:center!important;gap:6px!important;}
#reservationModal .modal-head > div:first-child{grid-column:2!important;grid-row:1!important;text-align:center!important;min-width:0!important;}
#reservationModal .modal-head-actions{grid-column:1 / -1!important;grid-row:1!important;display:contents!important;}
#reservationModal .reservation-back-btn{grid-column:1!important;grid-row:1!important;justify-self:start!important;}
#reservationModal #addReservationTurnBtn{grid-column:3!important;grid-row:1!important;justify-self:end!important;}}
@media (max-width:768px){#editModal .edit-modal-head-8246{display:grid!important;grid-template-columns:76px minmax(0,1fr) 76px!important;align-items:center!important;gap:6px!important;}
#editModal .edit-back-btn-8285{grid-column:1!important;grid-row:1!important;justify-self:start!important;}
#editModal .edit-modal-title-8246{grid-column:2!important;grid-row:1!important;text-align:center!important;min-width:0!important;}}
@media (min-width:769px){#editModal .edit-modal-head-8246{display:grid!important;grid-template-columns:88px minmax(0,1fr) 88px!important;align-items:center!important;gap:8px!important;}
#editModal .edit-back-btn-8285{grid-column:1!important;grid-row:1!important;justify-self:start!important;}
#editModal .edit-modal-title-8246{grid-column:2!important;grid-row:1!important;text-align:center!important;min-width:0!important;}}
.mobile-sheet-head-8159{grid-template-columns:44px minmax(0,1fr) 44px!important;padding-left:14px!important;padding-right:14px!important;}
.mobile-sheet-close-8159:not(.neway-page-back-8353){width:36px!important;height:36px!important;border:1px solid var(--neway-ui-dialog-line)!important;border-radius:10px!important;background:var(--neway-ui-dialog-close-bg)!important;font-size:23px!important;}
#reservationTimePickerModal:not(.hidden){place-items:center!important;align-items:center!important;justify-items:center!important;padding:14px!important;}
#reservationTimePickerModal .time-picker-box{width:min(680px,calc(100vw - 28px))!important;max-width:680px!important;max-height:min(88vh,760px)!important;border-radius:var(--neway-ui-dialog-radius)!important;margin:auto!important;}
.calendar-modal-overlay{place-items:center!important;align-items:center!important;justify-items:center!important;padding:14px!important;}
.calendar-modal-box{width:min(560px,calc(100vw - 28px))!important;max-width:560px!important;max-height:88vh!important;border-radius:var(--neway-ui-dialog-radius)!important;margin:auto!important;}
@media (max-width:760px), (min-width:768px) and (max-width:1366px) and (pointer:coarse){#pickupModal{padding:0!important;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;}
#pickupModal > .pickup-modal-box-8235{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;}
#pickupModal .pickup-modal-head-8235{display:grid!important;grid-template-columns:76px minmax(0,1fr) 76px!important;align-items:center!important;gap:6px!important;}
#pickupModal .pickup-modal-title-8235{grid-column:2!important;grid-row:1!important;text-align:center!important;}
#pickupModal .neway-pickup-nav-8353{grid-column:1!important;grid-row:1!important;justify-self:start!important;color:#f04aa3!important;-webkit-text-fill-color:#f04aa3!important;background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:38px!important;padding:0!important;font-size:14px!important;font-weight:600!important;}}
@media (min-width:761px) and (pointer:fine), (min-width:1367px){#pickupModal .neway-pickup-nav-8353{grid-column:2!important;justify-self:end!important;}}
.reservation-booker-modal-8196, .reservation-tag-manager-modal-8197{align-items:center!important;justify-content:center!important;padding:18px!important;}
.reservation-booker-panel-8196, .reservation-tag-manager-panel-8197{width:min(520px,calc(100vw - 36px))!important;max-width:520px!important;max-height:min(82dvh,680px)!important;border-radius:var(--neway-ui-dialog-radius)!important;border-color:var(--neway-ui-dialog-line)!important;box-shadow:var(--neway-ui-dialog-shadow)!important;margin:auto!important;}
.reservation-booker-panel-head-8196, .reservation-tag-manager-head-8197{min-height:58px!important;padding:12px 14px!important;border-bottom-color:var(--neway-ui-dialog-line)!important;}
.reservation-booker-close-8196, .reservation-tag-manager-close-8197{flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:1px solid var(--neway-ui-dialog-line)!important;border-radius:10px!important;background:var(--neway-ui-dialog-close-bg)!important;color:var(--neway-ui-dialog-text)!important;-webkit-text-fill-color:var(--neway-ui-dialog-text)!important;font-size:24px!important;font-weight:500!important;line-height:1!important;}
.store-switcher-layer-8128{align-items:center!important;justify-content:center!important;padding:18px!important;}
.store-switcher-panel-8128{width:min(460px,calc(100vw - 36px))!important;max-height:82dvh!important;overflow:auto!important;border-radius:var(--neway-ui-dialog-radius)!important;box-shadow:var(--neway-ui-dialog-shadow)!important;}
.store-switcher-head-8128 button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important;border:1px solid var(--neway-ui-dialog-line)!important;background:var(--neway-ui-dialog-close-bg)!important;color:var(--neway-ui-dialog-text)!important;-webkit-text-fill-color:var(--neway-ui-dialog-text)!important;font-size:24px!important;line-height:1!important;}
#reservationTimePickerModal .time-picker-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;gap:10px!important;margin-top:16px!important;}
#reservationTimePickerModal .time-picker-actions > button{min-height:46px!important;border-radius:12px!important;font-weight:600!important;}
html[data-neway-theme="light"] body .neway-modal-close-8353, html[data-neway-theme="light"] body .mobile-sheet-close-8159:not(.neway-page-back-8353){color:#292931!important;-webkit-text-fill-color:#292931!important;background:#f6f6f8!important;border-color:rgba(31,31,40,.12)!important;}

@media (max-width:560px){#companyDeleteModal8320 > .modal-box, #storeDeleteModal8319 > .modal-box, #staffDeleteImpactModal8315 > .modal-box, #changePasswordModal > .modal-box{width:min(100%,calc(100vw - 24px))!important;}
.modal-overlay:not(.neway-secondary-workspace-8622) > .settings-modal-box > .actions, #companyDeleteModal8320 .actions, #storeDeleteModal8319 .actions, #reservationTimePickerModal .actions{grid-template-columns:1fr 1.15fr!important;}}

/* v8.0.485 — future modal/button contract.
   Header close/cancel actions are normalized to one × control by 80-unified-modal-dialog.js.
   A footer action that repeats the exact same close action is redundant and stays out of layout.
   Destructive dialogs are excluded in JS so they keep Cancel + Danger confirmation. */
.neway-redundant-modal-action-8485{display:none!important;}
.modal-overlay .actions.neway-single-modal-action-8485{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
.modal-overlay .actions.neway-single-modal-action-8485 > button:not(.neway-redundant-modal-action-8485){grid-column:1 / -1!important;justify-self:end!important;width:min(220px,100%)!important;min-height:46px!important;border-radius:12px!important;}
@media (max-width:560px){.modal-overlay .actions.neway-single-modal-action-8485 > button:not(.neway-redundant-modal-action-8485){width:100%!important;justify-self:stretch!important;}}
.modal-overlay .actions.neway-two-modal-actions-8485{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;gap:10px!important;}
/* Keep standard modal close sizing stronger than legacy hierarchy/back button rules. */
html body .modal-overlay .modal-head button.neway-standard-modal-close-8485{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;border:1px solid var(--neway-ui-dialog-line)!important;border-radius:10px!important;background:var(--neway-ui-dialog-close-bg)!important;color:var(--neway-ui-dialog-text)!important;-webkit-text-fill-color:var(--neway-ui-dialog-text)!important;box-shadow:none!important;}