#customerFilePanel{--cf-blue:#36527a;--cf-gold:#f4b323;--cf-line:#dce5f1;--cf-muted:#60728b;--cf-ink:#1d324e;max-width:1440px;margin:14px auto;color:var(--cf-ink)}
#customerFilePanel .cfHeader{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px}#customerFilePanel .cfEyebrow{color:var(--cf-blue);font-size:11px;font-weight:700;letter-spacing:1.7px;margin:0 0 7px}#customerFilePanel h2{font-size:28px;margin:0 0 7px;letter-spacing:-.6px}#customerFilePanel .cfHeader p:last-child{color:var(--cf-muted);font-size:14px;margin:0;line-height:1.5}#customerFilePanel button{min-height:44px}#customerFilePanel .cfHeader>button{background:var(--cf-blue);color:white;border-color:var(--cf-blue);font-weight:600;padding:11px 18px}
#customerFilePanel .cfChooser{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;padding:18px;border-left:4px solid var(--cf-gold)}#customerFilePanel label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--cf-muted);font-weight:600;min-width:0}#customerFilePanel input,#customerFilePanel select{width:100%;min-width:0;min-height:44px;font-size:15px;color:var(--cf-ink);background:#fff;border:1px solid #ced9e7;border-radius:8px;padding:10px 12px}#customerFilePanel .cfChoose{padding:45px 22px;text-align:center;color:var(--cf-muted);border:1px dashed #c5d2e5;border-radius:12px;background:#fff}
#customerFilePanel .cfTabs{display:flex;gap:5px;overflow-x:auto;padding:6px;background:#eaf0f8;border:1px solid var(--cf-line);border-radius:12px;margin:16px 0;scrollbar-width:thin}#customerFilePanel .cfTabs button{flex:1;white-space:nowrap;border:0;background:transparent;color:#516680;padding:11px 16px;border-radius:8px;font-weight:650;font-size:13px}#customerFilePanel .cfTabs button[aria-pressed=true]{background:var(--cf-blue);color:#fff;box-shadow:0 3px 8px #25456d18}#customerFilePanel .cfPeriod{display:grid;grid-template-columns:150px 1fr 1fr 1fr;gap:12px;background:#fff;padding:14px 18px;border:1px solid var(--cf-line);border-radius:12px;margin-bottom:15px}
#customerFilePanel .cfProfile{background:#fff;border:1px solid var(--cf-line);border-radius:12px;padding:18px;margin-bottom:16px}#customerFilePanel .cfCustomerHeading{display:flex;justify-content:space-between;gap:14px;align-items:center}#customerFilePanel .cfCustomerHeading h3{font-size:21px;line-height:1.3;margin:0 0 5px}#customerFilePanel .cfCustomerHeading p{font-size:12px;color:var(--cf-muted);margin:0}#customerFilePanel .cfLive{display:inline-block;border-radius:20px;padding:7px 11px;background:#ebf5ef;color:#226548;font-size:11px;white-space:nowrap}#customerFilePanel .cfContact{margin-top:12px;border-top:1px solid var(--cf-line);padding-top:10px}#customerFilePanel summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--cf-blue);padding:9px 0}#customerFilePanel .cfContact dl,#customerFilePanel .cfMetadata{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;font-size:13px}#customerFilePanel dt{color:var(--cf-muted);font-size:11px;margin-bottom:3px}#customerFilePanel dd{margin:0;overflow-wrap:anywhere}#customerFilePanel .cfContact>small{font-size:11px;color:var(--cf-muted)}
#customerFilePanel .cfKpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0}#customerFilePanel .cfKpis article{background:#fff;border:1px solid var(--cf-line);border-radius:12px;position:relative;padding:20px 18px;min-width:0}#customerFilePanel .cfKpis article:first-child{border-top:4px solid var(--cf-gold);padding-top:17px}#customerFilePanel .cfKpis small{display:block;color:var(--cf-muted);font-size:12px;font-weight:600}#customerFilePanel .cfKpis strong{display:block;font-size:28px;margin:9px 0;letter-spacing:-.7px;overflow-wrap:anywhere}#customerFilePanel .cfKpis span{display:block;color:var(--cf-muted);font-size:11px;line-height:1.4}#customerFilePanel .cfKpis b{display:block;font-size:13px;margin-top:7px}#customerFilePanel .cfQuickLinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}#customerFilePanel .cfQuickLinks button{display:flex;justify-content:space-between;align-items:center;background:#edf2f9;border:1px solid var(--cf-line);color:var(--cf-blue);font-weight:650;padding:14px;border-radius:10px}
#customerFilePanel .cfSection,#customerFilePanel .cfFold{background:#fff;border:1px solid var(--cf-line);border-radius:12px;margin:16px 0;padding:18px;min-width:0}#customerFilePanel .cfFold>summary{font-size:16px;padding:2px 0;min-height:30px}#customerFilePanel .cfFold[open]>summary{margin-bottom:14px}#customerFilePanel .cfSectionHead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 13px}#customerFilePanel .cfSectionHead h3{font-size:17px;margin:0;color:var(--cf-ink)}#customerFilePanel .cfSectionHead p{font-size:12px;color:var(--cf-muted);margin:5px 0 0}#customerFilePanel .cfSectionHead button{font-size:12px;padding:9px 12px;flex-shrink:0}#customerFilePanel .cfTableWrap{max-height:510px;overflow:auto;border:1px solid var(--cf-line);border-radius:9px;margin:0}#customerFilePanel table{width:100%;border-collapse:separate;border-spacing:0;min-width:630px;font-size:13px}#customerFilePanel th{position:sticky;top:0;z-index:3;background:#edf2f9;font-size:11px;color:var(--cf-ink);padding:12px 10px;white-space:nowrap;border-bottom:1px solid var(--cf-line);text-align:right}#customerFilePanel td{padding:13px 10px;border-bottom:1px solid #e6ecf4;text-align:right;vertical-align:middle;background:#fff}#customerFilePanel tr:nth-child(even)>td{background:#f7f9fc}#customerFilePanel td:first-child,#customerFilePanel th:first-child{position:sticky;left:0;z-index:2;text-align:left;min-width:200px;max-width:310px;border-right:1px solid var(--cf-line);box-shadow:4px 0 6px #233f6010}#customerFilePanel th:first-child{z-index:4}#customerFilePanel td:first-child>small{display:block;color:var(--cf-muted);font-size:10px;margin-top:4px}
#customerFilePanel .cfProduct{display:flex;align-items:center;gap:11px;min-width:180px;max-width:350px;text-align:left}#customerFilePanel .cfProduct img,#customerFilePanel .cfProductPlaceholder{width:46px;height:46px;border:1px solid var(--cf-line);border-radius:8px;object-fit:contain;background:#fff;flex-shrink:0}#customerFilePanel .cfProductPlaceholder{display:flex;align-items:center;justify-content:center;color:#94a4bc;font-size:22px}#customerFilePanel .cfProduct>div{min-width:0}#customerFilePanel .cfProduct button{min-height:0;padding:0;text-align:left;color:var(--cf-blue);background:transparent;font-size:13px;line-height:1.4;white-space:normal;font-weight:600;border:0}#customerFilePanel .cfProduct strong{display:block;font-size:11px;margin-top:4px}#customerFilePanel .cfProduct small{display:block;font-size:10px;line-height:1.4;color:var(--cf-muted);overflow-wrap:anywhere;margin-top:2px}
#customerFilePanel .cfActions{list-style:none;padding:0;margin:0;display:grid;gap:12px}#customerFilePanel .cfActions>li{padding:15px;background:#f6f8fc;border:1px solid var(--cf-line);border-radius:10px}#customerFilePanel .cfActions p{font-size:13px;line-height:1.7;margin:9px 0}.cfPriority{font-size:10px;display:inline-block;font-weight:700;padding:4px 8px;border-radius:5px;background:#edf2f9;color:#36527a}.cfPriority1{background:#fff0ee;color:#9b2c31}.cfPriority2{background:#fff5de;color:#8a5a0f}#customerFilePanel .cfActions .cfProduct{margin-top:10px}
#customerFilePanel .cfRecords{display:grid;gap:13px}#customerFilePanel .cfRecord{border:1px solid var(--cf-line);background:white;border-radius:12px;padding:17px;min-width:0}#customerFilePanel .cfRecordHead{display:flex;align-items:center;gap:13px;flex-wrap:wrap}#customerFilePanel .cfRecordHead>div{flex:1;min-width:100px}#customerFilePanel .cfRecordHead strong{font-size:16px}#customerFilePanel .cfRecordHead small{display:block;font-size:11px;color:var(--cf-muted);margin-top:5px}#customerFilePanel .cfRecordHead>b{font-size:18px;white-space:nowrap}#customerFilePanel .cfStatus{padding:5px 9px;background:#edf2f9;color:#3b567b;font-size:11px;border-radius:6px;max-width:200px;overflow-wrap:anywhere}#customerFilePanel .cfRecordDetails{margin-top:12px;border-top:1px solid var(--cf-line);padding-top:4px}#customerFilePanel .cfRecord h4{font-size:14px;line-height:1.5}#customerFilePanel .cfItems{display:grid;gap:8px;margin:10px 0}#customerFilePanel .cfItems>article{padding:12px;background:#f6f8fc;border-radius:8px;display:flex;justify-content:space-between;gap:16px;align-items:center}#customerFilePanel .cfItems dl{display:flex;gap:16px;text-align:right;font-size:13px;margin:0;flex-shrink:0}#customerFilePanel .cfItems>article>div>small{display:block;font-size:11px;color:var(--cf-muted);margin-top:3px}#customerFilePanel .cfTracking{display:flex;gap:10px;flex-wrap:wrap}#customerFilePanel .cfTracking a{padding:11px;border:1px solid var(--cf-line);border-radius:7px;font-size:12px;color:var(--cf-blue);font-weight:600;text-decoration:none}#customerFilePanel .cfPagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}#customerFilePanel .cfPagination small{font-size:11px;color:var(--cf-muted)}#customerFilePanel .cfWarning{background:#fff6e4;color:#82520a;padding:12px;border-left:3px solid var(--cf-gold);border-radius:7px;font-size:12px;line-height:1.6}#customerFilePanel .cfMuted,#customerFilePanel .cfFootnote{color:var(--cf-muted);font-size:12px;line-height:1.6}#customerFilePanel .cfFootnote{font-size:11px;margin:18px 0}#customerFilePanel .cfEmpty{padding:25px 16px;text-align:center;border:1px dashed var(--cf-line);background:#fff;border-radius:10px;color:var(--cf-muted)}#customerFilePanel :focus-visible{outline:3px solid var(--cf-gold);outline-offset:3px}
@media(max-width:900px){#customerFilePanel{margin:8px auto}#customerFilePanel .cfHeader{gap:10px}#customerFilePanel h2{font-size:23px}#customerFilePanel .cfHeader p:last-child{font-size:12px}#customerFilePanel .cfHeader>button{font-size:11px;padding:9px 11px}#customerFilePanel .cfEyebrow{font-size:9px}#customerFilePanel .cfChooser{grid-template-columns:1fr;padding:14px;gap:12px}#customerFilePanel input,#customerFilePanel select{font-size:16px}#customerFilePanel .cfTabs{position:sticky;top:var(--shell-header,60px);z-index:5;margin:12px 0;background:#edf2f9;scroll-padding-left:6px}#customerFilePanel .cfTabs button{font-size:12px;padding:10px 14px;flex:0 0 auto}#customerFilePanel .cfPeriod{grid-template-columns:1fr 1fr;padding:13px;gap:10px}#customerFilePanel .cfKpis{grid-template-columns:1fr 1fr;gap:10px}#customerFilePanel .cfKpis article:first-child{grid-column:1/-1}#customerFilePanel .cfKpis article{padding:15px 12px}#customerFilePanel .cfKpis strong{font-size:23px}#customerFilePanel .cfKpis article:first-child strong{font-size:30px}#customerFilePanel .cfKpis small{font-size:11px}#customerFilePanel .cfQuickLinks{grid-template-columns:1fr 1fr;gap:9px}#customerFilePanel .cfQuickLinks button{font-size:13px;padding:13px}#customerFilePanel .cfProfile{padding:14px}#customerFilePanel .cfCustomerHeading{align-items:flex-start;flex-direction:column;gap:9px}#customerFilePanel .cfCustomerHeading h3{font-size:19px}#customerFilePanel .cfCustomerHeading p{font-size:11px}#customerFilePanel .cfLive{font-size:10px;padding:5px 9px}#customerFilePanel .cfContact dl,#customerFilePanel .cfMetadata{grid-template-columns:1fr}#customerFilePanel .cfSection,#customerFilePanel .cfFold{padding:14px;margin:12px 0}#customerFilePanel .cfSectionHead{gap:8px;align-items:flex-start}#customerFilePanel .cfSectionHead h3{font-size:15px;line-height:1.4}#customerFilePanel .cfSectionHead button{font-size:10px;padding:8px;min-height:38px}#customerFilePanel .cfTableWrap{max-height:440px}#customerFilePanel td:first-child,#customerFilePanel th:first-child{min-width:155px;max-width:200px}#customerFilePanel .cfProduct{min-width:135px;gap:8px}#customerFilePanel .cfProduct img,#customerFilePanel .cfProductPlaceholder{width:38px;height:38px}#customerFilePanel .cfProduct button{font-size:11px}#customerFilePanel .cfProduct strong{font-size:10px}#customerFilePanel .cfProduct small{font-size:9px}#customerFilePanel table{font-size:12px;min-width:580px}#customerFilePanel th{font-size:10px}#customerFilePanel td,#customerFilePanel th{padding:10px 8px}#customerFilePanel .cfRecord{padding:14px}#customerFilePanel .cfRecordHead{gap:9px}#customerFilePanel .cfRecordHead>b{font-size:17px;flex-basis:100%;margin-top:1px}#customerFilePanel .cfStatus{font-size:10px;max-width:150px}#customerFilePanel .cfItems>article{align-items:flex-start;flex-direction:column;gap:10px}#customerFilePanel .cfItems dl{width:100%;justify-content:space-between;text-align:left}#customerFilePanel .cfActions p{font-size:12px}#customerFilePanel .cfActions>li{padding:12px}}
@media(prefers-reduced-motion:reduce){#customerFilePanel *{scroll-behavior:auto!important}}
/* Keep this dossier's horizontal tabs and compact comparison tables intact on phones. */
#customerFilePanel .cfTabs{flex-direction:row;flex-wrap:nowrap;width:auto;min-width:0;max-width:100%;height:auto}
#customerFilePanel .cfTabs button{width:auto;max-width:none;margin:0}
#customerFilePanel .cfTableWrap table{display:table;width:100%;table-layout:auto}
#customerFilePanel .cfTableWrap thead{display:table-header-group}
#customerFilePanel .cfTableWrap tbody{display:table-row-group;width:auto}
#customerFilePanel .cfTableWrap tr{display:table-row;border:0;padding:0;margin:0;border-radius:0}
#customerFilePanel .cfTableWrap th,#customerFilePanel .cfTableWrap td{display:table-cell;width:auto;border-radius:0}
#customerFilePanel .cfTableWrap td::before{display:none!important}
#customerFilePanel .cfTableWrap td:first-child{grid-column:auto}
#customerFilePanel .cfTableWrap td:nth-child(n){display:table-cell}
#customerFilePanel .cfTableWrap tbody tr>td:first-child{border-right:1px solid var(--cf-line)}
@media(max-width:900px){#customerFilePanel .cfTabs{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}#customerFilePanel .cfTabs button{width:auto;flex:0 0 auto}#customerFilePanel .cfTableWrap th,#customerFilePanel .cfTableWrap td{padding:10px 8px}}
#customerFilePanel .cfBody,#customerFilePanel .cfContent{min-width:0;max-width:100%}
@media(max-width:900px){#customerFilePanel .cfTableWrap td:first-child,#customerFilePanel .cfTableWrap th:first-child{min-width:155px!important;max-width:200px!important}#customerFilePanel .cfTableWrap td{white-space:normal;overflow-wrap:normal;text-align:right}#customerFilePanel .cfTableWrap td:first-child{text-align:left}}
#customerFilePanel .cfSectionHead>div,#customerFilePanel .cfSectionHead h3,#customerFilePanel .cfActions>li,#customerFilePanel .cfFold{min-width:0;overflow-wrap:anywhere}
#customerFilePanel .cfActions .cfProduct{min-width:0;max-width:100%}
#customerFilePanel .cfProduct button,#customerFilePanel .cfProduct strong,#customerFilePanel .cfRecordHead strong{overflow-wrap:anywhere}
#customerFilePanel .cfRemainingActions{margin-top:12px;border-top:1px solid var(--cf-line);padding-top:6px}

#customerFilePanel .cfStatus.cfStatusShipped{background:#e2f3e8;color:#17613b;font-weight:650}

/* Shared status palette across records, tickets and receivables. */
#customerFilePanel .cfStatus-success{background:#e2f3e8;color:#17613b;font-weight:650}
#customerFilePanel .cfStatus-info{background:#e6eefb;color:#284e85;font-weight:650}
#customerFilePanel .cfStatus-warning{background:#fff0cf;color:#78520c;font-weight:650}
#customerFilePanel .cfStatus-danger{background:#fde7e7;color:#a3212e;font-weight:700}
#customerFilePanel .cfStatus-neutral{background:#edf2f9;color:#52647a}
#customerFilePanel .cfRecordHead .cfStatus{line-height:1.5}

/* Clearer section navigation with the WISDOM gold selection marker. */
#customerFilePanel .cfTabs{gap:8px;padding:8px;background:#e4ebf5;border:2px solid #bccbdd;box-shadow:0 3px 12px #263f6310}
#customerFilePanel .cfTabs button{min-height:50px;padding:12px 17px;background:#fff;color:#29486f;border:1px solid #b5c6dc;font-size:14px;font-weight:700;box-shadow:0 1px 2px #263f6308}
#customerFilePanel .cfTabs button:hover{background:#fff6df;color:#233f65;border-color:#d5a528}
#customerFilePanel .cfTabs button[aria-pressed=true],#customerFilePanel .cfTabs button[aria-pressed=true]:hover{background:#233f65;color:#fff;border-color:#233f65;box-shadow:inset 0 -4px 0 #f4b323,0 3px 9px #233f6530}
#customerFilePanel .cfTabs button:focus-visible{outline:3px solid #d89b09;outline-offset:3px}
@media(max-width:900px){#customerFilePanel .cfTabs{padding:7px;gap:7px}#customerFilePanel .cfTabs button{min-height:48px;font-size:13px;padding:11px 15px}}

/* Shared B2B assortment navigation */
.catalogCollections{margin-bottom:14px;flex-wrap:wrap}.catalogCollectionBadges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}.cfTopControls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cfTopControls button[aria-pressed="true"]{background:#35537a;color:#fff;border-color:#35537a;box-shadow:inset 0 -3px #f5b51b}.cfTopSearch{display:flex;gap:10px;align-items:end;margin-bottom:18px}.cfTopSearch label{flex:1}.cfTopSearch input{display:block;width:100%;margin-top:6px;font-size:16px}.cfTopSearch button{min-height:44px}@media(max-width:600px){.cfTopControls button{flex:1 1 45%;min-height:44px}.cfTopSearch{flex-wrap:wrap}.cfTopSearch label{min-width:100%}}

.finderBar .finderRange.catalogCollections{display:flex!important;flex-wrap:wrap;gap:7px}.catalogCollectionBadges .cfStatus{display:inline-block;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700}.catalogCollectionBadges .cfStatus-info{background:#e8effa;color:#29486f}.catalogCollectionBadges .cfStatus-success{background:#e6f4eb;color:#176140}