.document-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.document-panel-heading h3{white-space:nowrap}.document-panel-heading .document-issued-by{margin:0}
.history-filters{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:12px 0}.history-filters label{font-size:11px;display:grid;gap:4px}.history-filters input,.history-filters select{height:32px!important;min-height:0!important;font-size:12px!important;padding:5px 8px!important;width:auto!important}.history-filters [hidden],.retail-transaction[hidden]{display:none!important}.history-filters .btn,.history-filters button{padding:7px 12px!important;font-size:11px!important;min-height:0!important}.history-period{font-size:11px;color:#64748b;margin-bottom:10px}
.saved-document-list{display:grid;gap:8px}.saved-document-entry{border:1px solid #dce5ef;border-left:3px solid #2185c5;border-radius:8px;background:#fff;overflow:hidden}.saved-document-entry summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:11px 12px;font-size:12px;background:#f6faff;list-style:none}.saved-document-entry summary::after{content:'+';font-size:18px;margin-left:auto}.saved-document-entry[open] summary::after{content:'−'}.saved-document-entry summary small{display:block;font-size:10px;color:#64748b;margin-top:3px}.saved-document-entry summary>span{min-width:0}.saved-document-entry summary strong{white-space:nowrap}.saved-document-entry summary i{color:#1976b9}.saved-document-entry>div{padding:12px}.saved-document-entry table{width:100%;border-collapse:collapse;font-size:11px}.saved-document-entry th,.saved-document-entry td{padding:7px;border-bottom:1px solid #e8edf3}.saved-document-entry th{background:#eaf3fb}.saved-document-entry .table-scroll{overflow-x:auto}.document-history-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-bottom:12px}.history-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;margin-top:12px}.history-pagination a{border:1px solid #dbe5ef;border-radius:5px;padding:5px 10px}.history-error{color:#b91c1c;font-size:12px}
body.modern-ui .voucher-payment-amount[aria-disabled=true],body.modern-ui .retail-quantity-table output[aria-disabled=true],body.modern-ui .empty-amount{text-align:center!important;display:block}.retail-quantity-table output[aria-disabled=true]{background:#f1f5f9;color:#94a3b8}.retail-transaction{display:grid;gap:4px;max-width:300px;font-size:12px;margin-top:12px}.retail-transaction input{height:32px!important}
body.modern-ui .invoice-list-table td{padding:7px 9px!important;font-size:11px}body.modern-ui .invoice-list-table td small{font-size:10px;line-height:1.3}body.modern-ui .invoice-list-icon{width:24px;height:28px}body.modern-ui .invoice-list-actions button,body.modern-ui .invoice-download{font-size:10px;padding:5px 8px;min-height:0}
.saved-document-description{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saved-document-number{font-weight:700;white-space:nowrap}.saved-document-number i{margin-right:8px}.history-table-scroll{overflow:auto}.saved-document-actions{display:flex;gap:8px;margin-top:12px}.saved-document-actions a{font-size:11px!important;padding:6px 10px!important}.saved-document-detail .document-meta{font-size:11px;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}body.modern-ui td.empty-amount{display:table-cell!important;text-align:center!important}
body.modern-ui .shell .manager-dashboard .document-history-panel{width:100%;grid-column:1/-1;min-width:0}body.modern-ui .shell .manager-dashboard .saved-document-entry th{background:#eaf3fb!important;color:#234b70!important;font-size:11px!important;text-transform:none!important}body.modern-ui .shell .manager-dashboard .saved-document-entry td{font-size:11px!important;padding:7px!important}.invoice-list-panel>.history-filters,.invoice-list-panel>.history-period,.invoice-list-panel>.history-pagination{margin-left:14px;margin-right:14px}.invoice-list-panel>.history-pagination{margin-bottom:12px}
@media(max-width:620px){.saved-document-entry summary{flex-wrap:wrap}.saved-document-entry summary>span{max-width:100%}.history-filters{gap:6px}}

/* Document workspace: soft white cards, blue accents and mint identity tiles. */
.document-control-icon{position:relative;display:block}.document-control-icon>i{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;border-radius:0;background:transparent;color:#27a36f;pointer-events:none;font-size:13px}body.modern-ui .shell .manager-dashboard .reference-document .document-control-icon input,body.modern-ui .shell .manager-dashboard .reference-document .document-control-icon select{padding-left:36px!important}body.modern-ui .shell .manager-dashboard .saved-document-description>i{color:#168b55}body.modern-ui .shell .manager-dashboard .history-record-icon>i{color:#287cff}
body.modern-ui .shell .manager-dashboard .reference-document>.panel{padding:16px;border:1px solid #e6edf7;border-radius:14px;background:linear-gradient(125deg,#fff 55%,#f9fcff);box-shadow:0 12px 32px #26477a08}
body.modern-ui .shell .manager-dashboard .document-panel-heading{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e7edf6}
.document-title-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:linear-gradient(145deg,#f0faf5,#e4f6ee);color:#239768;font-size:18px}
.document-heading-copy{flex:1;min-width:0}
body.modern-ui .shell .manager-dashboard .document-heading-copy h3{border:0;padding:0}
body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields{width:100%;max-width:760px}
body.modern-ui .shell .manager-dashboard .reference-document .document-control-icon{width:100%;min-width:0;max-width:none;box-sizing:border-box}
body.modern-ui .shell .manager-dashboard .reference-document .document-control-icon>input,body.modern-ui .shell .manager-dashboard .reference-document .document-control-icon>select{width:100%!important;max-width:none;box-sizing:border-box}
body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields>label{width:100%;max-width:none;flex:none}
body.modern-ui .shell .manager-dashboard .document-heading-copy h3{font-size:15px;letter-spacing:-.2px;color:#0b1833;line-height:1.25;margin:0;font-weight:800}
body.modern-ui .shell .manager-dashboard .document-heading-copy p{font-size:11px;color:#75829b;margin:4px 0 0;line-height:1.5}
body.modern-ui .shell .manager-dashboard .issuer-badge{gap:8px;align-items:center;background:#f3f7ff;border-radius:10px;padding:8px 12px;flex:none}
.issuer-badge>i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e3edff;color:#2b74e7;font-size:14px}.issuer-badge>div{display:grid;gap:4px}
body.modern-ui .shell .manager-dashboard .issuer-badge span{font-size:10px;font-weight:400;color:#74809a}
body.modern-ui .shell .manager-dashboard .issuer-badge strong{font-size:12px;color:#193869;line-height:1.2}
.receipt-issuer-strip{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#f3f9f7,#eaf7f1);border-radius:10px;margin-bottom:12px;padding:2px 6px}
body.modern-ui .shell .manager-dashboard .receipt-issuer-strip .issuer-badge{background:transparent}.receipt-issuer-strip .issuer-badge>i{background:#dcf4e8;color:#2bb17c}.issuer-leaf{font-size:30px;color:#bce8d5;margin-right:18px;transform:rotate(-15deg)}
body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-bottom:14px}
body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields label,body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields label{font-size:11px;color:#64738f;gap:6px;min-width:0;display:grid}
body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields input,body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields select,body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields select,body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields input{width:100%;height:36px;min-height:36px;border:1px solid #dce5f2;border-radius:7px;background-color:#fff;font-size:12px;padding:7px 10px;color:#132440;box-shadow:0 4px 10px #244b7c04}
body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields{position:relative;display:flex;gap:14px;align-items:start;padding:4px 0 14px;background:radial-gradient(ellipse at bottom right,#dbefe955,transparent 48%)}
body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields>label:first-child{width:58%}
body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields [hidden]{display:none!important}
body.modern-ui .shell .manager-dashboard .document-history-panel{background:transparent;border:0;box-shadow:none;padding:0;margin-top:20px}
.history-toolbar{background:linear-gradient(130deg,#fff,#fcfdff);border:1px solid #edf2fa;border-radius:14px;padding:16px 18px;box-shadow:0 12px 32px #26477a07;margin-bottom:20px}
body.modern-ui .shell .manager-dashboard .history-toolbar h3{display:flex;align-items:center;gap:10px;font-size:18px;color:#0a1831;font-weight:800;margin:0 0 12px;letter-spacing:-.3px}
.history-title-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#2078df;font-size:17px}
.history-toolbar .history-filters{gap:12px;margin:0;align-items:end}.history-toolbar .history-filters label{font-size:11px;color:#66758d;gap:5px}.history-toolbar .history-filters label:first-child{min-width:210px}
body.modern-ui .shell .manager-dashboard .history-toolbar .history-filters input,body.modern-ui .shell .manager-dashboard .history-toolbar .history-filters select{height:34px!important;font-size:12px!important;border-radius:8px;border:1px solid #dbe4f0;padding:6px 10px!important;background:#fff}
body.modern-ui .shell .manager-dashboard .history-toolbar .history-filters button,body.modern-ui .shell .manager-dashboard .history-toolbar .history-filters a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;min-height:34px!important;padding:7px 14px!important;border-radius:8px;font-size:12px!important}
.history-toolbar .history-filters button{background:linear-gradient(135deg,#2683ef,#216bcb);box-shadow:0 6px 15px #2677d51a}.history-toolbar .history-reset{background:#f8faff;border-color:#d6e2f5;color:#63799e}.history-toolbar .history-period{font-size:10px;margin:12px 0 0;color:#8593ab}
.saved-document-list{gap:10px}.saved-document-entry{border:1px solid #e2eaf7;border-left:3px solid #287cff;border-radius:11px;box-shadow:0 8px 24px #223f7409;background:#fff}
.saved-document-entry summary{display:flex;flex-wrap:nowrap;gap:18px;background:linear-gradient(110deg,#fff,#fdfdff);padding:12px 14px;min-height:66px}.saved-document-entry summary::after{display:none}.saved-document-entry summary::-webkit-details-marker{display:none}
.history-record-icon{display:grid;place-items:center;flex:none;width:34px;height:36px;border-radius:10px;background:#edf4ff;color:#2479f0;font-size:17px}.history-record-identity{display:grid;gap:5px;flex:0 0 190px;border-right:1px solid #e1e8f4;padding-right:18px}.history-record-identity b{font-size:13px;color:#0c1939}.history-record-identity time{font-size:11px;color:#71809b}.history-record-identity time i{margin-right:8px}
.saved-document-description{display:flex;align-items:center;gap:9px;font-size:12px;color:#13213e;min-width:0}.saved-document-description>i{display:grid;place-items:center;flex:none;width:28px;height:28px;background:#e8f8ee;border-radius:8px;color:#168b55;font-size:14px}.saved-document-description>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-document-entry summary .history-amount{background:#edf3ff;border-radius:40px;padding:8px 12px;color:#0c3285;font-size:11px;font-weight:600;white-space:nowrap}.history-chevron{display:grid;place-items:center;flex:none;border-radius:50%;background:#edf3ff;color:#1953b4;width:28px;height:28px;font-size:10px}.saved-document-entry[open] .history-chevron{transform:rotate(90deg)}.saved-document-entry summary:hover{background:#f8fbff}.saved-document-entry summary:focus-visible{outline:3px solid #75a8fa;outline-offset:-3px}.saved-document-entry>.saved-document-detail{padding:18px 24px;border-top:1px solid #e9eff8}.history-pagination{color:#70809b;margin-top:20px;font-size:13px}
@media(max-width:1100px){.history-record-identity{flex-basis:175px}.history-record-identity b{font-size:13px}.saved-document-entry summary{gap:10px;padding:12px}.saved-document-entry summary .history-amount{font-size:11px;padding:6px 10px}.document-heading-voucher .issuer-badge{padding:10px}.document-heading-voucher .issuer-badge>i{display:grid}}
@media(max-width:720px){body.modern-ui .shell .manager-dashboard .reference-document>.panel{padding:16px}.document-title-icon{width:34px;height:34px;font-size:17px}body.modern-ui .shell .manager-dashboard .document-heading-copy h3{font-size:15px;white-space:normal}body.modern-ui .shell .manager-dashboard .document-heading-copy p{font-size:11px}body.modern-ui .shell .manager-dashboard .document-panel-heading{flex-wrap:wrap}.history-toolbar{padding:18px}.history-toolbar .history-filters label:first-child{min-width:0;width:100%}body.modern-ui .shell .manager-dashboard .history-toolbar h3{font-size:17px}.saved-document-entry summary{display:grid;grid-template-columns:40px 1fr auto;gap:10px}.history-record-icon{width:32px;height:34px;font-size:16px}.history-record-identity{border:0;padding:0}.history-record-identity b{font-size:13px}.history-record-identity time{font-size:11px}.saved-document-description{grid-column:2;grid-row:2;font-size:12px}.saved-document-description>i{display:none}.saved-document-entry summary .history-amount{grid-column:2;grid-row:3;justify-self:start;font-size:11px;padding:6px 10px}.history-chevron{grid-column:3;grid-row:1;width:32px;height:32px}body.modern-ui .shell .manager-dashboard .reference-document .retail-payment-fields{gap:12px;grid-template-columns:1fr}body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields{flex-wrap:wrap}body.modern-ui .shell .manager-dashboard .reference-document .voucher-payment-fields>label:first-child{width:100%}}
