/* CTS CashierCashDrop.jsp: amount on the left; approval fields on the right. */
/* Match the CTS header's 1000px width without narrowing the portal header or messages. */
.ccc-store-panel:has(.store-cashier-cash-drop) { max-width:1000px; margin-inline:auto; box-sizing:border-box; }
.store-cashier-cash-drop { width:100%; max-width:1000px; margin:0 auto; min-width:0; box-sizing:border-box; }
.store-cashier-cash-drop [hidden] { display:none !important; }
.store-cashier-cash-drop .cashier-drop-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:536px; background:#fff; }
.store-cashier-cash-drop .cashier-drop-left,.store-cashier-cash-drop .cashier-drop-right { min-width:0; padding:10px; }
.store-cashier-cash-drop .cashier-drop-right { border-left:2px solid #111; }
.store-cashier-cash-drop .cashier-drop-cashier,.store-cashier-cash-drop .cashier-drop-spacer { margin:0 0 10px; min-height:28px; font-size:22px; line-height:28px; }
.store-cashier-cash-drop .cashier-drop-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.store-cashier-cash-drop input,.store-cashier-cash-drop select { width:100%; min-width:0; min-height:54px; margin:10px 0; padding:5px 8px; border:1px solid #888; border-radius:0; background:#fff; color:#18212b; font:30px Arial,Helvetica,sans-serif; box-shadow:0 4px 8px #0003,0 6px 20px #0002; box-sizing:border-box; }
.store-cashier-cash-drop input:disabled,.store-cashier-cash-drop select:disabled { color:#727272; background:#f1f1f1; opacity:.65; }
.store-cashier-cash-drop .cashier-drop-pin-control { display:flex; gap:8px; align-items:center; }
.store-cashier-cash-drop .cashier-drop-eye { flex:0 0 48px; min-height:48px; border:1px solid #888; border-radius:5px; background:#f8fafc; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.store-cashier-cash-drop #cashier-drop-pin::-ms-reveal { display:none; }
.store-cashier-cash-drop .cashier-drop-approve { min-height:48px; min-width:110px; padding:10px 15px; border:0; border-radius:8px; font:bold 20px Arial,Helvetica,sans-serif; color:#fff; background:linear-gradient(#052958,#084595); text-shadow:0 -1px #000; box-shadow:0 1px #666,0 5px #444,0 6px 6px #0009; cursor:pointer; }
.store-cashier-cash-drop .cashier-drop-approve { float:right; margin:20px 5px; }
.store-cashier-cash-drop button:disabled { opacity:.4; cursor:default; }
.store-cashier-cash-drop button:focus-visible,.store-cashier-cash-drop input:focus-visible,.store-cashier-cash-drop select:focus-visible { outline:3px solid #e4a800; outline-offset:3px; }
.store-cashier-cash-drop dialog { width:min(640px,calc(100vw - 40px)); max-height:calc(100vh - 40px); padding:24px; border:1px solid #9faebe; border-radius:10px; overflow:auto; box-sizing:border-box; font:inherit; }
.store-cashier-cash-drop dialog::backdrop { background:#0006; }
.store-cashier-cash-drop dialog h2 { margin-top:0; font-size:22px; }
.store-cashier-cash-drop .cashier-drop-confirmation-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:24px 0 6px; }
.store-cashier-cash-drop .cashier-drop-confirmation-actions .btn { min-height:44px; }
.store-cashier-cash-drop [data-drop-print-message]:empty { display:none; }
@media(max-width:700px) {
    .store-cashier-cash-drop .cashier-drop-form { grid-template-columns:minmax(0,1fr); min-height:0; }
    .store-cashier-cash-drop .cashier-drop-right { border-left:0; border-top:2px solid #111; }
    .store-cashier-cash-drop .cashier-drop-left { min-height:140px; }
    .store-cashier-cash-drop .cashier-drop-spacer { display:none; }
    .store-cashier-cash-drop input,.store-cashier-cash-drop select { font-size:24px; }
    .store-cashier-cash-drop .cashier-drop-approve { float:none; display:block; margin-left:auto; }
}