body.design3 dialog#salePaymentConfirm{position:fixed!important;inset:auto!important;left:50%!important;top:calc(var(--app-top,0px) + var(--app-height,100dvh)/2)!important;transform:translate(-50%,-50%)!important;margin:0!important;display:block;box-sizing:border-box;width:min(420px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(var(--app-height,100dvh) - 40px)!important;height:auto!important;min-height:0!important;padding:24px;border:1px solid #dce3e1;border-radius:20px;overflow:auto;color:#172c32;background:white}
.sale-payment-confirm::backdrop{background:#102d36a6}
.sale-payment-confirm h2{margin:0 0 12px;font-size:22px}
.sale-payment-confirm p{white-space:normal;overflow-wrap:anywhere}
.sale-payment-actions{display:flex;gap:12px;margin-top:20px}
.sale-payment-actions button{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;margin:0}
body.design3 #salePaymentConfirm .sale-payment-actions .danger{color:#fff!important;background:#b53229!important;border-color:#b53229!important}
.shift-employee{font-weight:700;text-align:left;white-space:normal;overflow-wrap:anywhere}
.overview-metrics>[data-overview-link]{cursor:pointer}
.overview-metrics>[data-overview-link]:hover{border-color:#22667a;box-shadow:0 3px 12px #22667a18}
.overview-metrics>[data-overview-link]:focus-visible{outline:3px solid #22667a;outline-offset:3px}
.overview-link-list{display:grid;gap:10px}
.employee-summary{margin-top:16px}
.employee-events{display:grid;gap:10px;padding:16px}
.employee-event{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-width:0;padding:14px;text-align:left;white-space:normal;overflow-wrap:anywhere}
.employee-event>span,.employee-event>small{max-width:100%}
@media(max-width:760px){.employee-summary{grid-template-columns:1fr!important}.employee-events{padding:12px}.sale-payment-confirm{margin:auto;padding:20px}}