#supplierReconciliationRoot,.sr-dialog,.sr-public{--sr-gold:#b5965c;--sr-ink:#302b25;--sr-muted:#7b7368;--sr-line:#e8dfd2;--sr-bg:#faf8f4;--sr-green:#22694f;--sr-red:#a14238;color:var(--sr-ink);font-family:inherit;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
#supplierReconciliationRoot *,.sr-dialog *,.sr-public *{box-sizing:border-box;min-width:0}
#supplierReconciliationRoot{container-type:inline-size}
.sr-header,.sr-card-head,.sr-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.sr-header h2,.sr-public h1{margin:0;font-size:26px;letter-spacing:-.02em;line-height:1.4}
.sr-header p,.sr-description{color:var(--sr-muted);margin:6px 0 0;line-height:1.7;font-size:13px}
.sr-eyebrow{font-size:12px;color:#8b754d;letter-spacing:.08em;margin:0 0 7px}
.sr-card,.sr-statement,.sr-notice,.sr-dialog{border:1px solid var(--sr-line);background:#fffefa;border-radius:14px}
.sr-card{padding:22px;margin-top:18px;max-width:100%}
.sr-card h3,.sr-dialog h3{font-size:17px;margin:0 0 5px;line-height:1.5}
.sr-card h4{margin:18px 0 10px;font-size:14px}
.sr-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.sr-field{display:flex;flex-direction:column;gap:7px;margin:0!important;align-items:stretch!important;font-size:13px;color:#685f52;max-width:100%}
.sr-field input,.sr-field select,.sr-field textarea,.sr-search{width:100%;max-width:100%;border:1px solid #ded5c8;border-radius:8px;padding:11px 12px;background:#fff;color:var(--sr-ink);font:inherit;line-height:1.4;min-height:43px}
.sr-field textarea{resize:vertical;min-height:94px}
.sr-field small{color:var(--sr-muted);line-height:1.5}
.sr-field input:focus,.sr-field select:focus,.sr-field textarea:focus{outline:2px solid #d6c39c;outline-offset:2px}
.sr-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:100%}
.sr-btn{border:1px solid #ded4c3;background:#fffefa;color:#5c503d;padding:10px 15px;border-radius:8px;min-height:42px;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;max-width:100%;white-space:normal;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.sr-btn:hover{background:#f5eedf}.sr-btn:focus-visible{outline:2px solid #a58143;outline-offset:3px}.sr-btn:disabled{opacity:.5;cursor:wait}
.sr-btn-primary{color:#fff;background:var(--sr-gold);border-color:var(--sr-gold)}.sr-btn-primary:hover{background:#a88b53}
.sr-btn-danger{color:var(--sr-red);border-color:#e5c8c3}.sr-btn-quiet{padding:6px 9px;min-height:34px;background:transparent}
.sr-inline-note{font-size:12px;line-height:1.6;color:var(--sr-muted);margin:10px 0 0}.sr-rule{height:1px;border:0;background:var(--sr-line);margin:20px 0}
.sr-list{display:grid;gap:10px;margin-top:14px}
.sr-statement{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.85fr) auto;align-items:center;gap:15px;padding:16px}
.sr-statement.is-selected{border-color:#b99a61;box-shadow:0 0 0 1px #b99a612b;background:#fffaf0}
.sr-statement strong,.sr-statement small{display:block}.sr-statement small{color:var(--sr-muted);margin-top:5px;font-size:12px;line-height:1.5}.sr-statement .sr-value{font-size:18px;font-variant-numeric:tabular-nums}
.sr-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:4px 8px;border-radius:5px;line-height:1.4;background:#f1ebdf;color:#766342;max-width:100%}
.sr-badge-green{color:#216448;background:#edf5ef}.sr-badge-red{color:#9d4338;background:#f9eeeb}.sr-badge-blue{color:#4b647d;background:#edf2f7}
.sr-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}
.sr-metric{border:1px solid var(--sr-line);border-radius:10px;background:#fffdf8;padding:15px 13px}.sr-metric span{display:block;font-size:12px;color:var(--sr-muted);line-height:1.5}.sr-metric strong{display:block;font-size:20px;margin:8px 0 0;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.sr-metric-green strong{color:var(--sr-green)}.sr-metric-warn strong{color:#9b6943}
.sr-metric-button{appearance:none;width:100%;max-width:100%;margin:0;text-align:left;font:inherit;color:var(--sr-ink);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.sr-metric-button small{display:block;color:var(--sr-muted);font-size:11px;line-height:1.5;margin-top:9px}.sr-metric-button:hover{background:#f7f0e2;border-color:var(--sr-gold)}.sr-metric-button.is-active{background:#f5eddb;border-color:#a88a51;box-shadow:inset 0 0 0 1px #a88a51}.sr-metric-button.is-active small{color:#70572d;font-weight:600}.sr-metric-button:focus-visible{outline:2px solid #a58143;outline-offset:3px}.sr-metric-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin:0 0 15px;border:1px solid #e6d9bd;border-radius:8px;background:#fbf6ea;font-size:12px;color:#70572d;line-height:1.6}.sr-metric-selection .sr-btn{flex-shrink:0}
.sr-notice{padding:13px 15px;background:#f7f1e6;font-size:13px;color:#78603d;line-height:1.75;margin:14px 0}.sr-notice-warning{background:#fff5eb;border-color:#ead4b7;color:#8a5d2e}.sr-notice-success{background:#f0f7f1;border-color:#d5e5d7;color:#35614b}
.sr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 16px;border-bottom:1px solid var(--sr-line);padding-bottom:10px}.sr-tab{background:transparent;border-color:transparent}.sr-tab.is-active{color:#70572d;background:#f3ecdf;border-color:#e9ddc6}
.sr-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.5fr);gap:12px;max-width:700px;margin-bottom:15px}
.sr-lines{border:1px solid var(--sr-line);border-radius:10px;overflow:hidden;max-width:100%}.sr-line-head,.sr-line{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr) minmax(0,.7fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,.8fr);gap:10px;align-items:start;padding:13px 14px}
.sr-line-head{background:#f4eee2;font-size:12px;color:#7b6747;font-weight:600}.sr-line{font-size:13px;border-top:1px solid var(--sr-line);line-height:1.6;background:#fffefa}.sr-line:nth-child(odd){background:#fcfaf6}.sr-line strong{font-size:13px}.sr-line small{display:block;color:var(--sr-muted);font-size:11px;line-height:1.6}.sr-line .sr-line-label{display:none}.sr-number{font-variant-numeric:tabular-nums}.sr-text-right{text-align:right}.sr-line-notes{grid-column:1/-1;font-size:12px;color:var(--sr-muted);padding-top:3px;line-height:1.6}.sr-line-actions{display:flex;gap:6px;flex-wrap:wrap}
.sr-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px;font-size:12px;color:var(--sr-muted)}
.sr-empty{padding:32px 16px;text-align:center;color:var(--sr-muted);line-height:1.8;font-size:13px;border:1px dashed var(--sr-line);border-radius:10px;margin-top:14px}.sr-empty strong{display:block;color:#76654b;font-size:15px;font-weight:500}
.sr-records{display:grid;gap:12px}.sr-record{padding:16px;background:#fcfaf6;border:1px solid var(--sr-line);border-radius:10px;line-height:1.7;font-size:13px}.sr-record p{margin:5px 0;color:#665d52}.sr-record small{color:var(--sr-muted);font-size:12px}.sr-record .sr-actions{margin-top:10px}
.sr-share{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:start;padding:20px;background:#f8f4ea;border:1px solid #dfd1b7;border-radius:12px;margin-top:18px}.sr-qr{padding:8px;background:#fff;max-width:170px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px}.sr-qr img{display:block;width:100%;height:auto;max-width:100%}.sr-qr span{font-size:12px;text-align:center;color:#887a64}.sr-share h4{margin:0 0 8px}.sr-share code{display:inline-block;letter-spacing:.2em;font-size:23px;font-weight:700;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e3d4b6}.sr-share-url{display:block;font-size:12px;line-height:1.6;word-break:break-all;color:#6d624f;margin:8px 0}.sr-share .sr-actions{margin-top:12px}
.sr-dialog{width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:24px;color:var(--sr-ink);box-shadow:0 24px 80px #241c1733;margin:auto}.sr-dialog::backdrop{background:#28221e66;backdrop-filter:blur(2px)}.sr-dialog .sr-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.sr-span-all{grid-column:1/-1}.sr-dialog .sr-actions{justify-content:flex-end;margin-top:22px}.sr-error{color:var(--sr-red);background:#fcf0ed;border:1px solid #ebd1cb;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.7;margin:12px 0;max-width:100%}
.sr-busy{color:var(--sr-muted);padding:24px;font-size:13px}.sr-hidden{display:none!important}.sr-preview-hint{font-size:12px;line-height:1.7}.sr-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin:0}.sr-checkbox input{width:17px;height:17px;flex:0 0 17px;margin-top:3px}
@container (max-width:1000px){.sr-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-line-head,.sr-line{gap:7px;padding:11px 10px}.sr-metric strong{font-size:19px}.sr-statement{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.sr-statement .sr-statement-scope{display:none}}
@container (max-width:700px){.sr-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-form>.sr-actions{grid-column:1/-1}.sr-header h2{font-size:22px}.sr-card{padding:16px}.sr-statement{grid-template-columns:minmax(0,1fr) auto}.sr-statement .sr-statement-amount{grid-row:2;grid-column:1}.sr-statement>.sr-actions{grid-column:2;grid-row:1/3}.sr-line-head{display:none}.sr-lines{border:0;border-radius:0;display:grid;gap:12px}.sr-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--sr-line);border-radius:10px;padding:14px;gap:12px}.sr-line:nth-child(odd){background:#fffefa}.sr-line .sr-line-label{display:block;font-size:11px;color:var(--sr-muted);margin-bottom:3px}.sr-line .sr-item-cell{grid-column:1/-1;grid-row:1}.sr-line .sr-text-right{text-align:left}.sr-line-notes{padding-top:8px;border-top:1px solid var(--sr-line)}.sr-line-actions{grid-column:1/-1}.sr-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}.sr-summary{gap:8px}.sr-metric{padding:11px 9px}.sr-metric strong{font-size:17px}.sr-share{grid-template-columns:120px minmax(0,1fr);gap:14px;padding:15px}}
@container (max-width:420px){.sr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-form,.sr-toolbar{grid-template-columns:minmax(0,1fr)}.sr-share{grid-template-columns:minmax(0,1fr)}.sr-qr{width:150px;justify-self:center}.sr-statement{gap:10px}.sr-card{padding:14px}.sr-btn{padding:9px 11px}}
@media(max-width:550px){.sr-dialog{padding:19px}.sr-dialog .sr-form{grid-template-columns:minmax(0,1fr)}.sr-dialog .sr-actions .sr-btn{flex:1}.sr-share code{font-size:21px}}