#supplierData{color:var(--glass-ink,#203f54)}.supplier-calendar{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px;font-size:12px;color:#34546c}.supplier-date-group{display:flex;align-items:center;gap:8px}.supplier-date-group label{display:flex;align-items:center;gap:10px;font-weight:600}.supplier-date-group input{font:inherit;color:#203f54;border:1px solid #5f86a659;border-radius:10px;background:#e6f3fc70;min-height:38px;padding:7px 10px}.supplier-day-state{margin-left:auto;padding:8px 12px;border-radius:9px;background:#dcebf67d;font-size:12px}.supplier-totals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:22px}.supplier-card,.supplier-sheet,.supplier-history{border:1px solid #7296b14a;border-radius:16px;background:var(--glass-surface,linear-gradient(125deg,#eff8ff70,#d5e5f273));box-shadow:var(--glass-shadow,inset 0 1px #fff9,0 6px 20px #355a7115);position:relative}.supplier-card{padding:22px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 4px #effaff2b,var(--glass-shadow)}.supplier-card>span{font-size:12px;color:#34546c}.supplier-card>strong{font-size:36px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums;color:#285d7c}.supplier-card>small{font-size:11px;color:#46657a}.supplier-good{color:#176a55!important}.supplier-bad{color:#a13752!important}.supplier-sheet{overflow:hidden}.supplier-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;border-bottom:1px solid #6987a036}.supplier-sheet-head h2{font-size:18px;margin:0 0 5px}.supplier-sheet-head p{font-size:12px;margin:0;color:#34546c}.supplier-sheet-head>div:last-child{display:flex;gap:8px;flex-shrink:0}.supplier-table-scroll{overflow:auto}.supplier-table{width:100%;border-collapse:collapse;min-width:750px;text-align:left;font-size:13px}.supplier-table th{font-size:12px;font-weight:600;background:#cadeec73;color:#34546c;padding:14px 20px;border-bottom:1px solid #6d8ca038}.supplier-table td{padding:15px 20px;border-bottom:1px solid #6d8ca029;vertical-align:top}.supplier-table tr:last-child td{border-bottom:0}.supplier-table small,.supplier-history table small{display:block;font-size:11px;color:#4f6f85;margin-top:3px}.supplier-table .supplier-entry-column{background:#a3c5df36}.supplier-table input{width:120px;max-width:100%;border:1px solid #4b85ab70;background:#f0f8fc80;color:#203f54;border-radius:8px;padding:9px 11px;font-size:16px;font-variant-numeric:tabular-nums}.supplier-table input:focus{outline:2px solid #39799b;outline-offset:2px;background:#ecf6fccc}.supplier-actual{font-weight:650;font-size:18px;font-variant-numeric:tabular-nums}.supplier-match{display:inline-block;font-size:11px;padding:5px 8px;border-radius:7px;white-space:nowrap}.supplier-match.good{color:#176a55;background:#4f9c8523}.supplier-match.bad{color:#a13752;background:#bf6a8023}.supplier-match.pending{color:#6c5d39;background:#b9a66f24}.supplier-channels{font-size:12px;min-width:110px}.supplier-channels summary{cursor:pointer;color:#285d7c;padding:3px 0 6px}.supplier-channels>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border-bottom:1px solid #6989a024}.supplier-channels>a{display:block;margin-top:9px;color:#285d7c;font-size:11px}.supplier-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 24px;border-top:1px solid #6989a030}.supplier-note-grid label{font-size:12px;font-weight:600;display:grid;gap:8px}.supplier-note-grid textarea{width:100%;resize:vertical;font:inherit;font-weight:400;background:#e8f3fa70;border:1px solid #5e86a445;border-radius:8px;padding:10px;color:#203f54}.supplier-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-top:1px solid #6989a030;background:#e0eef530}.supplier-footer>div:last-child{display:flex;gap:10px;flex-shrink:0}.supplier-footer strong{font-size:12px;font-weight:600}.supplier-footer p{font-size:11px;color:#46657a;margin:6px 0 0}.supplier-footer button:disabled{opacity:.5;cursor:not-allowed}.supplier-message{margin:0;padding:0 24px 15px;font-size:12px;color:#345c7a}.supplier-message:empty{display:none}.supplier-history{padding:20px 24px;margin-top:20px}.supplier-history>summary{font-size:14px;font-weight:600;cursor:pointer}.supplier-history-entry{margin-top:14px;padding:12px 0;border-top:1px solid #6989a035;font-size:12px}.supplier-history-entry>summary{cursor:pointer;line-height:1.8}.supplier-history-entry>summary span{margin-left:12px;color:#46657a}.supplier-history-entry table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;margin-top:12px}.supplier-history-entry th,.supplier-history-entry td{padding:8px 12px;border-bottom:1px solid #6989a029}.supplier-history>p,.supplier-method{font-size:11px;color:#46657a;line-height:1.8}.supplier-method{padding:0 3px;margin-top:16px}.supplier-warning{margin-top:16px;border:1px solid #b6905260;padding:16px 20px;border-radius:12px;background:#c3aa6b1a;font-size:12px;color:#78551c}.supplier-warning summary{cursor:pointer}.supplier-warning a{display:inline-block;margin:6px 14px 0 0;color:#285d7c}.supplier-empty{text-align:center;padding:35px!important;color:#46657a}.supplier-loading{padding:30px 0;color:#34546c}
@media(min-width:1600px){.supplier-card>strong{font-size:42px}.supplier-table td{padding-top:17px;padding-bottom:17px}}
@media(max-width:950px){.supplier-sheet-head,.supplier-footer{align-items:flex-start;flex-direction:column}.supplier-totals{gap:10px}.supplier-card{padding:18px}.supplier-card>strong{font-size:30px}.supplier-date-group label{font-size:12px}.supplier-day-state{margin-left:0}}
@media(max-width:600px){.supplier-totals{grid-template-columns:1fr}.supplier-card{padding:16px 20px}.supplier-card>strong{font-size:30px}.supplier-note-grid{grid-template-columns:1fr}.supplier-calendar{gap:10px}.supplier-date-group{flex-wrap:wrap}.supplier-sheet-head,.supplier-footer,.supplier-note-grid,.supplier-history{padding:16px}.supplier-footer>div:last-child{flex-wrap:wrap}.supplier-date-group label{gap:5px}}
.supplier-channel-manager{border:1px solid #6a91ac60;background:#dcecf44d;border-radius:12px;padding:16px 20px;margin-bottom:22px}.supplier-channel-manager>summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;font-size:13px;align-items:center}.supplier-channel-manager>summary>span:first-child{font-weight:650;font-size:15px}.supplier-channel-manager>summary strong{margin-left:16px;color:#285d7c}.supplier-channel-manager b{display:inline-block;background:#8cb7d44d;border-radius:5px;padding:2px 7px;margin-left:6px}.supplier-channel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.supplier-channel-tags>span{display:flex;align-items:center;gap:14px;padding:7px 11px;border:1px solid #7296ad40;background:#e4f1f760;border-radius:8px;font-size:12px}.supplier-channel-tags button{font-size:11px;color:#2b6b91}.supplier-channel-manager form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:20px 0 10px}.supplier-channel-manager label{display:grid;gap:7px;font-size:12px}.supplier-channel-manager input:not([type=hidden]),.supplier-filter-label select{font:inherit;border:1px solid #5e86a469;border-radius:8px;background:#edf6fa80;color:#203f54;padding:9px 12px}.supplier-channel-manager input:not([type=hidden]){width:280px;max-width:100%}.supplier-channel-manager form>p{flex-basis:100%;color:#9b364e;font-size:12px;margin:0}.supplier-channel-manager>small{font-size:11px;color:#46657a}.supplier-step{font-size:10px;letter-spacing:1.4px;color:#3e6a85;display:block;margin-bottom:7px}.supplier-employee-sheet{margin-top:24px}.supplier-filter-label{font-size:11px;display:flex;align-items:center;gap:6px}.supplier-filter-label select{max-width:190px}.supplier-table th small{display:block;font-size:10px;font-weight:400;margin-top:4px}.supplier-quality{font-size:10px;margin-top:7px;color:#46657a;max-width:230px}.supplier-quality summary{cursor:pointer}.supplier-quality span{display:block;margin-top:5px;line-height:1.8}.supplier-matrix{width:max-content;min-width:100%}.supplier-matrix th,.supplier-matrix td{min-width:172px;padding:14px 16px}.supplier-matrix th{vertical-align:top;text-align:left}.supplier-matrix th.matrix-fixed{min-width:172px;position:sticky;left:0;z-index:2;background:#b7d1e2;border-right:1px solid #7296ad40}.supplier-matrix tbody th.matrix-fixed{background:#c2d9e7;font-size:12px;font-weight:600}.supplier-matrix .matrix-cell-values{display:flex;align-items:center;gap:8px;margin-bottom:7px}.supplier-matrix input{width:85px;font-size:14px;padding:7px 8px}.matrix-cell-values>span{white-space:nowrap;color:#4b6f86;font-size:12px}.matrix-cell-values b{font-size:17px;color:#244e68}.supplier-matrix [data-employee-total]>strong,.supplier-matrix tfoot strong{font-size:18px}.supplier-matrix tfoot{background:#a6c5da50}.supplier-matrix tfoot td{border-top:1px solid #7296ad50}.supplier-matrix-help{font-size:11px;line-height:1.8;padding:12px 24px;margin:0;color:#46657a;background:#daeaf336}.supplier-history-channel-list{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:11px}.supplier-channel-manager [hidden]{display:none!important}
@media(max-width:950px){.supplier-channel-manager>summary{align-items:flex-start;flex-direction:column}.supplier-sheet-head>div:last-child{flex-wrap:wrap}}@media(max-width:600px){.supplier-channel-manager form{align-items:stretch;flex-direction:column}.supplier-channel-manager input:not([type=hidden]){width:100%}.supplier-channel-manager>summary>span:last-child{font-size:11px}.supplier-channel-manager>summary strong{margin-left:7px}.supplier-matrix th.matrix-fixed{min-width:135px}.supplier-matrix th,.supplier-matrix td{min-width:154px}}


/* Channel reconciliation: compact, professional presentation only. */
body:has(#supplierData) .workspace{background:#f5f7fa}
body:has(#supplierData) .workspace main{padding:24px 28px 36px;max-width:1680px;margin-inline:auto;width:100%}
body:has(#supplierData) .workspace main>.page-head{margin-bottom:18px;align-items:center}
body:has(#supplierData) .workspace main>.page-head h1{font-size:25px;line-height:1.3;letter-spacing:-.5px;color:#172d49;margin:4px 0 6px;font-weight:650}
body:has(#supplierData) .workspace main>.page-head p{font-size:13px;line-height:1.6;color:#718096;margin:0}
#supplierData{color:#20334b;--glass-ink:#20334b;--glass-shadow:0 2px 8px #182d4510;--glass-surface:#fff;font-size:13px}
#supplierData :is(.supplier-card,.supplier-sheet,.supplier-history,.supplier-channel-manager){background:#fff;border:1px solid #e0e6ee;border-radius:10px;box-shadow:0 2px 7px #182d4505}
#supplierData :is(.supplier-card,.supplier-sheet,.supplier-history,.supplier-channel-manager)::after{content:none}
#supplierData .supplier-channel-manager{padding:0;margin-bottom:14px}
#supplierData .supplier-channel-manager>summary{padding:12px 16px;gap:12px;font-size:12px;color:#748196;min-height:48px;align-items:center}
#supplierData .supplier-channel-manager>summary>span:first-child{font-size:14px;font-weight:650;color:#24364d;gap:8px}
#supplierData .supplier-channel-manager>summary small{font-size:11px;color:#7a8798}
#supplierData .supplier-channel-manager>summary strong{font-size:12px;margin-left:14px;color:#2b5dab;font-weight:600}
#supplierData .supplier-channel-manager b{font-size:12px;padding:2px 7px;border-radius:5px;background:#edf2f9;color:#42658e}
#supplierData .channel-manager-body{padding:2px 16px 16px}
#supplierData .channel-card-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
#supplierData .channel-card{padding:14px;border-radius:8px;border-color:#e3e8ef;background:#fafbfd}
#supplierData .channel-card h3{font-size:15px}
#supplierData .channel-avatar{width:32px;height:32px;border-radius:8px;font-size:12px}
#supplierData .channel-state{font-size:11px}
#supplierData .channel-card-actions{margin-top:10px;padding-top:8px;gap:12px}
#supplierData .supplier-calendar{gap:12px;margin-bottom:14px;font-size:12px;color:#738095}
#supplierData .supplier-date-group{gap:6px}
#supplierData .supplier-date-group label{gap:8px;font-size:12px;font-weight:500;white-space:nowrap}
#supplierData .supplier-date-group input{min-height:36px;height:36px;padding:6px 10px;font-size:13px;border:1px solid #d6dee9;border-radius:7px;background:#fff;color:#263e5a}
#supplierData :is(.button,.primary){min-height:34px;padding:7px 12px;border-radius:7px;font-size:12px;line-height:1.4;box-shadow:none}
#supplierData .button{background:#fff;border-color:#d9e1ec;color:#3c5676}
#supplierData .button:hover{background:#f3f6fa;border-color:#b9c8da}
#supplierData .primary{background:#285fd0;border-color:#285fd0}
#supplierData .supplier-day-state{font-size:11px;padding:6px 10px;border-radius:6px;background:#edf2f8;border:1px solid #dce5ef;color:#526f94}
#supplierData .supplier-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:18px;border:1px solid #e0e6ee;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 2px 7px #182d4505}
#supplierData .supplier-card{min-height:94px;padding:15px 20px;gap:6px 12px;border:0;border-right:1px solid #e7ebf1;border-radius:0;box-shadow:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center}
#supplierData .supplier-card:last-child{border-right:0}
#supplierData .supplier-card>span{grid-column:1/-1;font-size:12px;font-weight:500;color:#68788e;line-height:1.5}
#supplierData .supplier-card>strong{grid-row:2;font-size:29px;line-height:1.1;font-weight:650;letter-spacing:-.6px;color:#244d82;font-variant-numeric:tabular-nums}
#supplierData .supplier-card>small{grid-row:2;font-size:11px;line-height:1.5;color:#8691a1;align-self:center}
#supplierData .supplier-card:nth-child(2)>strong{color:#19836e}
#supplierData .supplier-sheet{margin-bottom:18px}
#supplierData .supplier-sheet-head{padding:15px 18px;gap:14px;border-bottom:1px solid #e3e8ef;background:#fff;flex-direction:row;align-items:center}
#supplierData .supplier-sheet-head h2{font-size:16px;font-weight:650;line-height:1.4;color:#263b55;margin:0 0 4px;letter-spacing:-.15px}
#supplierData .supplier-sheet-head p{font-size:12px;color:#7c8a9d;line-height:1.55;margin:0}
#supplierData .supplier-step{font-size:9px;letter-spacing:1.4px;color:#8a98aa;margin-bottom:4px;font-weight:600}
#supplierData .supplier-table{font-size:13px;color:#30455f}
#supplierData .supplier-table:not(.supplier-matrix){table-layout:fixed}
#supplierData .supplier-table:not(.supplier-matrix) th:nth-child(-n+2){width:18%}
#supplierData .supplier-table th{padding:11px 16px;background:#f6f8fb;color:#65768c;border-bottom:1px solid #dfe6ef;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}
#supplierData .supplier-table td{font-size:13px;padding:10px 16px;border-bottom:1px solid #edf0f5;vertical-align:middle;line-height:1.5;font-variant-numeric:tabular-nums}
#supplierData .supplier-table tbody tr:hover>td{background:#f8fafd}
#supplierData .supplier-table .supplier-entry-column{background:#f4f7fc}
#supplierData .supplier-table small{font-size:10px;color:#8b97a7;margin-top:3px;line-height:1.45}
#supplierData .supplier-table input{width:100px;min-height:34px;height:34px;font-size:14px;padding:6px 10px;background:#fff;border:1px solid #ccd8e8;border-radius:6px;color:#284a77;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 2px #233d5904}
#supplierData .supplier-table input:focus{outline:2px solid #98b8ed;outline-offset:1px;border-color:#6e99dd;background:#fff}
#supplierData .supplier-actual{font-size:15px;font-weight:600;color:#304e72}
#supplierData .supplier-match{font-size:10px;line-height:1.5;padding:3px 7px;border-radius:5px;font-weight:500}
#supplierData .supplier-match.pending{background:#fbf4e6;color:#9a7b3d}
#supplierData .supplier-match.good{background:#eaf5ef;color:#30765a}
#supplierData .supplier-match.bad{background:#fbeced;color:#b04a57}
#supplierData .supplier-quality{font-size:10px;line-height:1.5;margin-top:5px;color:#8b98aa}
#supplierData .supplier-quality summary{color:#7a8da8}
#supplierData .supplier-quality span{line-height:1.7}
#supplierData .supplier-matrix :is(th,td){min-width:148px;padding:10px 13px}
#supplierData .supplier-matrix .matrix-fixed{min-width:155px;background:#f3f6fa;border-right:1px solid #e0e6ee;color:#425872}
#supplierData .supplier-matrix tbody th.matrix-fixed{background:#f8fafd;font-size:12px}
#supplierData .supplier-matrix input{width:75px;font-size:13px;height:32px;min-height:32px;padding:5px 8px}
#supplierData .supplier-matrix .matrix-cell-values{gap:6px;margin-bottom:4px}
#supplierData .matrix-cell-values>span{font-size:11px;color:#8290a1}
#supplierData .matrix-cell-values b{font-size:14px;color:#355372}
#supplierData .supplier-matrix :is([data-employee-total]>strong,tfoot strong){font-size:15px}
#supplierData .supplier-matrix tfoot{background:#f5f8fc}
#supplierData .supplier-matrix-help{font-size:11px;line-height:1.6;padding:10px 18px;background:#fafbfd;color:#8591a2}
#supplierData .supplier-filter-label{font-size:11px;color:#7a899c}
#supplierData .supplier-filter-label select{font-size:12px;min-width:125px;max-width:170px;min-height:32px;padding:5px 9px;background:#fff;border-color:#d6dfeb;border-radius:6px}
#supplierData .supplier-note-grid{gap:14px;padding:14px 18px;border-color:#e7ecf2}
#supplierData .supplier-note-grid label{font-size:12px;color:#607389;gap:6px}
#supplierData .supplier-note-grid textarea{font-size:12px;padding:8px 10px;border-color:#d7e0eb;background:#fff;border-radius:6px}
#supplierData .supplier-footer{padding:14px 18px;background:#fafbfd;border-color:#e4eaf1;gap:14px;flex-direction:row;align-items:center}
#supplierData .supplier-footer strong{font-size:12px;color:#526b88}
#supplierData .supplier-footer p{font-size:11px;color:#8b97a7;margin-top:4px}
#supplierData .supplier-history{padding:14px 18px;margin-top:16px}
#supplierData .supplier-history>summary{font-size:13px;color:#526a85;font-weight:600}
#supplierData :is(.supplier-history-entry,.supplier-message,.supplier-method){font-size:12px;line-height:1.6}
@media(max-width:1000px){body:has(#supplierData) .workspace main{padding:20px}#supplierData .supplier-card{padding:14px;gap:6px 8px}#supplierData .supplier-sheet-head>div:last-child{flex-wrap:wrap}#supplierData .supplier-channel-manager>summary>span:last-child{font-size:11px;max-width:none}}
@media(max-width:700px){body:has(#supplierData) .workspace main{padding:16px 12px 24px}body:has(#supplierData) .workspace main>.page-head h1{font-size:22px}#supplierData .supplier-totals{grid-template-columns:1fr}#supplierData .supplier-card{grid-template-columns:1fr auto;min-height:72px;padding:12px 15px;border-right:0;border-bottom:1px solid #e7ebf1;gap:3px 12px}#supplierData .supplier-card:last-child{border-bottom:0}#supplierData .supplier-card>span{grid-column:1;grid-row:1}#supplierData .supplier-card>strong{grid-column:2;grid-row:1/3;font-size:26px}#supplierData .supplier-card>small{grid-column:1;grid-row:2}#supplierData .supplier-sheet-head,#supplierData .supplier-footer{flex-direction:column;align-items:stretch;padding:13px 14px}#supplierData .supplier-channel-manager>summary{flex-wrap:wrap;flex-direction:row;padding:11px 14px;gap:8px}#supplierData .supplier-channel-manager>summary>span:last-child{max-width:100%;text-align:left}#supplierData .supplier-calendar{gap:9px}#supplierData .supplier-date-group label{flex-wrap:nowrap}#supplierData .supplier-day-state{margin-left:0}#supplierData .supplier-table :is(th,td){padding-inline:12px}#supplierData .supplier-note-grid{grid-template-columns:1fr;padding:13px 14px}#supplierData .channel-card-grid{grid-template-columns:1fr}}