.supplier-panel[hidden],.supplier-panel [hidden],.supplier-dialog [hidden],#finance>.panel[hidden],.supplier-tabs[hidden],#finance>.section-heading[hidden]{display:none!important}
.supplier-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.supplier-tabs button:not(.active){background:#f8eee7;color:#493b35}
.supplier-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.supplier-kpis article{padding:14px;background:#fff8ef;border:1px solid #ecd8c9;border-radius:12px}
.supplier-kpis strong{display:block;font-size:22px;margin-top:6px}
.supplier-panel td{white-space:normal}.supplier-panel td small,.supplier-payable small{display:block;margin-top:5px;color:#786b62}
.supplier-note{color:#71635a;font-size:13px;line-height:1.6}.supplier-warning{background:#fff3d7;border:1px solid #e7b551;border-radius:12px;padding:16px;margin:12px 0}
.supplier-payable{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #ead9cc}
.supplier-dialog{width:min(680px,94vw);max-height:90vh;overflow:auto;border:1px solid #e8cbb7;border-radius:20px;padding:24px;background:#fffaf5;color:#2a211d}
.supplier-dialog::backdrop{background:#21151088}.supplier-dialog fieldset{border:0;padding:0;display:grid;gap:16px}.supplier-dialog label{display:grid;gap:6px}.supplier-dialog [data-new],.supplier-dialog [data-match]{display:grid;gap:12px}
.supplier-dialog input[type=checkbox]{width:auto;justify-self:start}
.supplier-row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:110px}.supplier-row-actions button{padding:8px 10px}.supplier-delete{color:#b51119!important;border:1px solid #eac2bd!important}.supplier-card-dialog input,.supplier-card-dialog select{width:100%;box-sizing:border-box}.supplier-card-dialog [data-msg]:empty{display:none}.supplier-card-dialog :is(button,input,select):focus-visible{outline:3px solid #d71920;outline-offset:2px}
.supplier-name{background:transparent;color:#b51119;text-align:left;padding:0;border:0;font:inherit;font-weight:750;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.supplier-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.supplier-detail-page h2{font-size:28px;line-height:1.25}.supplier-detail-page h3{margin-top:28px}.supplier-detail-page td{white-space:normal}.supplier-detail-page td small{display:block;color:#71635a;margin-top:5px}
.supplier-invoice{border:1px solid #ead9cc;border-radius:12px;margin:12px 0;padding:16px}.supplier-invoice summary{cursor:pointer;line-height:1.6}.supplier-detail-page>details{margin:22px 0}.supplier-kpis small{display:block;margin-top:6px;color:#71635a}
@media(max-width:700px){.supplier-kpis{grid-template-columns:1fr}.supplier-payable{align-items:stretch;flex-direction:column}}

/* Supplier account: identity, four summaries, actions and side-by-side history. */
#finance>.supplier-detail-page{padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
.supplier-topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.supplier-topbar>span{flex:1;font-size:12px;color:#766d67;text-align:right}
.supplier-profile-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:stretch}
.supplier-profile{display:flex;gap:20px;align-items:flex-start;padding:28px;border:1px solid #e6d5bd;border-radius:16px;background:linear-gradient(115deg,#f6e6cb,#fff7e9);box-shadow:0 5px 15px #5736170a;min-width:0}
.supplier-profile>div:last-child{min-width:0}.supplier-profile .eyebrow{font-size:10px;letter-spacing:1.8px;margin:0 0 9px;color:#96553c}
.supplier-avatar{display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:50%;background:#fff9ee;border:3px solid #fff;color:#986347;font-size:23px;font-weight:850}
.supplier-profile h2{font-size:clamp(20px,2vw,29px);line-height:1.2;margin:0 0 17px;overflow-wrap:anywhere;color:#47372c}
.supplier-contact{display:grid;gap:8px;font-size:12px;color:#837364}.supplier-contact span{display:flex;gap:10px;flex-wrap:wrap}.supplier-contact b{color:#51483f;font-weight:600;overflow-wrap:anywhere}
.supplier-account-note{border:1px solid #e2e6dc;border-radius:16px;background:#fffff3;padding:23px;min-width:0}
.supplier-detail-page .supplier-account-note h3{margin:12px 0 8px;font-size:17px}.supplier-account-note p{font-size:13px;line-height:1.65;margin:0 0 12px;color:#656b60}.supplier-account-note small{font-size:11px;line-height:1.7;color:#7b8274}
.supplier-status-pill{display:inline-block;border-radius:6px;padding:5px 8px;background:#e9f5ed;color:#237448;font-size:10px;font-weight:750;line-height:1.4}.supplier-status-pill.is-warning{background:#fff0d3;color:#865716}
.supplier-account-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}
.supplier-metric{display:flex;gap:13px;align-items:center;padding:21px 16px;border-radius:12px;color:#fff;box-shadow:0 5px 12px #293b4310;min-width:0}
.supplier-metric.is-balance{background:#c95545}.supplier-metric.is-payment{background:#257f9f}.supplier-metric.is-period{background:#476b8f}.supplier-metric.is-purchase{background:#278363}
.supplier-metric>div{min-width:0}.supplier-metric>div>span{font-size:12px;font-weight:650}.supplier-metric strong{display:block;font-size:clamp(20px,1.9vw,29px);letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:7px 0 5px;overflow-wrap:anywhere}.supplier-metric small{display:block;font-size:10px;line-height:1.5;color:#fff;opacity:.9}
.supplier-metric-icon{font-size:29px;font-weight:750;flex:0 0 26px;opacity:.8}
.supplier-actionbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.supplier-actionbar .supplier-action{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;border-radius:7px;font-size:12px;box-shadow:0 3px 8px #26344310;border:1px solid transparent}
.supplier-action.is-dark{background:#364352;color:#fff}.supplier-action.is-green{background:#278363;color:#fff}.supplier-action.is-blue{background:#257f9f;color:#fff}.supplier-action.is-white{background:#fff;color:#364352;border-color:#dddfe2}
.supplier-history-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start;margin:0 0 20px}
.supplier-history-card{border:1px solid #e1e3e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 15px #28384508;min-width:0;scroll-margin-top:18px;margin-bottom:20px}.supplier-history-grid>.supplier-history-card{margin:0}
.supplier-history-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;background:#364352;color:#fff}.supplier-detail-page .supplier-history-card>header h3{margin:0;font-size:14px;line-height:1.5}.supplier-history-card>header>span{font-size:10px;white-space:nowrap;border-radius:5px;background:#ffffff15;padding:5px 8px}
.supplier-history-body{padding:18px;min-width:0}.supplier-history-body>.supplier-note:first-child{margin:0 0 14px}.supplier-history-body .table-wrap{max-width:100%;overflow:auto}.supplier-history-body table{font-size:11px;width:100%}.supplier-history-body th{font-size:9px}.supplier-history-body td{padding:12px 8px;overflow-wrap:anywhere}.supplier-money{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap!important}.supplier-history-body td small{font-size:10px;line-height:1.5}
.supplier-empty{padding:20px;background:#fff9e8;border:1px solid #f2e8c9;border-radius:8px;color:#8a713d;font-size:13px;line-height:1.65}.supplier-empty p{margin:8px 0 0;font-size:12px}.supplier-empty b{font-weight:650}
.supplier-invoice-columns,.supplier-history-card .supplier-invoice>summary{display:grid;grid-template-columns:70px minmax(90px,1fr) 66px minmax(78px,.6fr);gap:10px;align-items:center}
.supplier-invoice-columns{font-size:9px;color:#7c8490;font-weight:750;text-transform:uppercase;padding:0 0 10px;border-bottom:1px solid #e6e8eb}.supplier-invoice-columns>span:last-child{text-align:right}
.supplier-history-card .supplier-invoice{border:0;border-bottom:1px solid #e6e8eb;border-radius:0;margin:0;padding:0;background:#fff}
.supplier-history-card .supplier-invoice>summary{padding:14px 0;font-size:11px;list-style:none;position:relative}.supplier-invoice>summary::-webkit-details-marker{display:none}.supplier-invoice>summary small{display:block;font-size:9px;font-weight:400;color:#7b818a;line-height:1.5}.supplier-invoice>summary b{overflow-wrap:anywhere;color:#2f4354}.supplier-invoice-date{font-size:10px;color:#68717b}.supplier-invoice-date:before{content:'+';display:inline-block;color:#278363;font-size:14px;font-weight:800;margin-right:5px}.supplier-invoice[open] .supplier-invoice-date:before{content:'−'}.supplier-invoice[open]>summary{background:#f6f9fb}.supplier-history-card .supplier-invoice>p{font-size:12px;line-height:1.65;padding:0 8px}.supplier-history-card .supplier-invoice>.table-wrap{padding:0 8px 12px}.supplier-history-card .supplier-invoice .supplier-status-pill{font-size:9px;padding:4px 5px}
.supplier-statement-totals{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;padding:13px 16px;background:#f2f5f8;border-radius:8px;font-size:12px;color:#5b6775}.supplier-statement-totals b{color:#2c3a4a;margin-left:8px}
.supplier-other-ledger{padding:17px 20px;border:1px solid #e1e3e5;border-radius:10px;background:#fff;font-size:12px}.supplier-other-ledger summary{cursor:pointer;font-weight:650;color:#4a5868}.supplier-other-ledger .table-wrap{overflow:auto}.supplier-other-ledger>details>p{line-height:1.6}
.supplier-detail-page [data-supplier-detail-status]:empty{display:none}.supplier-detail-page :is(button,summary):focus-visible{outline:3px solid #d71920;outline-offset:3px}
@media(max-width:1200px){.supplier-profile-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.supplier-profile{padding:21px;gap:14px}.supplier-avatar{flex-basis:46px;height:46px;font-size:19px}.supplier-account-kpis{gap:10px}.supplier-metric{padding:17px 13px;gap:8px}.supplier-metric-icon{display:none}.supplier-history-grid{grid-template-columns:1fr}.supplier-history-body{padding:18px}}
@media(max-width:720px){.supplier-profile-grid{grid-template-columns:1fr;gap:12px}.supplier-profile{padding:20px 16px}.supplier-account-note{padding:16px}.supplier-account-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.supplier-metric strong{font-size:21px}.supplier-metric>div>span{font-size:11px}.supplier-topbar>span{order:3;flex-basis:100%;text-align:left;line-height:1.5}.supplier-topbar>button:last-child{margin-left:auto}.supplier-actionbar{gap:8px}.supplier-actionbar .supplier-action{flex:1 1 40%;justify-content:center;font-size:11px;padding:11px}.supplier-history-card>header{padding:14px}.supplier-history-card>header h3{font-size:13px!important}.supplier-history-body{padding:12px}.supplier-invoice-columns,.supplier-history-card .supplier-invoice>summary{grid-template-columns:62px minmax(90px,1fr) 62px 79px;gap:6px}.supplier-history-body>[data-supplier-invoice-slot],.supplier-history-body:has(.supplier-invoice-columns){overflow-x:auto}.supplier-invoice-columns,[data-supplier-invoices]{min-width:310px}.supplier-statement-totals{display:grid}.supplier-profile h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.supplier-detail-page *{scroll-behavior:auto!important}}