/* Centered shift close dialog. */
/* Compact checkout and customer dialogs share the same centered overlay. */
html body #detailModal.restaurant-shift-close-modal:not(.is-hidden){position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:18px!important;background:#030b19bb!important;z-index:1000!important;box-sizing:border-box;overflow:auto!important;backdrop-filter:blur(5px)}
html body #detailModal.restaurant-shift-close-modal .detail-modal-card{position:relative!important;inset:auto!important;transform:none!important;width:min(520px,100%)!important;max-width:520px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;margin:auto!important;padding:20px!important;border:1px solid #375473!important;border-radius:20px!important;background:#101d31!important;box-shadow:0 30px 90px #0008!important;box-sizing:border-box}
html body #detailModal.restaurant-shift-close-modal #detailModalBody{display:block!important;max-height:none!important;min-height:0!important;height:auto!important;padding:0!important;overflow:visible!important}
html body #detailModal.restaurant-shift-close-modal .detail-modal-header{margin:0 0 14px!important;padding:0 0 10px!important}
html body #detailModal.restaurant-shift-close-modal h2{font-size:20px!important}

html body[data-active-page="cashierPage"] #detailModal.restaurant-shift-close-modal .detail-modal-card{width:min(540px,100%)!important;max-width:540px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;padding:18px!important;margin:auto!important}
html body #detailModal.restaurant-shift-close-modal .detail-modal-card>.section-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0 0 10px!important}
html body #detailModal.restaurant-shift-close-modal #detailModalBody{font-size:12px!important}
html body #detailModal.restaurant-shift-close-modal .detail-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0!important;margin:0 0 10px!important}
html body #detailModal.restaurant-shift-close-modal .detail-summary>span{padding:7px 9px!important;min-height:0!important;font-size:12px!important;border-radius:8px!important}
html body #detailModal.restaurant-shift-close-modal .receipt-totals{margin:8px 0!important;padding:8px 0!important}
html body #detailModal.restaurant-shift-close-modal .receipt-totals>div,html body #detailModal.restaurant-shift-close-modal .receipt-payments>div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:4px 0!important}
html body #detailModal.restaurant-shift-close-modal .receipt-payments{margin:8px 0!important;padding:0!important}
html body #detailModal.restaurant-shift-close-modal .receipt-payments h3{font-size:12px!important;margin:0 0 5px!important}
html body #detailModal.restaurant-shift-close-modal .modal-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 8px!important;padding:0!important}
html body #detailModal.restaurant-shift-close-modal label{display:grid!important;gap:5px!important;font-size:12px!important;min-width:0!important}
html body #detailModal.restaurant-shift-close-modal input{width:100%!important;box-sizing:border-box!important;height:40px!important;min-height:40px!important;padding:7px 10px!important;font-size:15px!important}
html body #detailModal.restaurant-shift-close-modal #shiftCloseHint{display:block!important;font-size:10px!important;line-height:1.6!important;margin-bottom:12px!important}
html body #detailModal.restaurant-shift-close-modal #confirmCloseShiftButton{width:100%!important;min-height:42px!important;margin:0!important;font-size:14px!important}

/* Shift reconciliation: clear hierarchy, aligned inputs and readable amounts. */
html body[data-active-page="cashierPage"] #detailModal.restaurant-shift-close-modal .detail-modal-card{width:min(560px,100%)!important;max-width:560px!important;padding:22px!important;border-radius:20px!important}
html body #detailModal.restaurant-shift-close-modal .detail-modal-card>.section-title-row{align-items:center!important;margin-bottom:16px!important;padding-bottom:12px!important}
html body #detailModal.restaurant-shift-close-modal h2{font-size:21px!important;line-height:1.5!important;margin:2px 0!important}
html body #detailModal.restaurant-shift-close-modal #closeDetailModalButton{min-width:64px!important;min-height:34px!important;font-size:12px!important;border-radius:9px!important}
html body #detailModal.restaurant-shift-close-modal .detail-summary{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;margin-bottom:14px!important}
html body #detailModal.restaurant-shift-close-modal .detail-summary>span{grid-column:span 3;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:9px 10px!important;font-size:11px!important;line-height:1.5!important;background:#14243a!important;border:1px solid #263c57!important;color:#a9bfd9!important}
html body #detailModal.restaurant-shift-close-modal .detail-summary>span:nth-child(n+5){grid-column:span 2;flex-direction:column!important;gap:4px!important;justify-content:center!important;text-align:center!important}
html body #detailModal.restaurant-shift-close-modal .detail-summary>span b{color:#edf5ff!important;font-size:12px!important;font-variant-numeric:tabular-nums}
html body #detailModal.restaurant-shift-close-modal .detail-summary>span:nth-child(n+5) b{font-size:18px!important}
html body #detailModal.restaurant-shift-close-modal .receipt-totals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;border:0!important;margin:0 0 14px!important;padding:0!important}
html body #detailModal.restaurant-shift-close-modal .receipt-totals>div{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:7px!important;margin:0!important;padding:12px 6px!important;background:#142b43!important;border:1px solid #2b4561!important;border-radius:11px!important;font-size:11px!important;line-height:1.5!important}
html body #detailModal.restaurant-shift-close-modal .receipt-totals>div b{font-size:22px!important;line-height:1.3!important;direction:ltr;font-variant-numeric:tabular-nums}
html body #detailModal.restaurant-shift-close-modal .receipt-totals>.grand{background:#102f30!important;border-color:#246052!important;color:#b9e5d7!important}
html body #detailModal.restaurant-shift-close-modal .receipt-totals .negative{color:#ff9a9a!important}
html body #detailModal.restaurant-shift-close-modal .receipt-payments{padding:10px 12px!important;border:1px solid #263c57!important;border-radius:10px!important;margin-bottom:14px!important}
html body #detailModal.restaurant-shift-close-modal .receipt-payments h3{margin:0 0 7px!important;color:#9fb6d2!important}
html body #detailModal.restaurant-shift-close-modal .receipt-payments>div{padding:4px 0!important;background:transparent!important;font-size:12px!important}
html body #detailModal.restaurant-shift-close-modal .shift-count-heading{font-size:13px!important;margin:0 0 8px!important;color:#e2edfc!important}
html body #detailModal.restaurant-shift-close-modal .modal-form-grid{align-items:start!important;margin:0 0 7px!important;gap:12px!important}
html body #detailModal.restaurant-shift-close-modal .modal-form-grid label{display:grid!important;grid-template-rows:auto 44px!important;align-content:start!important;gap:7px!important;margin:0!important;padding:0!important}
html body #detailModal.restaurant-shift-close-modal .modal-form-grid label>span{grid-row:1!important;line-height:1.5!important}
html body #detailModal.restaurant-shift-close-modal .modal-form-grid input{grid-row:2!important;height:44px!important;min-height:44px!important;margin:0!important;text-align:center!important;font-size:19px!important;font-weight:700!important;border-radius:10px!important;direction:ltr;font-variant-numeric:tabular-nums}
html body #detailModal.restaurant-shift-close-modal .shift-count-help{display:block!important;font-size:10px!important;line-height:1.5!important;color:#9fb6d2!important;margin:4px 0!important}
html body #detailModal.restaurant-shift-close-modal #shiftCloseHint{margin:7px 0 12px!important;color:#a9bfd9!important;font-size:11px!important}
html body #detailModal.restaurant-shift-close-modal #confirmCloseShiftButton{min-height:46px!important;border-radius:11px!important;color:#fff!important;font-size:14px!important}
@media(max-width:480px){html body[data-active-page="cashierPage"] #detailModal.restaurant-shift-close-modal .detail-modal-card{padding:14px!important}html body #detailModal.restaurant-shift-close-modal .receipt-totals>div b{font-size:18px!important}html body #detailModal.restaurant-shift-close-modal .detail-summary>span{padding:7px!important}}