.cash-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; margin: -5px 0 24px; }
.cash-primary, .cash-secondary { min-height: 42px; border: 1px solid #dce1e2; padding: 10px 18px; border-radius: 9px; font-size: 14px; }
.cash-primary { background: #087e79; color: #fff; border-color: #087e79; }
.cash-primary:hover { background: #096963; }
.cash-secondary { background: #fff; }
.cash-secondary:hover { background: #f5f7f7; }
.cash-dialog { width: min(550px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 100px); padding: 0; border: 1px solid #e2e7e7; border-radius: 20px; color: #192323; background: #fff; overflow-y: auto; }
.cash-dialog::backdrop { background: #152b2b66; }
.cash-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 24px 28px 20px; border-bottom: 1px solid #edf0f0; }
.cash-dialog-header p { margin: 0 0 8px; font-size: 10px; letter-spacing: 1.6px; color: #788483; }
.cash-dialog-header h1 { margin: 0; font-size: 25px; }
.cash-dialog-close { width: 34px; height: 34px; border-radius: 8px; }
.cash-dialog-close:hover { background: #f2f5f4; }
.cash-dialog-close svg { width: 32px; height: 32px; }
.cash-dialog-body { padding: 22px 28px; }
.cash-dialog-intro { margin: 0 0 22px; font-size: 14px; line-height: 1.5; color: #697675; }
.cash-field { min-width: 0; margin-bottom: 20px; }
.cash-field label { display: block; margin-bottom: 8px; font-size: 14px; }
.cash-field label small { font-size: 11px; color: #7c8887; margin-left: 5px; }
.cash-field input, .cash-field textarea { display: block; width: 100%; min-width: 0; padding: 12px 13px; border: 1px solid #d6dfde; border-radius: 9px; font: inherit; font-size: 14px; background: #fff; color: #192323; }
.cash-field textarea { resize: vertical; min-height: 76px; }
.cash-field input:focus, .cash-field textarea:focus { outline: 2px solid #128f87; outline-offset: 1px; }
.cash-field input[aria-invalid='true'] { border-color: #b34e3b; }
.cash-field > small { display: block; font-size: 11px; color: #74817f; margin-top: 7px; }
.cash-amount-input { position: relative; }
.cash-amount-input input { padding-right: 55px; font-size: 24px; font-variant-numeric: tabular-nums; }
.cash-amount-input > span { position: absolute; right: 16px; top: 18px; font-size: 13px; color: #697675; }
.cash-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cash-preview-note { margin: 0; padding: 12px 14px; font-size: 12px; line-height: 1.5; color: #697675; border-radius: 8px; background: #f5f8f7; }
.cash-feedback { font-size: 13px; line-height: 1.5; color: #775734; padding: 12px 14px; background: #fff7eb; border-radius: 8px; margin: 14px 0 0; }
.cash-dialog-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 18px 28px; border-top: 1px solid #edf0f0; }
.cash-closing-summary { padding: 16px 18px; border: 1px solid #dceae7; border-radius: 12px; margin-bottom: 22px; background: #f4faf8; }
.cash-closing-summary > p { font-size: 11px; color: #6c7e7a; margin: 0 0 12px; }
.cash-closing-summary dl { margin: 0; }
.cash-closing-summary dl > div { display: flex; justify-content: space-between; gap: 16px; font-size: 13px; padding: 6px 0; }
.cash-closing-summary dd { margin: 0; font-variant-numeric: tabular-nums; }
.cash-closing-summary .cash-summary-total { margin-top: 8px; padding-top: 14px; border-top: 1px solid #dceae7; font-weight: 700; color: #087e79; font-size: 17px; }
#app.attendant-shell .sidebar-bottom { padding-bottom: 18px; }
#app.attendant-shell .navigation-menu { bottom: 20px; }
.login-attendant-preview { display: block; margin: 18px auto 0; padding: 8px; font-size: 13px; color: #5f6f75; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 580px) { .cash-actions { justify-content: flex-start; } .cash-field-row { grid-template-columns: 1fr; gap: 0; } .cash-dialog-header { padding: 20px; } .cash-dialog-body { padding: 20px; } .cash-dialog-footer { padding: 16px 20px; flex-wrap: wrap; } }