.payment-allocation-shell{padding:28px;max-width:1440px;margin:auto}.payment-allocation-page{display:grid;gap:18px}.payment-allocation-heading,.payment-allocation-card>header,.payment-allocation-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-allocation-heading{background:linear-gradient(120deg,#0d2b57,#1c5dba);border-radius:18px;padding:22px 26px;color:#fff}.payment-allocation-heading span{font-size:11px;letter-spacing:.12em;color:#a9d7ff}.payment-allocation-heading h1{margin:5px 0;font-size:26px}.payment-allocation-heading p{margin:0;color:#d8e9ff}.payment-allocation-heading>div:last-child{text-align:right}.payment-allocation-heading b{display:block;font-size:23px;margin:4px 0}.payment-allocation-heading button{border:0;background:#fff;color:#174a99;border-radius:8px;padding:7px 10px}.payment-allocation-card{background:#fff;border:1px solid #dfe7f5;border-radius:16px;padding:20px;box-shadow:0 10px 28px rgba(21,57,103,.05);margin-bottom:18px}.payment-allocation-card h1,.payment-allocation-card h2{margin:0 0 5px;color:#122c55}.payment-allocation-card p,.payment-allocation-card small{color:#667995}.payment-allocation-select,.payment-allocation-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.payment-allocation-select{grid-template-columns:1fr auto}.payment-allocation-form label{display:grid;gap:6px;color:#3f5477;font-size:13px;font-weight:700}.payment-allocation-form input,.payment-allocation-form select,.payment-allocation-form textarea,.payment-allocation-select select,.payment-allocation-card header input{border:1px solid #ccd9ec;border-radius:9px;padding:10px;font:inherit;background:#fff;color:#152e54}.payment-allocation-wide{grid-column:span 4}.payment-allocation-wide textarea{min-height:62px;resize:vertical}.payment-allocation-primary{border:0;border-radius:9px;padding:10px 15px;background:#216bed;color:#fff;font-weight:700}.payment-allocation-primary:disabled{opacity:.5;cursor:not-allowed}.payment-allocation-table{overflow:auto;margin-top:14px}.payment-allocation-table table{border-collapse:collapse;width:100%;min-width:950px;font-size:13px}.payment-allocation-table th{background:#f3f7fd;color:#587092;text-align:left;padding:11px;white-space:nowrap}.payment-allocation-table td{border-bottom:1px solid #e8eef7;padding:10px;color:#263f65}.payment-allocation-table input[type=number]{width:105px;border:1px solid #cbd8ea;border-radius:7px;padding:7px}.payment-allocation-summary{margin-top:15px;border-top:1px solid #e8eef7;padding-top:16px;justify-content:flex-end}.payment-allocation-summary span{color:#506583}.payment-allocation-summary .ok{color:#087b4f}.payment-allocation-summary .warn{color:#c05821}.payment-allocation-empty{text-align:center;padding:25px!important;color:#70829c!important}.payment-allocation-error{color:#b22639}.payment-allocation-success{text-align:center;max-width:670px;margin:50px auto}.payment-allocation-success>span{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#d9f8e8;color:#087b4f;font-size:28px}.payment-allocation-success dl{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:10px;background:#f7faff;padding:15px;border-radius:10px}.payment-allocation-success dt{font-size:12px;color:#6e7d96}.payment-allocation-success dd{margin:4px 0 0;font-weight:700}.payment-allocation-success footer{display:flex;gap:9px;justify-content:center}.payment-allocation-success footer button{border:1px solid #b9cceb;background:#fff;color:#195dbb;border-radius:8px;padding:9px 13px}@media(max-width:860px){.payment-allocation-shell{padding:16px}.payment-allocation-heading{display:block}.payment-allocation-heading>div:last-child{text-align:left;margin-top:15px}.payment-allocation-form{grid-template-columns:1fr 1fr}.payment-allocation-wide{grid-column:span 2}.payment-allocation-summary{align-items:flex-end;flex-wrap:wrap;justify-content:flex-start}}@media print{.pharmacy-sidebar,.topbar,.payment-allocation-card:not(.payment-allocation-success) header button,.payment-allocation-primary{display:none!important}.payment-allocation-shell{padding:0}.payment-allocation-card{box-shadow:none;border:0}.payment-allocation-success{margin:0;max-width:none}}
/* Dealer/customer payment receipt success state.  It is deliberately scoped to
   this state so the entry form, allocation logic, and other document layouts
   keep their existing appearance and behaviour. */
.payment-allocation-success-page .payment-allocation-title{display:none}.payment-allocation-success{max-width:1040px!important;margin:20px auto 30px!important;padding:30px!important;text-align:left!important;border:1px solid #d9e5f5!important;border-radius:18px!important;box-shadow:0 18px 44px rgba(17,62,123,.1)!important}.payment-success-hero{text-align:center;position:relative;padding:4px 12px 28px}.payment-success-tick{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(145deg,#55cf84,#0b9b53);box-shadow:0 12px 24px rgba(22,164,86,.25);color:#fff;font-size:42px;line-height:1;font-weight:500}.payment-success-confetti,.payment-success-confetti::before,.payment-success-confetti::after{position:absolute;left:50%;top:0;width:152px;height:68px;transform:translateX(-50%);content:"";background:radial-gradient(circle at 10% 42%,#22b86c 0 2px,transparent 3px),radial-gradient(circle at 23% 17%,#76e2a0 0 2px,transparent 3px),radial-gradient(circle at 37% 51%,#159a55 0 2px,transparent 3px),radial-gradient(circle at 59% 12%,#29bb6b 0 2px,transparent 3px),radial-gradient(circle at 76% 40%,#64d992 0 2px,transparent 3px),radial-gradient(circle at 92% 20%,#119750 0 2px,transparent 3px);pointer-events:none}.payment-success-confetti::before{transform:translateX(-74%) rotate(-13deg);opacity:.72}.payment-success-confetti::after{transform:translateX(-27%) rotate(13deg);opacity:.72}.payment-success-hero h2{position:relative;margin:0;color:#10295a;font:800 27px/1.2 Manrope,"DM Sans",sans-serif}.payment-success-hero p{position:relative;margin:11px 0 3px;color:#5d7393;font-size:16px}.payment-success-hero p b{color:#506786}.payment-success-hero>strong{position:relative;color:#1458d7;font-size:18px}.payment-success-summary{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(270px,.92fr);border:1px solid #d8e2f0;border-radius:12px;overflow:hidden;background:#fff}.payment-success-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px 22px}.payment-success-meta>div{min-width:0;padding:8px 18px}.payment-success-meta>div:nth-child(2n){border-left:1px solid #dce5f0}.payment-success-meta>div:nth-child(n+3){margin-top:4px}.payment-success-meta span,.payment-success-paid>span{display:block;color:#617593;font-size:13px}.payment-success-meta b{display:block;overflow-wrap:anywhere;margin-top:6px;color:#154dcb;font-size:17px}.payment-success-meta .payment-mode-badge{display:inline-block;margin-top:7px;padding:5px 13px;border-radius:999px;background:#ddf8e8;color:#118a4b;font-size:13px;letter-spacing:.03em}.payment-success-paid{padding:24px 28px;border-left:1px solid #dce5f0;background:linear-gradient(135deg,#fff,#f6fbff)}.payment-success-paid>b{display:block;margin:5px 0 17px;color:#0b9d51;font:800 26px/1.2 Manrope,"DM Sans",sans-serif}.payment-success-paid>div{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #d8e2f0;border-radius:10px;background:#fff;color:#5d6f8d;font-size:13px}.payment-success-money{display:grid;place-items:center;width:29px;height:25px;border:1px solid #28aa61;border-radius:4px;color:#14934d;font-size:18px}.payment-success-paid strong{display:block;overflow-wrap:anywhere;margin-top:3px;color:#18345f;font-size:15px}.payment-success-allocations{margin-top:26px}.payment-success-allocations h3{margin:0 0 13px;color:#1458d7;font-size:18px}.payment-success-allocations h3 span{margin-right:7px;font-size:20px}.payment-success-table-wrap{overflow-x:auto;border:1px solid #dbe4f0;border-radius:11px}.payment-success-table-wrap table{width:100%;border-collapse:collapse;min-width:520px}.payment-success-table-wrap th{padding:13px 17px;background:linear-gradient(110deg,#f4f7fc,#ecf2fa);color:#506583;font-size:13px;text-align:left}.payment-success-table-wrap td{padding:13px 17px;border-top:1px solid #e0e7f0;color:#233b60;font-size:14px}.payment-success-table-wrap td:last-child{color:#0b9a50;font-weight:800}.payment-success-table-wrap .payment-allocation-empty{color:#72829a!important}.payment-success-total{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:15px 18px;border:1px solid #d0efde;border-radius:10px;background:linear-gradient(100deg,#ecfff4,#f7fffa);color:#118a4b;font-weight:800}.payment-success-total b{font-size:17px}.payment-success-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.payment-success-actions button{min-height:56px!important;border:1px solid #4f91f8!important;border-radius:8px!important;background:#fff!important;color:#1655bd!important;font-size:16px!important;font-weight:800!important}.payment-success-actions button span{display:inline-block;margin-right:12px;font-size:22px;vertical-align:-2px}.payment-success-actions .payment-allocation-primary{border:0!important;background:linear-gradient(112deg,#1579eb,#184cdb)!important;color:#fff!important;box-shadow:0 10px 20px rgba(28,91,220,.2)}
@media(max-width:760px){.payment-allocation-success{margin:4px auto 18px!important;padding:20px 16px!important;border-radius:14px!important}.payment-success-hero{padding-bottom:21px}.payment-success-tick{width:62px;height:62px;font-size:35px}.payment-success-hero h2{font-size:23px}.payment-success-hero p{font-size:14px}.payment-success-hero>strong{font-size:16px}.payment-success-summary{grid-template-columns:1fr}.payment-success-paid{border-left:0;border-top:1px solid #dce5f0;padding:18px}.payment-success-meta{padding:12px 6px}.payment-success-meta>div{padding:8px 12px}.payment-success-meta b{font-size:14px}.payment-success-actions{grid-template-columns:1fr;gap:10px;margin-top:22px}.payment-success-actions button{min-height:49px!important}.payment-success-allocations{margin-top:20px}.payment-success-table-wrap th,.payment-success-table-wrap td{padding:11px 13px}}

/* Compact desktop sizing for the payment confirmation; mobile rules below
   continue to use the full available width. */
@media(min-width:651px){.payment-allocation-confirm{width:min(100%,625px)!important;max-height:min(88vh,650px);padding:24px 28px 27px!important;border-radius:18px!important}.payment-confirm-close{top:14px;right:16px;width:36px;height:36px;font-size:27px}.payment-confirm-hero{padding:0 44px 16px}.payment-confirm-hero>span{width:58px;height:58px;margin-bottom:13px;font-size:35px}.payment-confirm-sparkles,.payment-confirm-sparkles:before,.payment-confirm-sparkles:after{width:168px;height:62px;top:0}.payment-confirm-hero h2{font-size:23px}.payment-confirm-hero i{width:125px;margin-top:15px}.payment-confirm-callout{gap:14px;margin-bottom:18px;padding:16px 18px;border-radius:12px}.payment-confirm-callout>span{width:44px;height:44px;border-radius:9px;font-size:22px}.payment-confirm-callout p{font-size:14px}.payment-confirm-callout p b{font-size:20px}.payment-confirm-details{border-radius:12px}.payment-confirm-details>div{gap:12px;padding:15px 17px}.payment-confirm-icon{width:40px;height:40px;border-radius:9px;font-size:20px}.payment-confirm-details p{font-size:12px}.payment-confirm-details p b{margin-top:3px;font-size:15px}.payment-confirm-warning{margin:18px 0!important;padding:12px 14px;border-radius:10px;font-size:13px!important}.payment-confirm-warning span{width:21px;height:21px;font-size:12px}.payment-allocation-confirm footer{gap:12px!important}.payment-allocation-confirm footer button{min-height:50px;border-radius:9px;font-size:15px}.payment-allocation-confirm footer .payment-allocation-primary span{font-size:16px}}

/* Payment confirmation modal: presentation only; its data attributes retain
   the existing close and submit event wiring. */
.payment-allocation-confirm-backdrop{z-index:1002!important;padding:24px!important;background:rgba(10,32,61,.58)!important;backdrop-filter:blur(4px)}.payment-allocation-confirm{position:relative;width:min(100%,860px)!important;max-height:min(90vh,780px);overflow:auto;border-radius:22px!important;padding:36px 40px 38px!important;box-shadow:0 26px 70px rgba(4,25,56,.35)!important;color:#17355f}.payment-confirm-close{position:absolute;top:24px;right:27px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#eff4fb;color:#173c70;font-size:34px;line-height:1;cursor:pointer}.payment-confirm-hero{position:relative;padding:0 60px 26px;text-align:center}.payment-confirm-hero>span{position:relative;z-index:1;display:grid;place-items:center;width:90px;height:90px;margin:0 auto 25px;border:1px solid #b5efd1;border-radius:50%;background:linear-gradient(145deg,#effff5,#d9fae6);color:#0da354;font-size:55px;font-weight:600;box-shadow:inset 0 0 0 8px rgba(255,255,255,.42)}.payment-confirm-sparkles,.payment-confirm-sparkles:before,.payment-confirm-sparkles:after{position:absolute;top:8px;left:50%;width:230px;height:100px;transform:translateX(-50%);content:"";background:radial-gradient(circle at 8% 65%,#17ae60 0 2px,transparent 3px),radial-gradient(circle at 19% 18%,#8ae6ad 0 2px,transparent 3px),radial-gradient(circle at 33% 52%,#1caf62 0 3px,transparent 4px),radial-gradient(circle at 47% 10%,#a5edc0 0 2px,transparent 3px),radial-gradient(circle at 63% 48%,#13a857 0 2px,transparent 3px),radial-gradient(circle at 81% 18%,#8ce5b0 0 2px,transparent 3px),radial-gradient(circle at 94% 65%,#1aac5c 0 3px,transparent 4px);pointer-events:none}.payment-confirm-sparkles:before{transform:translateX(-78%) rotate(-14deg);opacity:.75}.payment-confirm-sparkles:after{transform:translateX(-22%) rotate(14deg);opacity:.75}.payment-confirm-hero h2{position:relative;margin:0;color:#102d5b;font:800 34px/1.16 Manrope,"DM Sans",sans-serif}.payment-confirm-hero i{display:block;width:185px;height:2px;margin:26px auto 0;background:linear-gradient(90deg,#e2e8f2 0 34%,#216fea 34% 66%,#e2e8f2 66%)}.payment-confirm-callout{display:flex;align-items:center;justify-content:center;gap:23px;margin:0 0 27px;padding:24px 30px;border:1px solid #c7ddfb;border-radius:16px;background:linear-gradient(112deg,#f5faff,#eaf4ff);text-align:left}.payment-confirm-callout>span{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border-radius:13px;background:linear-gradient(145deg,#e0edff,#bcd7ff);color:#1460d8;font-size:31px}.payment-confirm-callout p{margin:0;color:#3d5d8d;font-size:18px;line-height:1.48}.payment-confirm-callout p b{margin:0 5px;color:#1761de;font-size:30px;white-space:nowrap}.payment-confirm-callout p strong{color:#15365f;white-space:normal}.payment-confirm-details{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9e4f0;border-radius:16px;overflow:hidden}.payment-confirm-details>div{display:flex;align-items:center;gap:18px;min-width:0;padding:25px 30px}.payment-confirm-details>div:nth-child(2n){border-left:1px solid #e1e9f2}.payment-confirm-details>div:nth-child(n+3){border-top:1px solid #e1e9f2}.payment-confirm-icon{display:grid;place-items:center;flex:0 0 auto;width:62px;height:62px;border-radius:13px;font-size:30px}.payment-confirm-details p{min-width:0;margin:0;color:#45618c;font-size:15px}.payment-confirm-details p b{display:block;overflow-wrap:anywhere;margin-top:6px;color:#142f59;font-size:21px}.payment-confirm-mode{background:#dcf9e8;color:#0f9b50}.payment-confirm-amount{background:#e7f0ff;color:#1762dc}.payment-confirm-allocated{background:#f0e5ff;color:#8248d8}.payment-confirm-outstanding{background:#ffe9dc;color:#e9661a;font-weight:800}.payment-confirm-details>div:nth-child(4) p b{color:#e9661a}.payment-confirm-warning{display:flex;align-items:center;gap:12px;margin:27px 0 30px!important;padding:18px 22px;border:1px solid #b9edcf;border-radius:13px;background:linear-gradient(100deg,#ebfff3,#f8fffb);color:#11884a!important;font-size:16px!important}.payment-confirm-warning span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#19a95c;color:#fff;font-size:15px;font-weight:800}.payment-allocation-confirm footer{display:grid!important;grid-template-columns:1fr 1.12fr;gap:15px;margin:0!important}.payment-allocation-confirm footer button{min-height:62px;border:1px solid #b6cbea;background:#fff;color:#143863;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer}.payment-allocation-confirm footer .payment-allocation-primary{border:0;background:linear-gradient(112deg,#1c78ea,#1c4edb);color:#fff;box-shadow:0 11px 22px rgba(31,91,216,.23)}.payment-allocation-confirm footer .payment-allocation-primary span{margin-right:10px;font-size:20px}@media(max-width:650px){.payment-allocation-confirm-backdrop{padding:12px!important;align-items:start!important;overflow:auto}.payment-allocation-confirm{width:100%!important;max-height:none;margin:8px 0;padding:28px 18px!important;border-radius:17px!important}.payment-confirm-close{top:14px;right:14px;width:38px;height:38px;font-size:29px}.payment-confirm-hero{padding:0 35px 20px}.payment-confirm-hero>span{width:70px;height:70px;margin-bottom:18px;font-size:42px}.payment-confirm-hero h2{font-size:25px}.payment-confirm-hero i{margin-top:18px}.payment-confirm-callout{align-items:flex-start;gap:14px;padding:17px}.payment-confirm-callout>span{width:45px;height:45px;border-radius:10px;font-size:23px}.payment-confirm-callout p{font-size:14px}.payment-confirm-callout p b{font-size:23px}.payment-confirm-details{grid-template-columns:1fr}.payment-confirm-details>div{padding:17px}.payment-confirm-details>div:nth-child(2n){border-left:0}.payment-confirm-details>div:nth-child(n+2){border-top:1px solid #e1e9f2}.payment-confirm-icon{width:46px;height:46px;border-radius:10px;font-size:22px}.payment-confirm-details p{font-size:13px}.payment-confirm-details p b{font-size:17px}.payment-confirm-warning{margin:20px 0!important;padding:15px;font-size:14px!important}.payment-allocation-confirm footer{grid-template-columns:1fr;gap:10px}.payment-allocation-confirm footer button{min-height:53px;font-size:16px}}

/* Final desktop controller. This comes after the original large modal rule,
   so it replaces it rather than competing with it. */
@media(min-width:651px){.payment-allocation-confirm-backdrop{display:grid!important;place-items:center!important;overflow:hidden!important;padding:18px!important}.payment-allocation-confirm{width:min(620px,calc(100vw - 36px))!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:22px 26px 24px!important;border-radius:18px!important}.payment-confirm-close{top:13px;right:15px;width:35px;height:35px;font-size:26px}.payment-confirm-hero{padding:0 42px 14px}.payment-confirm-hero>span{width:56px;height:56px;margin-bottom:11px;font-size:34px}.payment-confirm-sparkles,.payment-confirm-sparkles:before,.payment-confirm-sparkles:after{width:160px;height:55px;top:0}.payment-confirm-hero h2{font-size:23px}.payment-confirm-hero i{width:120px;margin-top:14px}.payment-confirm-callout{gap:13px;margin-bottom:16px;padding:14px 16px;border-radius:11px}.payment-confirm-callout>span{width:42px;height:42px;border-radius:9px;font-size:21px}.payment-confirm-callout p{font-size:13px;line-height:1.38}.payment-confirm-callout p b{font-size:20px}.payment-confirm-details{border-radius:11px}.payment-confirm-details>div{gap:11px;padding:13px 15px}.payment-confirm-icon{width:39px;height:39px;border-radius:9px;font-size:19px}.payment-confirm-details p{font-size:11px}.payment-confirm-details p b{margin-top:3px;font-size:15px}.payment-confirm-warning{margin:16px 0!important;padding:11px 13px;border-radius:9px;font-size:13px!important}.payment-confirm-warning span{width:20px;height:20px;font-size:11px}.payment-allocation-confirm footer{gap:11px!important}.payment-allocation-confirm footer button{min-height:48px;font-size:15px;border-radius:9px}}

/* Compact success receipt layout for normal desktop heights.  The page itself
   remains the only scroll container when many invoices are allocated. */
@media(min-width:761px){.payment-allocation-success-page{padding-top:0}.payment-allocation-success{max-width:940px!important;margin:8px auto 18px!important;padding:20px 22px!important;border-radius:16px!important}.payment-success-hero{padding:0 12px 17px}.payment-success-tick{width:58px;height:58px;margin-bottom:9px;font-size:34px}.payment-success-confetti,.payment-success-confetti::before,.payment-success-confetti::after{height:53px}.payment-success-hero h2{font-size:23px}.payment-success-hero p{margin:7px 0 2px;font-size:14px}.payment-success-hero>strong{font-size:16px}.payment-success-summary{border-radius:10px}.payment-success-meta{padding:10px 14px}.payment-success-meta>div{padding:6px 13px}.payment-success-meta span,.payment-success-paid>span{font-size:12px}.payment-success-meta b{margin-top:4px;font-size:15px}.payment-success-paid{padding:15px 18px}.payment-success-paid>b{margin:4px 0 10px;font-size:22px}.payment-success-paid>div{padding:9px 11px;font-size:12px}.payment-success-paid strong{font-size:13px}.payment-success-allocations{margin-top:16px}.payment-success-allocations h3{margin-bottom:9px;font-size:16px}.payment-success-table-wrap{border-radius:9px}.payment-success-table-wrap th,.payment-success-table-wrap td{padding:10px 13px;font-size:13px}.payment-success-total{margin-top:6px}.payment-success-total>div{padding:11px 14px}.payment-success-total b{font-size:15px}.payment-success-actions{gap:12px;margin-top:18px}.payment-success-actions button{min-height:48px!important;font-size:15px!important}.payment-success-actions button span{margin-right:8px;font-size:18px}}

/* Success receipt allocation columns and live balance state. */
.payment-success-table-wrap table{min-width:760px}.payment-success-table-wrap th{white-space:nowrap}.payment-success-table-wrap td{white-space:nowrap}.payment-success-table-wrap td:last-child{color:inherit}.payment-success-paid-value,.payment-success-balance-clear{color:#0b9a50!important;font-weight:800}.payment-success-balance-due{color:#f07810!important;font-weight:800}.payment-success-total{display:grid;grid-template-columns:1fr 1fr;padding:0}.payment-success-total>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px}.payment-success-total>div+div{border-left:1px solid #cce5da;color:#19365d}@media(max-width:760px){.payment-success-total{grid-template-columns:1fr}.payment-success-total>div+div{border-left:0;border-top:1px solid #cce5da}}

/* Current invoice-payment-allocation.js markup. These selectors replace the
   retired form names without introducing another renderer. */
#app .payment-allocation-page [data-allocation-action="open"][data-scope="dealer"]{min-width:142px;box-shadow:0 6px 14px rgba(33,107,237,.18)}
#app .payment-allocation-page [data-allocation-action="open"][data-scope="dealer"]:disabled{box-shadow:none}
#app .payment-allocation-export{position:relative;display:inline-flex;justify-content:flex-end}
#app .payment-allocation-export-trigger{display:inline-flex;align-items:center;gap:6px;border:1px solid #c9ddef;border-radius:8px;background:#f8fbff;color:#2468bc;padding:8px 11px;font:800 10px "DM Sans";cursor:pointer}
#app .payment-allocation-export-trigger:hover,#app .payment-allocation-export-trigger[aria-expanded="true"]{border-color:#93bee9;background:#eef7ff;color:#145cad}
#app .payment-allocation-export-trigger:focus-visible,#app .payment-allocation-export-menu button:focus-visible{outline:3px solid rgba(48,132,235,.28);outline-offset:2px}
#app .payment-allocation-export-menu{position:absolute;z-index:20;top:calc(100% + 7px);right:0;display:grid;min-width:172px;max-width:calc(100vw - 40px);padding:5px;border:1px solid #cedff0;border-radius:10px;background:#fff;box-shadow:0 12px 24px rgba(24,67,128,.16)}
#app .payment-allocation-export-menu[hidden]{display:none}
#app .payment-allocation-export-menu button{border:0;border-radius:7px;background:transparent;color:#244a7d;padding:8px 10px;text-align:left;font:700 10px "DM Sans";cursor:pointer;white-space:nowrap}
#app .payment-allocation-export-menu button:hover{background:#edf7ff;color:#1266c5}
#app .payment-allocation-table [data-allocation-action="view"][data-scope="dealer"]{border:1px solid #d1e3f4;border-radius:7px;background:#f8fbff;color:#286ec0;padding:6px 8px;font:800 9px "DM Sans";white-space:nowrap;cursor:pointer}
#app .payment-allocation-table [data-allocation-action="view"][data-scope="dealer"]:hover{border-color:#99c6ef;background:#eef7ff;color:#145eaf}
@media(max-width:620px){#app .payment-allocation-page [data-allocation-action="open"][data-scope="dealer"]{min-width:0}#app .payment-allocation-export-menu{right:0;max-width:calc(100vw - 32px)}}
.payment-allocation-page{max-width:1360px;margin:0 auto;padding:8px 4px 28px;color:#18355f}.payment-allocation-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 25px;margin-bottom:18px;border:1px solid #cfe5ff;border-radius:18px;background:linear-gradient(106deg,#fff,#f5fbff 58%,#e5f5ff);box-shadow:0 12px 28px rgba(25,82,153,.08)}.payment-allocation-title span{display:block;color:#1876e6;font-size:10px;font-weight:800;letter-spacing:.13em}.payment-allocation-title h1{margin:5px 0;color:#10285b;font:800 28px/1.15 Manrope,"DM Sans",sans-serif}.payment-allocation-title p{margin:7px 0 0;color:#627b9e;font-size:13px}.payment-allocation-select-row,.payment-allocation-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin-top:15px}.payment-allocation-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.payment-allocation-select-row label,.payment-allocation-grid label{display:grid;gap:7px;color:#365681;font-size:12px;font-weight:800}.payment-allocation-grid .wide{grid-column:span 4}.payment-allocation-select-row select,.payment-allocation-grid input,.payment-allocation-grid select,.payment-allocation-grid textarea,.payment-allocation-table input[type=number]{box-sizing:border-box;min-height:42px;border:1px solid #cfe2f7;border-radius:11px;padding:10px 12px;background:linear-gradient(145deg,#fff,#f8fcff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(34,104,191,.06);color:#17345f;font:600 14px "DM Sans",sans-serif}.payment-allocation-grid textarea{min-height:78px;resize:vertical}.payment-allocation-select-row select:focus,.payment-allocation-grid input:focus,.payment-allocation-grid select:focus,.payment-allocation-grid textarea:focus,.payment-allocation-table input[type=number]:focus{outline:3px solid rgba(51,140,250,.16);border-color:#56a5ff}.payment-allocation-party{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px}.payment-allocation-party span{display:block;color:#6680a2;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.payment-allocation-party h2{margin:4px 0;color:#132e5d}.payment-allocation-party p{margin:3px 0 0}.payment-allocation-party>div:nth-child(2){text-align:right}.payment-allocation-party>div:nth-child(2) b{display:block;margin:4px 0;color:#0a61bd;font:800 24px Manrope,"DM Sans",sans-serif}.payment-allocation-legacy{display:flex;align-items:flex-start;gap:9px;margin:16px 0 0;padding:12px 14px;border:1px solid #d7e7fb;border-radius:11px;background:#f4f9ff;color:#33547f;font-size:12px;line-height:1.45}.payment-allocation-legacy input{margin-top:2px}.payment-allocation-summary{display:grid;grid-template-columns:repeat(3,minmax(118px,1fr)) auto;align-items:center;gap:10px;border-top:1px solid #e4edf8;padding-top:15px}.payment-allocation-summary>div{padding:10px 12px;border:1px solid #dbe9f8;border-radius:10px;background:#f8fbff}.payment-allocation-summary b{display:block;margin-top:4px;color:#173a70;font-size:15px}.payment-allocation-summary button{min-height:42px}.payment-allocation-error{margin:12px 0 0;padding:10px 12px;border:1px solid #ffd3da;border-radius:10px;background:#fff5f6;color:#af3044;font-size:12px;font-weight:700}.payment-allocation-card header>div:last-child{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.payment-allocation-page{padding:0 0 18px}.payment-allocation-title{display:block;padding:18px 16px}.payment-allocation-title h1{font-size:24px}.payment-allocation-select-row,.payment-allocation-grid{grid-template-columns:1fr}.payment-allocation-grid .wide{grid-column:auto}.payment-allocation-party{grid-template-columns:1fr}.payment-allocation-party>div:nth-child(2){text-align:left}.payment-allocation-summary{grid-template-columns:1fr 1fr}.payment-allocation-summary button{grid-column:span 2}.payment-allocation-card{padding:15px}.payment-allocation-table{margin-left:-15px;margin-right:-15px;padding:0 15px}}