.topbar{grid-template-columns:310px 1fr 310px}
.topbar nav{justify-content:center}
.top-actions{gap:16px}
.role-switch{display:grid;grid-template-columns:1fr 1fr;width:188px;padding:4px;border:1px solid #cbd6f5;border-radius:999px;background:#eaf0ff}
.role-switch button{height:38px;border:0;border-radius:999px;background:transparent;color:#667085;font-size:15px;font-weight:650}
.role-switch button.active{background:var(--brand);color:#fff;box-shadow:0 4px 11px rgba(53,104,244,.28)}
.logout-button{width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#4b5568;font-size:20px;display:grid;place-items:center}
.logout-button:hover{border-color:#aab9d8;color:var(--brand)}
.need-switcher{margin-bottom:16px}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 410px;align-items:start}
.hero-product{grid-template-columns:minmax(300px,.62fr) minmax(620px,1.38fr);min-height:0;align-items:start}
.product-overview.no-image{padding:28px;display:flex;align-items:stretch;background:#fbfcff}
.product-overview.no-image .product-copy{padding:0;width:100%;display:flex;flex-direction:column}
.product-overview.no-image .product-copy h2{font-size:26px;margin-top:0}
.product-overview.no-image .price-row{margin:22px 0 14px}
.supply-highlights{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:22px}
.supply-highlight{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;background:#fff}
.supply-highlight span{color:var(--sub);white-space:nowrap}
.supply-highlight strong{text-align:right}
.inquiry-button{margin-top:0}
.metric-panel{padding:28px}
.metric-row{grid-template-columns:1.1fr 1fr 1fr 86px}
.metric-row>span:last-child{white-space:nowrap}
.metric-row.is-mismatch{background:#fff8f2;box-shadow:inset 4px 0 0 #f08a24}
.metric-row.is-mismatch>span{border-color:#f4d8bc}
.metric-row.is-mismatch span:first-child b{color:#bd5b09;font-weight:800}
.metric-row.is-mismatch .offered-value{color:#d96512;font-weight:800;background:#fff2e6}
.match-unset{color:#98a2b3}
.status-pill.partial{background:#fff4df;color:#c87413}
.metric-detail-stack{margin-top:22px;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}
.description-property,.attachment-property{padding:20px 22px}
.description-property h3,.attachment-property h3{margin:0 0 14px;font-size:16px}
.description-property p{margin:0;color:#58637a;line-height:1.85}
.attachment-property{border-top:1px solid var(--border)}
.property-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.property-title h3{margin-bottom:14px}
.property-title span{color:var(--sub);font-size:12px;margin-bottom:14px}
.attachment-list{display:grid;gap:8px}
.attachment-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:1px solid #dce3ef;border-radius:8px;background:#f9fbff;color:#285fe7;text-align:left;cursor:pointer}
.attachment-item i{font-size:19px}
.attachment-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-item:hover{border-color:#87a8fa;background:#f3f7ff}
.right-column{position:sticky;top:96px}
.alternatives{padding:22px}
.alternatives-head{align-items:flex-start}
.alternatives-head h3{font-size:17px}
.alternatives-head p{margin:6px 0 0;color:var(--sub);font-size:12px}
.alternatives-head>span{white-space:nowrap}
.alternative-list{display:grid;grid-template-columns:1fr;gap:9px;max-height:460px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}
.alternative-list::-webkit-scrollbar{width:6px}.alternative-list::-webkit-scrollbar-thumb{background:#cbd5e7;border-radius:999px}.alternative-list::-webkit-scrollbar-track{background:transparent}
.alternative-card{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px 14px;padding:16px;text-align:left}
.alternative-card.selected{border-color:var(--brand);background:#f5f8ff;box-shadow:inset 3px 0 0 var(--brand)}
.alternative-card>span,.alternative-card>strong{display:block}
.alternative-card .alternative-main strong,.alternative-card .alternative-main span{display:block}
.alternative-card .alternative-main strong{color:var(--text)}
.alternative-card .alternative-main span{color:var(--sub);font-weight:400;margin-top:5px}
.alternative-card .alternative-price{color:#e2512d;font-size:17px;text-align:right}
.alternative-card .alternative-footer{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;padding-top:5px;border-top:1px solid #edf0f5;margin-top:3px}
.alternative-card .alternative-match{color:var(--green);font-weight:750;text-align:left}
.alternative-card .alternative-match.partial{color:#e38a22}
.alternative-card .detail-link{color:var(--brand);font-weight:700}
.alternative-card.selected .detail-link{color:#3156b7}
.match-miss{color:#d96512!important;font-weight:800}
.empty-indicators{grid-column:1/-1;padding:22px;text-align:center;color:var(--sub);background:#fff;border:1px dashed #cfd6e2;border-radius:8px}
.indicator-fields{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px;overflow:auto;align-items:start}
.indicator-fields label{font-weight:600}
.indicator-fields input{padding-right:64px}
.optional-note{font-size:11px;color:var(--sub);font-weight:400;margin-left:5px}
.inquiry-product{grid-template-columns:1fr auto}
.inquiry-product>strong{font-size:21px}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.right-column{position:static}.hero-product{grid-template-columns:minmax(280px,.58fr) minmax(520px,1.42fr)}.alternative-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}}
@media(max-width:900px){.hero-product{grid-template-columns:1fr}.product-overview.no-image{border-right:0;border-bottom:1px solid var(--border)}.alternative-list{grid-template-columns:1fr}.indicator-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.alternative-card{grid-template-columns:1fr}.alternative-card .alternative-price{text-align:left}.indicator-fields{grid-template-columns:1fr}}