
: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){align-items:center!important;align-content:center!important;padding:24px!important;}}
@media (max-width:768px){.modal-overlay:not(#reservationModal):not(#editModal){align-items:center!important;align-content:center!important;padding:14px!important;}}
.modal-overlay > :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 > .modal-box, .modal-overlay > .calendar-modal-box, .modal-overlay > .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;}
.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;}}
.settings-modal-box > .modal-head, #reservationTimePickerModal .modal-head, #pickupModal .pickup-modal-head-8235, #staffDeleteImpactModal8315 .modal-head{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;}
.settings-modal-box > .modal-head > div:first-child, #reservationTimePickerModal .modal-head > div:first-child, #pickupModal .pickup-modal-title-8235, #staffDeleteImpactModal8315 .modal-head > div:first-child{grid-column:1!important;min-width:0!important;}
.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:520!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, html body #staffDeleteImpactModal8315 .modal-head 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:520!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-box > .actions, .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;}
.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;}
.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:820!important;}
.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:#f04aa3!important;-webkit-text-fill-color:#f04aa3!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:820!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;}
#staffSettingsModal .modal-head{grid-template-columns:minmax(0,1fr) auto!important;}
#staffSettingsModal .staff-modal-head-actions-8305{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important;}
#staffSettingsModal .staff-new-button-8305{min-height:36px!important;height:36px!important;border-radius:10px!important;padding:0 11px!important;font-size:13px!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:820!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:520!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;}
.company-edit-head-8318 > button.hierarchy-back-8304, .store-edit-head-8308 > button.hierarchy-back-8304{display:none!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:820!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;}
html[data-neway-theme="light"] body .neway-page-back-8353, html[data-neway-theme="light"] body :is(.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:#d43282!important;-webkit-text-fill-color:#d43282!important;}
@media (max-width:560px){#companyDeleteModal8320 > .modal-box, #storeDeleteModal8319 > .modal-box, #staffDeleteImpactModal8315 > .modal-box, #changePasswordModal > .modal-box{width:min(100%,calc(100vw - 24px))!important;}
.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;}
