/* Ayam Gepuk Tok Mat — source-preserving Collection skin. System fonts; no remote assets. */
:root{--brand:#a71923;--brand-deep:#86131c;--mustard:#e4b22c;--canvas:#fff;--paper:#fff;--ink:#262020;--muted:#675a59;--line:#e4d9d5;--wash:#fff6dc;--surface:#faf7f5;--danger:#a71923;--danger-wash:#fff0ef;--amber:#704d00;--shadow:0 4px 18px #4a211109;color-scheme:light;font:400 15px/1.55 "Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box;min-width:0}html{scroll-padding-top:16px}body{margin:0;min-height:100vh}h1,h2,h3,p{margin:0}p,strong,dd,span,a,button{overflow-wrap:anywhere}h1,h2,h3{font-weight:750;letter-spacing:-.025em;line-height:1.3}h2{font-size:1.25rem}h3{font-size:1.05rem}[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit;max-width:100%;touch-action:manipulation}button,input,select,.action-link{min-height:46px}button,a{touch-action:manipulation}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #1d6096;outline-offset:3px}::selection{background:var(--mustard);color:var(--ink)}
button,.action-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#fff;font-weight:700;font-size:.875rem;line-height:1.4;text-decoration:none;cursor:pointer;transition:background 150ms ease}
button:hover:not(:disabled){background:var(--brand-deep)}button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface);border-color:var(--line)}.secondary-button,.action-link{color:var(--brand);background:var(--paper);border-color:#d6b9b6}.secondary-button:hover:not(:disabled),.action-link:hover{background:var(--danger-wash)}input,select,textarea{width:100%;color:var(--ink);border:1px solid #b8a8a4;border-radius:7px;padding:10px 12px;background:var(--paper);font-size:16px}input::placeholder{color:var(--muted);opacity:1}label{display:grid;gap:6px;font-size:.8rem;color:var(--muted);font-weight:650}
.skip-link{position:absolute;top:-100px;left:16px;z-index:50;background:var(--mustard);color:var(--ink);padding:12px 18px;border-radius:8px}.skip-link:focus{top:10px}
.masthead{display:flex;align-items:center;gap:16px;padding:22px max(24px,calc((100vw - 1296px)/2));background:var(--brand);color:#fff;border-bottom:5px solid var(--mustard)}.identity-copy{flex:1}.identity-copy h1{font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.identity-copy>p:last-child{color:#ffe9e2;font-size:.8rem;margin-top:4px}.eyebrow,.section-kicker{font-size:.7rem;font-weight:800;letter-spacing:.13em}.eyebrow{color:#ffe4a0;margin-bottom:4px}.section-kicker{color:var(--brand);margin-bottom:6px}.read-only-badge{padding:7px 12px;border:1px solid #f0b8b9;border-radius:99px;font-size:.75rem;color:#fff}#logout-button{background:transparent;border-color:#f0b8b9;color:#fff}#logout-button:hover{background:var(--brand-deep)}
.preview-banner{margin:0;padding:9px 20px;text-align:center;font-size:.75rem;font-weight:800;letter-spacing:.06em;background:var(--mustard);color:#392805;border-bottom:1px solid #ae7c0e}
.login-panel{max-width:480px;margin:64px auto 50px;padding:32px;border:1px solid var(--line);border-top:5px solid var(--brand);border-radius:4px 4px 14px 14px;box-shadow:0 16px 50px #521e1210;background:#fff}.login-panel h2{font-size:1.75rem}.login-panel .scope-note{font-size:.9rem}.login-panel form{display:grid;gap:10px;margin:24px 0 16px}.login-panel form button{margin-top:8px}.login-panel #login-status{font-size:.85rem;color:var(--muted);min-height:2.6em}
main{max-width:1344px;margin:auto;padding:28px 24px;color:var(--ink)}.book-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:21px;margin-bottom:24px;border-bottom:1px solid var(--line)}.book-bar strong{display:block;font-size:1.1rem}.book-bar .scope-note{margin-top:4px}.profile-field{width:300px;flex:0 0 300px}.profile-field select{font-weight:650;border-color:#b8a8a4}
.decision-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 22px;background:#fff;color:var(--ink)}.decision-copy{max-width:450px}.decision-copy h2{font-size:clamp(1.6rem,2.15vw,2rem);line-height:1.2}.status-line{color:var(--muted);font-size:.82rem;line-height:1.5;margin-top:8px}.status-line[data-tone="error"]{color:var(--danger)}.status-line[data-tone="partial"]{color:var(--amber)}.date-actions{display:flex;align-items:flex-start;gap:10px;flex:0 1 625px}.date-range-form{display:grid;grid-template-columns:minmax(145px,1fr) minmax(145px,1fr) auto;gap:8px;align-items:end;flex:1}.date-actions>.secondary-button{margin-top:25px}.date-range-error{grid-column:1/-1;color:var(--danger);font-size:.8rem;font-weight:650}.date-range-error:empty{display:none}
.summary-rail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.summary-primary{padding:25px 27px;border-radius:11px 0 0 11px;background:var(--brand);color:white}.summary-primary span{color:#ffebe4;font-size:.85rem;font-weight:650;display:block}.summary-primary strong{display:block;margin-top:10px;font-size:clamp(1.8rem,2.7vw,2.65rem);line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.summary-secondary{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:0}.summary-secondary>div{padding:25px 22px;border-right:1px solid var(--line)}.summary-secondary>div:last-child{border:0}.summary-secondary dt{font-size:.82rem;font-weight:650;color:var(--muted)}.summary-secondary dd{margin:13px 0 0;font-weight:750;font-size:1.65rem;line-height:1.2;font-variant-numeric:tabular-nums}.summary-secondary>div:first-child dd{color:var(--danger)}.summary-evidence{display:flex;flex-wrap:wrap;gap:3px 20px;color:var(--muted);font-size:.78rem;line-height:1.6;margin:0 2px 24px}.summary-evidence p:last-child{flex-basis:100%}
.payment-update-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;margin-bottom:32px;padding:18px 22px;background:var(--wash);border:1px solid #dfc674;border-left:4px solid var(--mustard);border-radius:9px}.payment-update-panel h2{font-size:1.1rem}.payment-update-panel .section-kicker{color:var(--amber)}.payment-update-panel>.status-line{margin:0}.payment-update-panel>button{min-width:140px}.payment-update-body{grid-column:1/-1;border-top:1px solid #dfc674;padding-top:16px}.payment-update-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.payment-update-toolbar p,.copy-status{font-size:.8rem;color:var(--muted)}#payment-update-text{display:block;min-height:350px;font:.87rem/1.6 ui-monospace,monospace;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}.copy-status:not(:empty){margin-top:8px;min-height:1.3em}.pdf-status:empty{display:none}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.list-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.result-count{font-size:.8rem;color:var(--brand);font-weight:700;flex-shrink:0;background:var(--danger-wash);padding:5px 10px;border-radius:6px}.collection-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;background:var(--surface);padding:14px;border:1px solid var(--line);border-radius:9px}.collection-controls label{font-size:.78rem}.collection-controls select{font-size:.9rem;padding-inline:10px}.customer-list{display:grid;gap:14px;margin-top:16px}.customer-card{background:var(--paper);border:1px solid var(--line);border-left:4px solid #b49a50;border-radius:10px}.customer-card[data-overdue="true"]{border-left-color:var(--brand)}.customer-summary-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}.customer-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:20px;border:0;border-radius:2px;background:transparent;color:var(--ink);text-align:left;padding:0;min-height:62px}.customer-toggle:hover:not(:disabled){background:var(--surface)}.customer-title{font-size:1.05rem;overflow-wrap:anywhere}.customer-store-name{color:var(--brand);font-size:.85rem;margin-top:4px}.customer-meta,.invoice-meta,.item-meta{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:.78rem;color:var(--muted);font-weight:400;line-height:1.5;margin-top:6px}.customer-aging{font-weight:650}.customer-debt{font-size:1.45rem;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums;max-width:260px}.customer-debt::before{content:"Baki semasa";display:block;color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:0;margin-bottom:5px}.phone-missing{color:var(--muted)}.customer-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.customer-actions>*{font-size:.8rem}.whatsapp-link{background:var(--wash);color:#513600;border-color:#c89c28}.whatsapp-link:hover{background:#fbe8b5}.customer-toggle[aria-expanded="true"] .customer-title{color:var(--brand)}.customer-detail{background:var(--surface);padding:18px;border-top:1px solid var(--line);border-radius:0 0 9px 9px}.customer-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.scope-note{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:9px}.customer-tools .scope-note{flex:1 1 250px;margin:0}.customer-items-panel,.invoice-items-panel{padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin:12px 0}.invoice-list{display:grid;gap:10px}.invoice-row{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.invoice-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.invoice-number{font-weight:750}.invoice-balance{color:var(--ink);font-variant-numeric:tabular-nums;max-width:260px}.invoice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.invoice-actions>button{font-size:.8rem}.items-table{display:grid;gap:10px}.item-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:.87rem}.item-line:last-child{border:0;padding-bottom:0}.item-value{text-align:right;font-variant-numeric:tabular-nums;max-width:240px;font-weight:650}
.item-scope-panel{position:sticky;top:20px;padding:21px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--mustard);border-radius:8px}.item-scope-panel h2{font-size:1.1rem}.item-ranking{display:grid;gap:16px;margin:18px 0 0;padding-left:23px}.item-ranking li{padding-left:3px;font-size:.9rem}.item-ranking li::marker{color:var(--brand);font-weight:700}.empty-state{padding:23px 17px;background:var(--paper);border:1px dashed #b8a8a4;border-radius:8px;color:var(--muted);text-align:center;font-size:.9rem}.error-box{padding:14px;color:var(--danger);background:var(--danger-wash);border:1px solid var(--danger);border-radius:8px;font-size:.85rem}
.soa-panel{padding:20px;border-top:1px solid var(--line);background:#fffdf7}.soa-identity{font-size:.9rem;font-weight:700;margin-top:16px}.soa-balances{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0;padding:16px 0;border-block:1px solid #e6d5a0}.soa-balances dt,.soa-values dt{color:var(--muted);font-size:.75rem}.soa-balances dd{font-size:1.45rem;font-weight:750;margin:5px 0 0;font-variant-numeric:tabular-nums}.soa-balances>div:last-child dd{color:var(--brand)}.soa-ledger{list-style:none;margin:0;padding:0}.soa-movement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;border-bottom:1px solid var(--line);padding:14px 0;font-size:.85rem}.soa-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.soa-values dd{margin:5px 0 0;font-weight:650;font-variant-numeric:tabular-nums}.soa-movement .scope-note{margin-top:3px}
footer{max-width:1200px;margin:auto;padding:18px 24px 32px;color:var(--muted);font-size:.76rem;text-align:center}footer p+p{margin-top:5px}
@media(max-width:1150px){.collection-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.search-field{grid-column:1/-1}.decision-strip{align-items:stretch;flex-direction:column;gap:18px}.decision-copy{max-width:none}.date-actions{flex-basis:auto;max-width:680px}.workbench{grid-template-columns:minmax(0,1fr) 265px;gap:22px}.summary-primary,.summary-secondary>div{padding:21px 18px}.summary-secondary dd{font-size:1.4rem}.customer-toggle{grid-template-columns:1fr;gap:12px}.customer-debt{max-width:none}.soa-movement{grid-template-columns:1fr}}
@media(max-width:900px){.workbench{grid-template-columns:1fr}.item-scope-panel{position:static}.summary-rail{grid-template-columns:1fr}.summary-primary{border-radius:11px 11px 0 0}.summary-secondary{grid-template-columns:1.4fr 1fr 1fr}.summary-secondary dd{font-size:1.5rem}.customer-toggle{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:600px){main{padding:22px 16px}.masthead{padding:20px 16px 17px;gap:12px;flex-wrap:wrap}.identity-copy{flex-basis:100%}.identity-copy h1{font-size:1.6rem}.identity-copy>p:last-child{font-size:.8rem}.read-only-badge{margin-right:auto;font-size:.72rem}.preview-banner{font-size:.65rem;padding:9px 12px;letter-spacing:.04em}.login-panel{margin:30px 16px;max-width:none;padding:26px 22px}.login-panel h2{font-size:1.6rem}.book-bar{align-items:stretch;flex-direction:column;gap:13px;padding-bottom:20px;margin-bottom:22px}.profile-field{width:100%;flex-basis:auto}.book-bar strong{font-size:1rem}.decision-strip{padding:0 0 20px;gap:20px}.decision-copy h2{font-size:1.7rem}.date-actions{display:grid;gap:8px}.date-range-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.date-range-form button{grid-column:1/-1}.date-actions>.secondary-button{margin:0}.date-range-form input{padding:10px 7px;font-size:15px}.summary-primary{padding:24px 22px}.summary-primary strong{font-size:2.25rem}.summary-secondary{grid-template-columns:1fr 1fr}.summary-secondary>div{padding:20px}.summary-secondary>div:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}.summary-secondary>div:first-child dd{margin-top:9px;font-size:1.75rem}.summary-secondary dd{font-size:1.65rem}.summary-evidence{font-size:.75rem;gap:6px;margin-bottom:22px}.payment-update-panel{grid-template-columns:1fr;padding:18px;gap:13px;margin-bottom:28px}.payment-update-panel>button{width:100%}.payment-update-toolbar{align-items:stretch;flex-direction:column}.list-heading{align-items:start;gap:10px}.list-heading h2{font-size:1.15rem}.result-count{font-size:.7rem;padding:5px 7px}.collection-controls{grid-template-columns:minmax(0,1fr);padding:13px}.search-field{grid-column:1/-1}.collection-controls select{font-size:1rem}.customer-summary-row{padding:18px 16px;gap:14px}.customer-toggle{grid-template-columns:1fr;gap:14px}.customer-debt{font-size:1.65rem;max-width:100%;padding-top:12px;border-top:1px solid var(--line);display:block;width:100%}.customer-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.customer-actions>*{width:100%;font-size:.875rem}.customer-detail{padding:12px}.invoice-summary{grid-template-columns:1fr;gap:10px}.invoice-balance{max-width:100%;font-size:1.15rem}.invoice-actions>button{flex:1 1 135px}.item-line{grid-template-columns:1fr}.item-value{text-align:left;max-width:100%}.item-scope-panel{padding:20px}.customer-tools button{width:100%}.invoice-row{padding:13px}.soa-panel{padding:18px 16px}.soa-balances{gap:14px}.soa-balances dd{font-size:1.2rem}.soa-values{grid-template-columns:1fr;gap:8px}.soa-values>div{display:flex;justify-content:space-between;gap:14px}.soa-values dd{margin:0;text-align:right}.soa-movement{gap:12px}footer{padding-inline:16px}}
@media(max-width:360px){.date-range-form{grid-template-columns:1fr}.summary-primary strong{font-size:1.9rem}.soa-balances{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.masthead,.date-actions,.invoice-actions,.customer-actions,.login-panel{display:none!important}body{background:white;color:#111}.item-scope-panel{position:static}button{display:none}.summary-primary{background:white;color:#111;border:1px solid #999}.summary-primary span{color:#111}}

/* Premium presentation only; financial calculation, authentication and API contracts preserved. */
:root{--brand:#d71920;--brand-deep:#ad1018;--mustard:#ffbf24;--canvas:#f5f6f8;--paper:#fff;--ink:#202127;--muted:#60636e;--line:#e5e6eb;--surface:#f7f8fa;--wash:#fff8e5;--danger:#b91621;--danger-wash:#fff0f1;--amber:#7b5407;--shadow:0 8px 30px #20212706;font:400 16px/1.55 "Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif}
body{background:var(--canvas)}h1,h2,h3{letter-spacing:-.035em}h2{font-size:1.4rem}h3{letter-spacing:-.015em}
button,.action-link{border-radius:10px;font-size:.875rem;font-weight:650;padding:11px 17px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}button:not(:disabled):active,.action-link:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:var(--brand-deep)}
input,select,textarea{border-color:#d9dce3;border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d719200b}
label,.collection-controls label{font-size:.875rem;font-weight:550;gap:7px}.secondary-button,.action-link{background:white;border-color:#dcdfe6;color:var(--ink)}.secondary-button:hover:not(:disabled),.action-link:hover{background:#fff4f4;border-color:#e8a4a8;color:var(--brand-deep)}button:disabled{color:#767a84;background:#f5f6f8;border-color:#e3e5e9}
.masthead{position:relative;gap:17px;background:white;color:var(--ink);padding:18px max(28px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line)}
.masthead::after{content:"";position:absolute;inset:auto 0 -1px;height:3px;background:linear-gradient(90deg,var(--brand) 0 27%,var(--mustard) 27% 35%,transparent 35%);transform-origin:left;animation:brand-line 1s cubic-bezier(.2,.7,.2,1) both}
.brand-logo{width:66px;height:66px;object-fit:contain;background:#000;border-radius:16px;flex:none}.identity-copy h1{display:flex;align-items:center;gap:14px;font-size:1.55rem;letter-spacing:-.055em;font-weight:800}.brand-divider{font-size:1.35rem;color:#d1d2d9;font-weight:400;letter-spacing:0}.brand-product{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--muted)}.identity-copy>p:last-child{color:var(--muted);font-size:.8125rem;margin-top:3px}.eyebrow{color:var(--brand);font-size:.75rem;letter-spacing:.17em;margin:0 0 1px}
.read-only-badge{font-size:.8125rem;background:#f6f7f9;border:1px solid var(--line);color:#565a66;padding:8px 13px}#logout-button{background:#fff;color:var(--ink);border:1px solid var(--line);font-size:.8125rem}#logout-button:hover{background:var(--danger-wash);color:var(--brand);border-color:#edc2c5}
main{max-width:1416px;padding:30px 28px 38px}.section-kicker{font-size:.75rem;font-weight:750;letter-spacing:.12em;margin-bottom:8px}
.book-bar{padding:16px 20px;margin-bottom:27px;border:1px solid var(--line);border-radius:13px;background:#fff;gap:20px;box-shadow:var(--shadow)}.book-bar>div{padding-left:16px;border-left:3px solid var(--mustard)}.book-bar .section-kicker{font-size:.75rem;color:var(--muted);margin-bottom:2px}.book-bar strong{font-size:1.075rem}.book-bar .scope-note{font-size:.8125rem;margin-top:3px}.profile-field{flex-basis:245px;width:245px;gap:5px}.profile-field>span{font-size:.75rem}.profile-field select{font-weight:650;border-color:#e1e3e9;background:#f8f9fb}
.decision-strip{align-items:center;gap:28px;padding:0 0 26px;background:transparent}.decision-copy{flex:1;max-width:440px}.decision-copy h2{font-size:clamp(2rem,2.85vw,2.65rem);font-weight:750;letter-spacing:-.055em;line-height:1.13}.decision-copy h2 span{color:var(--brand)}.decision-copy .status-line{margin-top:12px}.status-line,.scope-note{font-size:.875rem;color:var(--muted)}
.date-actions{flex:0 1 640px;gap:10px;align-items:start;padding-top:5px}.date-actions>.secondary-button{margin-top:29px}.date-range-form{gap:10px;grid-template-columns:minmax(135px,1fr) minmax(135px,1fr) auto}.date-range-form input{font-size:.9375rem;padding-inline:10px}.date-range-form button{white-space:nowrap}
.summary-rail{grid-template-columns:minmax(310px,1.55fr) minmax(0,2.7fr);gap:14px;border:0;background:transparent;margin-bottom:15px;border-radius:0}.summary-primary{position:relative;isolation:isolate;overflow:hidden;border-radius:17px;padding:26px 27px;min-height:192px;background:linear-gradient(118deg,#cf101c,#e62127 65%,#b90918);box-shadow:0 10px 24px #d7192018}.summary-primary>span{font-size:.875rem;color:#fff;font-weight:500;position:relative;z-index:2}.summary-primary strong{position:relative;z-index:2;font-size:clamp(1.95rem,2.8vw,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.055em;margin-top:19px}.summary-primary .summary-footnote{font-size:.75rem;letter-spacing:.12em;font-weight:550;color:#ffdddd;margin-top:18px}.brand-orbit{position:absolute;right:-75px;bottom:-140px;width:320px;height:320px;border:1px solid #ffca4745;border-radius:50%;z-index:-1;box-shadow:0 0 0 24px #ffdd2510,0 0 0 55px #ffdb2708}
.summary-primary::after{content:"";position:absolute;inset:-50% -80%;background:linear-gradient(110deg,transparent 44%,#fff2 50%,transparent 56%);transform:translateX(-55%);animation:brand-sheen 1.5s .45s ease-out both;pointer-events:none}
.summary-secondary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.summary-secondary>div{padding:23px 20px 21px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.summary-secondary>div:last-child{border:1px solid var(--line)}.summary-secondary dt{font-size:.8125rem;font-weight:500;color:var(--muted)}.metric-icon{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#9b751b;margin-bottom:12px}.summary-secondary>div:first-child .metric-icon{color:var(--brand)}.summary-secondary dd{font-size:clamp(1.55rem,2.1vw,2.05rem);line-height:1.25;letter-spacing:-.045em;margin:10px 0 0;font-weight:700}.summary-secondary>div:first-child dd{font-size:clamp(1.3rem,1.85vw,1.85rem);color:var(--brand-deep)}.metric-note{color:var(--muted);font-size:.75rem;margin-top:8px;line-height:1.4}
.summary-evidence{font-size:.8125rem;gap:4px 18px;margin:0 2px 24px;line-height:1.65}.summary-evidence p:last-child{flex-basis:100%}
.payment-update-panel{padding:19px 23px;background:linear-gradient(110deg,#fff9e8,#fffdf7);border:1px solid #eedfb5;border-left:4px solid var(--mustard);border-radius:14px;margin-bottom:31px;gap:15px 22px}.payment-update-panel .section-kicker{font-size:.75rem;margin-bottom:3px}.payment-update-panel h2{font-size:1.125rem}.payment-update-panel .status-line{font-size:.8125rem;margin-top:4px}.payment-update-panel>button{color:#553802;background:var(--mustard);border-color:#efb628;min-width:147px}.payment-update-panel>button:hover:not(:disabled){background:#ffcd4d;box-shadow:0 4px 12px #c69a2220}.payment-update-toolbar p,.copy-status{font-size:.875rem}.payment-update-body{border-color:#ebddb5}
.workbench{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.list-heading{align-items:center;margin-bottom:18px}.list-heading h2{font-size:1.5rem;letter-spacing:-.045em}.list-heading .section-kicker{color:var(--muted);margin-bottom:4px}.result-count{font-size:.8125rem;padding:7px 11px;background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:8px}.collection-controls{background:white;padding:17px;border-color:var(--line);border-radius:13px;gap:12px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}.collection-controls select{font-size:.875rem}.search-field input{background:#f8f9fb;font-size:.9375rem}
.customer-list{gap:15px;margin-top:16px}.customer-card{position:relative;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s,transform .2s}.customer-card[data-overdue="true"]{border-left:1px solid var(--line)}.customer-summary-row{padding:21px 22px;gap:16px}.customer-toggle{grid-template-columns:minmax(0,1fr) auto;gap:20px;border-radius:8px;min-height:64px;position:relative;padding-right:27px}.customer-toggle::after{content:"";position:absolute;right:3px;top:23px;width:7px;height:7px;border-right:1.5px solid #888b94;border-bottom:1.5px solid #888b94;transform:rotate(45deg);transition:transform .24s}.customer-toggle[aria-expanded="true"]::after{transform:rotate(225deg)}.customer-toggle:hover:not(:disabled){background:transparent}.customer-title{font-size:1.05rem;font-weight:700;letter-spacing:-.015em}.customer-store-name{font-size:.875rem;color:var(--muted)}.customer-meta,.invoice-meta,.item-meta{font-size:.8125rem;gap:6px 11px;line-height:1.6;margin-top:8px}.customer-aging{color:#785305;background:#fff7df;padding:1px 7px;border-radius:5px;font-size:.75rem;font-weight:600}.customer-card[data-overdue="true"] .customer-aging{color:var(--brand-deep);background:var(--danger-wash)}.customer-debt{font-size:1.55rem;font-weight:700;letter-spacing:-.04em;text-align:right;align-self:center;max-width:260px}.customer-debt::before{font-size:.75rem;letter-spacing:0;color:var(--muted);font-weight:400;margin-bottom:5px}.customer-actions{gap:8px;padding-top:15px}.customer-actions>*{font-size:.8125rem;min-height:42px;padding:9px 12px;font-weight:600}.whatsapp-link{border-color:#e3d4a7;background:#fff9e8;color:#735008}.whatsapp-link:hover{background:#fff2c9;border-color:#d6bd71;color:#634608}
.customer-detail{padding:19px;border-radius:0 0 13px 13px}.customer-tools .scope-note{font-size:.8125rem}.invoice-row{border-radius:11px;padding:17px}.invoice-summary{gap:14px}.invoice-number{color:var(--brand-deep);font-size:.9375rem}.invoice-balance{font-size:1.125rem}.invoice-actions>button{font-size:.875rem}.item-line{font-size:.9375rem}.customer-items-panel,.invoice-items-panel{border-radius:10px;background:white;padding:16px}
.item-scope-panel{background:white;border:1px solid var(--line);border-top:3px solid var(--mustard);border-radius:14px;padding:24px 23px;box-shadow:var(--shadow)}.item-scope-panel .section-kicker{font-size:.75rem}.item-scope-panel h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.03em}.item-scope-panel .scope-note,.item-scope-panel .status-line{font-size:.8125rem}.item-ranking{list-style:none;counter-reset:items;padding:0;gap:0;margin-top:20px}.item-ranking li{position:relative;counter-increment:items;padding:15px 0 15px 39px;font-size:.9375rem;border-bottom:1px solid var(--line)}.item-ranking li:last-child{border-bottom:0;padding-bottom:0}.item-ranking li::before{content:counter(items,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:.75rem;font-weight:650;color:#9e7623;padding:3px 4px;background:#fff7df;border-radius:5px}.item-ranking .item-meta{font-size:.75rem;margin-top:4px}
.soa-panel{background:#fffdf7;padding:21px 22px}.soa-panel .scope-note{font-size:.875rem}.soa-identity{font-size:1rem}.soa-balances dt,.soa-values dt{font-size:.875rem}.empty-state{font-size:1rem;padding:35px 22px;border-color:#cdd0d8;border-radius:13px}.error-box{font-size:.9375rem;border-radius:11px}footer{max-width:1416px;text-align:left;border-top:1px solid var(--line);font-size:.8125rem;padding:23px 28px 30px}footer p+p{font-size:.75rem}
.login-panel{position:relative;max-width:500px;padding:38px 38px 26px;margin:65px auto;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #2021270a;overflow:hidden}.login-panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand) 75%,var(--mustard) 75%)}.login-panel h2{font-size:2.45rem;line-height:1.12;letter-spacing:-.055em;margin-bottom:18px}.login-panel .section-kicker{margin:26px 0 10px}.login-panel .scope-note{font-size:.9375rem;line-height:1.7}.login-panel form{margin-top:27px;gap:10px}.login-panel form button{min-height:50px;font-size:1rem}.login-panel #login-status{font-size:.875rem}.login-emblem{display:flex;align-items:center;gap:14px;color:var(--brand);font-size:1.5rem;letter-spacing:-.08em;font-weight:850}.login-emblem span{font-size:.75rem;color:var(--muted);font-weight:550;letter-spacing:.1em;border-left:1px solid var(--line);padding-left:14px}.preview-banner{font-size:.75rem;letter-spacing:.04em;border:0;background:#fff0bb;color:#6b4a00}
@keyframes brand-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes brand-sheen{to{transform:translateX(55%)}}@keyframes panel-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.login-panel,.book-bar,.decision-strip,.summary-primary,.summary-secondary>div,.payment-update-panel,.workbench{animation:panel-enter .55s cubic-bezier(.2,.7,.2,1) both}.decision-strip{animation-delay:.06s}.summary-primary{animation-delay:.1s}.summary-secondary>div:nth-child(1){animation-delay:.16s}.summary-secondary>div:nth-child(2){animation-delay:.22s}.summary-secondary>div:nth-child(3){animation-delay:.28s}.payment-update-panel{animation-delay:.32s}.workbench{animation-delay:.38s}.customer-detail:not([hidden]),.soa-panel:not([hidden]),.payment-update-body:not([hidden]),.invoice-items-panel{animation:detail-enter .25s ease-out}.customer-card{animation:panel-enter .4s ease-out both}.customer-card:nth-child(2){animation-delay:.04s}.customer-card:nth-child(3){animation-delay:.08s}.customer-card:nth-child(4){animation-delay:.12s}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.customer-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #20212709;border-color:#e1bfc2}.summary-secondary>div{transition:transform .25s,box-shadow .25s}.summary-secondary>div:hover{transform:translateY(-3px);box-shadow:0 10px 24px #20212709}button:not(:disabled):hover{box-shadow:0 4px 12px #20212708}.customer-toggle:not(:disabled):hover{box-shadow:none}}
@media(max-width:1150px){.decision-strip{flex-direction:row;align-items:center}.date-actions{flex:0 1 530px;flex-wrap:wrap}.date-range-form{flex-basis:100%}.date-actions>.secondary-button{margin:0;margin-left:auto}.summary-rail{grid-template-columns:minmax(280px,1.2fr) minmax(0,2fr);gap:12px}.summary-secondary{grid-template-columns:1.3fr 1fr 1fr;gap:12px}.summary-secondary>div{padding:20px 15px}.workbench{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.collection-controls{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.customer-toggle{grid-template-columns:1fr;gap:12px}.customer-debt{text-align:left;max-width:100%;font-size:1.5rem}}
@media(max-width:900px){.summary-rail{grid-template-columns:1fr}.summary-primary{border-radius:16px;min-height:180px}.summary-primary strong{font-size:2.75rem}.summary-secondary{grid-template-columns:1.3fr 1fr 1fr}.summary-secondary>div{padding:22px}.summary-secondary dd{font-size:2rem}.summary-secondary>div:first-child dd{font-size:1.85rem}.metric-icon{float:right;margin:0 0 10px 10px}.workbench{grid-template-columns:1fr}.item-scope-panel{position:static}.item-ranking{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.decision-strip{align-items:start;flex-direction:column}.decision-copy{max-width:none}.decision-copy h2 br{display:none}.decision-copy h2 span::before{content:" "}.date-actions{flex-basis:auto;max-width:none;width:100%;flex-wrap:nowrap}.date-range-form{flex-basis:auto}.date-actions>.secondary-button{margin-top:29px}.customer-toggle{grid-template-columns:minmax(0,1fr) auto}.customer-debt{text-align:right}}
@media(max-width:600px){.masthead{padding:15px 18px 13px;gap:11px;flex-wrap:wrap}.brand-logo{width:54px;height:54px;border-radius:13px}.identity-copy{flex:1;flex-basis:calc(100% - 70px)}.identity-copy h1{font-size:1.375rem;gap:10px}.brand-product{font-size:.875rem}.brand-divider{font-size:1.1rem}.identity-copy>p:last-child{font-size:.75rem}.eyebrow{font-size:.75rem;letter-spacing:.13em}.read-only-badge{font-size:.75rem;padding:6px 10px;margin-right:auto}#logout-button{min-height:36px;padding:7px 12px;font-size:.8125rem}
main{padding:22px 16px 30px}.book-bar{padding:16px;margin-bottom:23px;gap:14px;border-radius:12px}.book-bar>div{padding-left:12px}.book-bar strong{font-size:1rem}.book-bar .scope-note{font-size:.8125rem}.profile-field{width:100%;flex-basis:auto}.profile-field select{min-height:46px}.profile-field>span{font-size:.8125rem}.decision-strip{gap:21px;padding-bottom:22px}.decision-copy h2{font-size:2.25rem;line-height:1.12}.decision-copy h2 br{display:block}.decision-copy h2 span::before{content:none}.decision-copy .status-line{font-size:.875rem;margin-top:10px}
.date-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}.date-range-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column:1/-1;gap:8px}.date-range-form button{grid-column:1/-1}.date-actions>.secondary-button{margin:0;grid-column:1/-1}.date-range-form input{min-height:46px;font-size:1rem;padding:10px 8px}.date-range-error{font-size:.875rem}
.summary-rail{gap:12px}.summary-primary{padding:24px;min-height:189px}.summary-primary strong{font-size:2.55rem;margin-top:18px}.summary-primary>span{max-width:100%;font-size:.875rem}.summary-primary .summary-footnote{font-size:.75rem;margin-top:16px}.summary-secondary{grid-template-columns:1fr 1fr;gap:12px}.summary-secondary>div{padding:18px;border-radius:13px}.summary-secondary>div:first-child{grid-column:1/-1;border:1px solid var(--line)}.summary-secondary>div:first-child dd{font-size:1.9rem;margin-top:8px}.summary-secondary>div:first-child .metric-note{margin-top:5px}.summary-secondary>div:last-child{border:1px solid var(--line)}.summary-secondary dd{font-size:1.9rem}.summary-secondary dt{font-size:.8125rem}.metric-icon{width:23px;height:23px;float:none;margin:0 0 11px}.summary-secondary>div:first-child .metric-icon{float:right;margin:0}.metric-note{font-size:.75rem}.summary-evidence{font-size:.75rem;margin:0 1px 22px;gap:6px;line-height:1.65}
.payment-update-panel{padding:18px;gap:15px;border-radius:13px;margin-bottom:27px;grid-template-columns:1fr}.payment-update-panel>button{min-height:46px;width:100%}.payment-update-panel h2{font-size:1.125rem}.payment-update-panel .status-line{font-size:.8125rem;line-height:1.6}.payment-update-toolbar{gap:12px}.list-heading{align-items:center;gap:10px}.list-heading h2{font-size:1.35rem}.list-heading .section-kicker{font-size:.75rem}.result-count{font-size:.75rem;padding:6px 8px}.collection-controls{grid-template-columns:1fr 1fr;padding:14px;gap:12px 10px}.collection-controls select{font-size:.875rem}.collection-controls label{font-size:.875rem}.search-field input{font-size:1rem}.customer-list{gap:13px}
.customer-summary-row{padding:19px 17px;gap:16px}.customer-toggle{grid-template-columns:1fr;gap:14px;padding-right:0}.customer-toggle::after{right:4px;top:8px}.customer-title{font-size:1.05rem;padding-right:22px}.customer-meta{font-size:.8125rem;gap:7px 10px;margin-top:9px}.customer-debt{display:block;width:100%;text-align:left;border-top:1px solid var(--line);padding-top:13px;font-size:1.75rem}.customer-debt::before{font-size:.75rem}.customer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:0;padding:0}.customer-actions>*{width:100%;font-size:.8125rem;padding:10px 8px;min-height:46px}.customer-actions>.whatsapp-link{grid-column:1/-1}.customer-detail{padding:13px}.invoice-row{padding:15px}.invoice-summary{grid-template-columns:1fr}.invoice-balance{font-size:1.125rem}.item-line{grid-template-columns:1fr;font-size:.9375rem}.item-value{text-align:left}.customer-tools button{width:100%}.invoice-actions>button{flex:1 1 135px}.item-scope-panel{padding:22px 20px}.item-ranking{grid-template-columns:1fr}.item-scope-panel h2{font-size:1.25rem}.item-scope-panel .scope-note{font-size:.875rem}.soa-panel{padding:19px 17px}.soa-balances dd{font-size:1.25rem}
.login-panel{max-width:none;margin:32px 16px 38px;padding:29px 25px 22px;border-radius:17px}.login-panel h2{font-size:2.15rem}.login-panel .section-kicker{margin-top:23px}.login-panel .scope-note{font-size:.9375rem}footer{padding:21px 18px 25px;font-size:.8125rem}.preview-banner{font-size:.75rem;letter-spacing:0}}
@media(max-width:360px){.identity-copy h1{font-size:1.25rem;gap:8px}.brand-product{font-size:.8125rem}.decision-copy h2{font-size:2rem}.summary-primary strong{font-size:2.1rem}.collection-controls{grid-template-columns:1fr}.customer-actions{grid-template-columns:1fr}.date-range-form{grid-template-columns:1fr}.soa-balances{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.summary-primary::after{display:none}}
@media print{.masthead,.date-actions,.login-panel,.invoice-actions,.customer-actions,.brand-orbit{display:none!important}body,main,.summary-primary{background:white!important;color:#111!important}.summary-primary span{color:#111!important}.summary-primary::after{display:none}.summary-primary,.summary-secondary>div,.customer-card{box-shadow:none;break-inside:avoid}.item-scope-panel{position:static}footer{font-size:10pt}}
/* Mobile: show the financial result before secondary date controls. */
@media(max-width:600px){main{display:flex;flex-direction:column}.book-bar{order:1;margin-bottom:22px}.decision-strip{display:contents}.decision-copy{order:2;flex:none;margin-bottom:22px}.summary-rail{order:3}.summary-evidence{order:4}.date-actions{order:5;margin:0 0 25px}.payment-update-panel{order:6}.workbench{order:7}}

/* TOK MAT / MOTION 02 — native scroll, compositor motion, no looping render task. */
.brand-logo{background:transparent;border-radius:0;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 5px #542b1117);transform-origin:50% 65%;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s}
.masthead{isolation:isolate}
.masthead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 100%,#ffbe2413,transparent 40%)}
.motion-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none;contain:strict}
.motion-progress-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#d71920 20%,#ffbd25 82%,#ffdf69);box-shadow:0 0 12px #ffbf24a0}
.scroll-glow{position:fixed;inset:0 0 auto;height:46px;pointer-events:none;z-index:49;background:radial-gradient(ellipse at 50% 0%,#ffbf2428,transparent 72%);opacity:0;transition:opacity .4s}
.is-scrolling .scroll-glow{opacity:1}
.motion-enabled .book-bar,.motion-enabled .decision-strip,.motion-enabled .summary-primary,.motion-enabled .summary-secondary>div,.motion-enabled .payment-update-panel,.motion-enabled .workbench,.motion-enabled .customer-card{animation:none}
.summary-primary{transition:box-shadow .35s}
.summary-primary::after{animation:none;opacity:0;transform:translateX(-55%)}
.summary-primary.sheen-active::after{opacity:1;animation:brand-sheen 1.25s cubic-bezier(.2,.7,.2,1) both}
.summary-primary .brand-orbit{transform:translate3d(0,var(--orbit-shift,0px),0);transition:transform .14s linear}
.customer-card,.summary-secondary>div,.payment-update-panel,.item-scope-panel{isolation:isolate}
.customer-card::before,.summary-secondary>div::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),#ffbe2411,transparent 72%);transition:opacity .3s}
.summary-secondary>div{position:relative}
.customer-card.spot-active::before,.summary-secondary>div.spot-active::before{opacity:1}
.customer-card:has(.customer-toggle[aria-expanded="true"]){border-color:#e5b3b7;box-shadow:0 7px 25px #c50d1b08}
.customer-toggle[aria-expanded="true"] .customer-title{color:var(--brand)}
.motion-enabled .customer-detail:not([hidden]),.motion-enabled .soa-panel:not([hidden]),.motion-enabled .payment-update-body:not([hidden]){animation:detail-enter .38s cubic-bezier(.2,.8,.2,1)}
button,.action-link{position:relative;isolation:isolate;overflow:hidden}
.customer-toggle{overflow:visible}
.tap-wave{position:absolute;left:var(--wave-x);top:var(--wave-y);width:24px;height:24px;margin:-12px;border-radius:50%;pointer-events:none;background:currentColor;opacity:0;animation:tap-wave .6s ease-out forwards;z-index:3}
@keyframes tap-wave{0%{opacity:.16;transform:scale(.3)}100%{opacity:0;transform:scale(17)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .brand-logo:hover{transform:translateY(-3px) rotate(-5deg) scale(1.08);filter:drop-shadow(0 8px 9px #a8322324)}
 .customer-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #421d1b0c;border-color:#e8bfc2}
 .summary-secondary>div:hover{transform:translateY(-4px);box-shadow:0 13px 27px #421d1b0a}
 .summary-primary:hover{box-shadow:0 14px 32px #d719202c}
 button:not(:disabled):hover,.action-link:hover{transform:translateY(-1px)}
 .customer-toggle:not(:disabled):hover{transform:none}
 button:not(:disabled):active,.action-link:active{transform:translateY(1px) scale(.985)}
}
@media(max-width:600px){.brand-logo{width:60px;height:60px}.identity-copy{flex-basis:calc(100% - 76px)}.motion-progress{height:3px}.summary-primary .brand-orbit{transition:none}}
@media(prefers-reduced-motion:reduce){.motion-progress,.scroll-glow,.tap-wave{display:none!important}.brand-logo,.brand-orbit{transform:none!important;filter:none!important}.summary-primary::after{display:none!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.motion-progress,.scroll-glow,.tap-wave{display:none!important}}

/* Fixed-in-view header — desktop and mobile, with anchor/focus clearance. */
.masthead{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 5px 20px #20212708}
html{scroll-padding-top:calc(var(--tokmat-header-height,114px) + 20px)}
.item-scope-panel{top:calc(var(--tokmat-header-height,114px) + 20px)}
.skip-link{position:fixed;z-index:120}
.scroll-glow{z-index:61}
@media print{.masthead{position:static;box-shadow:none}.item-scope-panel{top:auto}}

/* Prepared SOA sharing: inherit the existing panel and button appearance. */
.soa-share-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.soa-share-message{display:block;margin:12px 0;resize:vertical}
/* Additive link action targets; preserve the original draft/file-share controls. */
.soa-link-prepare,.soa-link-open,.soa-link-copy{min-height:44px}