.supplier-shell{grid-template-columns:250px minmax(600px,1fr) 280px;grid-template-areas:"filters title selected""filters content selected";align-items:start;max-width:1680px}.supplier-shell>.supplier-title{grid-area:title;gap:18px}.supplier-content{grid-area:content;min-width:0}.supplier-selected{grid-area:selected}.supplier-filters{grid-area:filters}.supplier-filters>summary{min-height:var(--jtb-control-height);cursor:pointer;align-items:center;gap:8px;font-weight:800;list-style:none;display:flex}.supplier-filters>summary::-webkit-details-marker{display:none}.supplier-filters summary small{font-size:var(--jtb-text-caption);color:var(--muted)}.supplier-filters .filter-chevron{width:16px;margin-inline-start:auto;transition:transform .15s}.supplier-filters[open] .filter-chevron{transform:rotate(180deg)}.supplier-filters[open]>form{margin-top:15px}.supplier-filters input,.supplier-filters select{width:100%;min-width:0;min-height:var(--jtb-control-height)}.supplier-filters input[type=checkbox]{flex-shrink:0;width:20px;height:20px;min-height:20px}.supplier-clear-filters{color:var(--navy);text-align:center;min-height:var(--jtb-control-height);padding:8px}.supplier-empty{border:1px solid var(--border);text-align:center;background:#fff;border-radius:10px;padding:24px}.supplier-filter-error{color:#693d00;background:#fff3e5;border:1px solid #c58b32;border-radius:8px;padding:14px;line-height:1.9}.supplier-tier-selection{border:1px solid var(--border);border-radius:7px;min-width:0;margin:0;padding:10px}.supplier-tier-selection legend{padding-inline:4px;font-weight:800}.supplier-tier-selection small{color:var(--muted);line-height:1.8;display:block}.supplier-tier-selection label{cursor:pointer;min-height:44px}.supplier-empty h2{font-size:var(--jtb-text-lead)}.supplier-empty p{color:var(--muted)}.supplier-empty>a{color:var(--navy);min-height:var(--jtb-control-height);padding:8px 12px;display:inline-block}.supplier-stats{grid-template-columns:repeat(6,1fr)}.supplier-stats article{padding:12px}.supplier-list>.supplier-row{grid-template-columns:55px 1.25fr 1fr 65px 95px 90px}.supplier-list>.supplier-row>div{gap:4px;min-width:0;display:grid}.supplier-list small{display:block}.supplier-row.is-selected{border-color:#315b86;box-shadow:inset -3px 0 #315b86}.supplier-directory-table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid var(--border);width:100%;font-size:var(--jtb-text-caption);background:#fff;border-radius:8px}.supplier-directory-table caption{text-align:right;color:var(--muted);white-space:normal;overflow-wrap:anywhere;padding:8px 4px}.supplier-directory-table th,.supplier-directory-table td{text-align:right;border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere;padding:10px 8px}.supplier-directory-table thead th{background:#edf3fa;font-weight:800}.supplier-directory-table thead th:first-child{width:28%}.supplier-directory-table tbody tr:last-child>*{border-bottom:0}.supplier-directory-table .is-selected>*{background:#f0f6ff}.supplier-directory-table .is-selected>th{box-shadow:inset -3px 0 #315b86}.supplier-company-identity{align-items:center;gap:8px;min-width:0;display:flex}.supplier-company-identity .supplier-logo{flex-shrink:0;width:40px;height:40px}.supplier-company-identity .supplier-name{min-width:0}.supplier-company-identity .supplier-name>b{font-size:var(--jtb-text-small);flex-wrap:wrap}.supplier-directory-table strong{color:#087052}.supplier-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.supplier-portfolio article{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:14px}.supplier-portfolio h2{font-size:var(--jtb-text-small);margin:0 0 8px}.supplier-portfolio p,.supplier-portfolio small{color:var(--muted);font-size:var(--jtb-text-caption);line-height:1.8}.supplier-distribution ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.supplier-distribution li{font-size:var(--jtb-text-caption);grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;display:grid}.supplier-distribution meter{accent-color:#087052;grid-column:1/-1;width:100%;height:10px}.supplier-distribution-figure{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;display:grid}.supplier-distribution-figure>svg{direction:ltr;width:100%;max-width:230px;height:auto;margin:auto;display:block}.supplier-distribution-total{fill:#102e54;font-size:28px;font-weight:800}.supplier-distribution-total-label{fill:#526a80;font-size:12px}.supplier-level-label{align-items:center;gap:6px;display:flex}.supplier-level-label i{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:block}@media (max-width:560px){.supplier-distribution-figure{grid-template-columns:minmax(0,1fr)}.supplier-distribution-figure>svg{max-width:190px}}.supplier-assessment-summary dl{margin:0 0 10px}.supplier-assessment-summary dl>div{border-bottom:1px solid var(--border);font-size:var(--jtb-text-caption);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.supplier-assessment-summary dd{flex-shrink:0;margin:0;font-weight:800}.supplier-pagination{font-size:var(--jtb-text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.supplier-pagination nav,.supplier-pagination form,.supplier-pagination label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.supplier-pagination a,.supplier-pagination button,.supplier-pagination select{border:1px solid var(--border);min-height:44px;color:var(--navy);font:inherit;background:#fff;border-radius:6px;padding:8px 12px}.supplier-pagination a:focus-visible,.supplier-pagination button:focus-visible,.supplier-pagination select:focus-visible{outline-offset:3px;outline:3px solid #a76b00}@media (max-width:940px){.supplier-portfolio{grid-template-columns:minmax(0,1fr)}}.supplier-list{grid-template-columns:minmax(0,1fr);min-width:0}@media (max-width:940px){.supplier-directory-table,.supplier-directory-table tbody{display:block}.supplier-directory-table{background:0 0;border:0}.supplier-directory-table caption{display:block}.supplier-directory-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.supplier-directory-table .supplier-table-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px;display:grid}.supplier-directory-table th,.supplier-directory-table td{min-width:0;padding:10px;display:block}.supplier-directory-table .supplier-company-cell{grid-column:1/-1}.supplier-directory-table td:before{content:attr(data-label);color:var(--muted);margin-bottom:5px;font-weight:400;display:block}.supplier-directory-table tbody tr:last-child>*{border-bottom:1px solid var(--border)}.supplier-directory-table .supplier-name a,.supplier-directory-table .supplier-profile-action{min-height:44px}}.supplier-name a{color:inherit;padding-block:8px;text-decoration:none;display:inline-block}.supplier-name a:focus-visible,.supplier-profile-action:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #a76b00}.supplier-profile-action{color:#0751a0;font-size:var(--jtb-text-caption);padding-block:8px;display:inline-block}@media (max-width:940px){.supplier-list>.supplier-row{grid-template-columns:55px minmax(0,1fr) 80px}.supplier-list>.supplier-row>div:last-child{grid-column:1/-1;display:grid}.supplier-profile-action{min-height:44px}}@media (max-width:560px){.supplier-list>.supplier-row{grid-template-columns:50px minmax(0,1fr)}.supplier-name b{flex-wrap:wrap}.supplier-name a{overflow-wrap:anywhere;min-height:44px}}.supplier-selected{text-align:center;background:#fff;border:1px solid #dce5ed;border-radius:10px;height:max-content;padding:15px;position:sticky;top:15px}.supplier-selected>a:first-child{text-align:right;color:#315b86;font-size:var(--jtb-text-caption);display:block}.selected-logo{background:#edf3fa;border-radius:9px;place-items:center;width:75px;height:75px;margin:18px auto 8px;font-size:23px;font-weight:900;display:grid}.supplier-selected h2{margin:6px 0}.supplier-selected>p{color:#526a80;font-size:var(--jtb-text-caption)}.supplier-selected .verified{font-size:var(--jtb-text-caption);justify-content:center}.selected-score{background:#edf8f3;border-radius:8px;margin:14px 0;padding:13px;display:grid}.selected-score strong{color:#087052;font-size:27px}.selected-score small{color:#526a80}.selected-score b{margin-top:5px}.supplier-selected dl div{font-size:var(--jtb-text-caption);border-bottom:1px solid #e4eaf0;justify-content:space-between;padding:8px 0;display:flex}.supplier-selected dd{margin:0;font-weight:900}.supplier-selected h3{text-align:right;font-size:var(--jtb-text-small)}.selected-tags{flex-wrap:wrap;gap:5px;display:flex}.selected-tags span{font-size:var(--jtb-text-caption);background:#edf3fa;border-radius:5px;padding:5px 7px}.supplier-selected .selected-primary,.supplier-selected .selected-contact{border-radius:6px;margin-top:10px;padding:10px;text-decoration:none;display:block}.selected-primary{color:#fff;background:#062e68}.selected-contact{color:#0751a0;border:1px solid #9fb7d1}@media (max-width:1200px){.supplier-shell{grid-template-columns:250px 1fr}.supplier-selected{grid-column:1/-1;position:static}.supplier-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.supplier-shell{grid-template-columns:1fr}}@media (max-width:560px){.supplier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-stats article{min-width:0}}@media (max-width:1200px) and (min-width:901px){.supplier-shell{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"filters title""filters content""selected selected"}}@media (max-width:900px){.supplier-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""filters""content""selected"}.supplier-filters{padding:8px 14px}.supplier-brand small{display:none}.supplier-title h1{font-size:26px}.supplier-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-stats article{gap:3px 7px;padding:10px}.supplier-stats svg{width:30px;height:30px;padding:5px}.supplier-stats span{font-size:var(--jtb-text-caption)}}@media (max-width:560px){.supplier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-title>div>span{display:none}.supplier-title p{margin:0 0 12px}.supplier-title h1{margin:0 0 8px;font-size:24px}}