/* Fit document ledgers to their panels instead of imposing a wide canvas. */
body.modern-ui .shell .manager-dashboard .retail-quantity-table :is(th,td){border:1px solid #d7cce7}
@media(min-width:621px){
 body.modern-ui .shell .manager-dashboard #receiptPanel .ledger-table th:nth-child(2){width:19%;font-size:9px}
 body.modern-ui .shell .manager-dashboard #receiptPanel .ledger-table th:nth-child(3){width:14%;white-space:nowrap;overflow-wrap:normal;font-size:10px}
}
body.modern-ui .shell .manager-dashboard .ledger-table [hidden]{display:none!important}
body.modern-ui .shell .manager-dashboard .receipt-unit-price input:disabled{background:#edf0f4;color:#8a95a5;cursor:not-allowed}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.saved-ledger,.retail-quantity-table){width:100%;min-width:0;max-width:100%;table-layout:fixed;border-collapse:collapse}
body.modern-ui .shell .manager-dashboard .ledger-frame{min-width:0;max-width:100%;overflow:visible;border-color:#c9dcef;border-radius:6px 6px 0 0;clip-path:inset(0 round 6px 6px 0 0)}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.saved-ledger,.retail-quantity-table) :is(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere;position:static;padding:6px;font-size:10px;line-height:1.4}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.saved-ledger,.retail-quantity-table) thead th{background:#176fa9;color:#fff;border:1px solid #3989bb;padding:9px 6px;font-weight:600}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#saved-receipt,#voucherPanel,#saved-voucher) thead th{background:#7351a5;border-color:#9373bd}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) thead th:first-child{width:64px;white-space:nowrap;overflow-wrap:normal}
body.modern-ui .shell .manager-dashboard .ledger-table th:nth-child(2){width:25%}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) th:nth-child(3){width:7%}
body.modern-ui .shell .manager-dashboard .ledger-table tbody td{padding:3px}
body.modern-ui .shell .manager-dashboard :is(.document-form,.retail-receipt-form) :is(input,select){min-width:0;max-width:100%;box-sizing:border-box}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) input{width:100%;min-width:0;padding:4px 3px;font-size:11px;height:29px;border-radius:4px}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.saved-ledger,.retail-quantity-table) tbody tr:nth-child(even) td{background:#f0f7fd}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#saved-receipt,#voucherPanel,#saved-voucher) tbody tr:nth-child(even) td{background:#f6f1fc}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.saved-ledger,.retail-quantity-table) tfoot :is(th,td){background:#e5f0fa;color:#185b8e;font-size:11px;overflow-wrap:anywhere}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#saved-receipt,#voucherPanel,#saved-voucher) tfoot :is(th,td){background:#eee6f7;color:#65418f}
body.modern-ui .shell .manager-dashboard .saved-ledger .document-link{font-size:10px;white-space:normal;overflow-wrap:anywhere}
body.modern-ui .shell .manager-dashboard .document-total{float:none;font-size:12px;white-space:normal;overflow-wrap:anywhere}
/* On small displays keep every field readable, using labelled rows. */
@media(max-width:620px){
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table){display:block}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) :is(tbody,tfoot){display:block;width:100%}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid #d7e3f0}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) tbody td{display:flex;flex-direction:column;gap:3px;padding:7px;min-width:0}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) tbody td::before{content:attr(data-label);color:#476783;font-size:10px;font-weight:600}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) tbody td:first-child{grid-column:1/-1;flex-direction:row;background:#176fa9;color:white}
 body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#voucherPanel) tbody td:first-child{background:#7351a5}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) tbody td:first-child::before{color:white}
 body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) tfoot :is(th,td){display:block;width:auto;padding:9px}
 body.modern-ui .shell .manager-dashboard .retail-payment-fields{grid-template-columns:1fr}
}
@media(max-width:900px){
 body.modern-ui .shell .manager-dashboard .saved-ledger,body.modern-ui .shell .manager-dashboard .saved-ledger :is(tbody,tfoot){display:block;width:100%}
 body.modern-ui .shell .manager-dashboard .saved-ledger thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 body.modern-ui .shell .manager-dashboard .saved-ledger tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid #d7e3f0}
 body.modern-ui .shell .manager-dashboard .saved-ledger tbody td{display:flex;flex-direction:column;gap:3px;padding:8px}
 body.modern-ui .shell .manager-dashboard .saved-ledger tbody td::before{content:attr(data-label);font-size:10px;color:#476783;font-weight:600}
 body.modern-ui .shell .manager-dashboard .saved-ledger td[colspan]{grid-column:1/-1}
 body.modern-ui .shell .manager-dashboard .saved-ledger tfoot :is(th,td){width:auto;display:block}
}
/* Shared receipt/voucher controls and row finishes. */
body.modern-ui .shell .manager-dashboard .document-issued-by{display:flex;align-items:baseline;gap:8px;font-size:11px;white-space:nowrap;color:#64758b}
body.modern-ui .shell .manager-dashboard .document-issued-by strong{font-size:12px;color:#294b6c}
body.modern-ui .shell .manager-dashboard .retail-payment-fields{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
body.modern-ui .shell .manager-dashboard .retail-payment-fields label{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;position:relative}
body.modern-ui .shell .manager-dashboard #priceStatus{display:block;min-height:14px;line-height:14px;font-size:10px}
body.modern-ui .shell .manager-dashboard .retail-payment-fields :is(input,select){height:34px}
body.modern-ui .shell .manager-dashboard .voucher-payment-fields{display:flex;align-items:start;flex-wrap:wrap;gap:12px;margin-bottom:12px}
body.modern-ui .shell .manager-dashboard .voucher-payment-fields label{display:grid;gap:5px;font-size:11px;min-width:170px}
body.modern-ui .shell .manager-dashboard .voucher-payment-fields :is(select,input){height:32px;padding:5px 8px;border:1px solid #d6cbe5;border-radius:6px;background:white;font-size:11px}
body.modern-ui .shell .manager-dashboard .voucher-payment-fields [hidden]{display:none}
body.modern-ui .shell .manager-dashboard .voucher-payment-amount{display:block;min-height:29px;line-height:29px;text-align:right;font-size:11px;color:#513875}
body.modern-ui .shell .manager-dashboard .voucher-payment-amount[aria-disabled="true"]{background:#edf0f4;color:#a2adbb}
body.modern-ui .shell .manager-dashboard .incoming-alert,body.modern-ui .shell .manager-dashboard .incoming-alert:is(:hover,:focus,:active){background:#f13f55;border-color:#f13f55;color:white;filter:none}
@media(min-width:621px){
 body.modern-ui .shell .manager-dashboard .retail-quantity-table th{white-space:nowrap;overflow-wrap:normal;font-size:9px;padding:8px 4px}
 body.modern-ui .shell .manager-dashboard .retail-quantity-table th:first-child{width:9%}
 body.modern-ui .shell .manager-dashboard .retail-quantity-table th:nth-child(2){width:16%}
 body.modern-ui .shell .manager-dashboard .retail-quantity-table th:nth-child(3){width:13%}
 body.modern-ui .shell .manager-dashboard #voucherPanel .ledger-table th:nth-child(2){width:20%}
}
body.modern-ui .shell .manager-dashboard .document-options{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:12px}
body.modern-ui .shell .manager-dashboard .document-options .enterprise-select{margin:0;font-size:11px;gap:8px}
body.modern-ui .shell .manager-dashboard .document-options select{height:32px;padding:5px 9px;border:1px solid #d6cbe5;border-radius:6px;background:#fcfaff;color:#513875;font-size:11px}
body.modern-ui .shell .manager-dashboard .receipt-options,body.modern-ui .shell .manager-dashboard .voucher-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px 16px}
body.modern-ui .shell .manager-dashboard :is(.receipt-options,.voucher-options) :is(.enterprise-select,.voucher-transaction){display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;margin:0;font-size:11px}
body.modern-ui .shell .manager-dashboard :is(.receipt-options,.voucher-options) :is(input,select){width:100%;min-width:0;box-sizing:border-box}
body.modern-ui .shell .manager-dashboard .receipt-options .receipt-unit-price input{width:100%}
@media(max-width:620px){body.modern-ui .shell .manager-dashboard :is(.receipt-options,.voucher-options){grid-template-columns:repeat(2,minmax(0,1fr))}}
body.modern-ui .shell .manager-dashboard .receipt-options .receipt-unit-price input{width:100%;height:32px;padding:5px 8px;border:1px solid #d6cbe5;border-radius:6px;background:#fcfaff;color:#513875;font-size:11px}
body.modern-ui .shell .manager-dashboard .document-options .voucher-transaction{display:flex;align-items:center;gap:8px;font-size:11px}
body.modern-ui .shell .manager-dashboard .voucher-transaction input{height:32px;padding:5px 8px;border:1px solid #d6cbe5;border-radius:6px;background:#fff;font-size:11px}
body.modern-ui .shell .manager-dashboard .voucher-transaction[hidden]{display:none}
body.modern-ui .shell .manager-dashboard .document-payment-amount{display:block;min-height:29px;line-height:29px;text-align:right;font-size:11px}
body.modern-ui .shell .manager-dashboard .document-payment-amount[aria-disabled="true"]{color:#a2adbb;text-align:center}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#saved-receipt,#voucherPanel,#saved-voucher) tbody tr:nth-child(odd) td{background:#fcfaff}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#saved-receipt,#voucherPanel,#saved-voucher) tbody tr:is(:hover,:focus-within) td{background:#eee6f7}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#saved-receipt,#voucherPanel,#saved-voucher) :is(td,.ledger-frame){border-color:#ded3eb}
body.modern-ui .shell .manager-dashboard :is(#receiptPanel,#voucherPanel) .item-number{color:#65418f}
/* The table cell is the field: avoid an extra rectangle around entered text. */
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) input,
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) output{border:0;border-radius:0;background:transparent!important;box-shadow:none}
body.modern-ui .shell .manager-dashboard :is(.ledger-table,.retail-quantity-table) input:focus{outline:none;background:transparent;box-shadow:none}
body.modern-ui .shell .manager-dashboard #voucherPanel .document-form input:focus{border:0;outline:none;box-shadow:none;background:transparent}