#product-cost-view .pc-tabs{display:flex;gap:8px;margin:16px 0;border-bottom:1px solid #d8e5ed;padding-bottom:10px}#product-cost-view .pc-tabs button{border:1px solid #cbdce6;border-radius:8px;background:white;padding:10px 20px;cursor:pointer}#product-cost-view .pc-tabs [aria-selected=true]{background:#236e83;color:white}#product-cost-view .pca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#product-cost-view .pca-panel{padding:18px;border:1px solid #dce6ed;border-radius:12px;margin:16px 0;min-width:0;overflow-wrap:anywhere}#product-cost-view .pca-bar{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;align-items:center;width:100%;gap:10px;border:0;background:transparent;padding:9px 0;text-align:left;cursor:pointer;color:inherit}#product-cost-view .pca-bar i{height:14px;background:linear-gradient(to right,#2a829c var(--bar),#ecf2f5 var(--bar));border-radius:4px}#product-cost-view .pca-bar:disabled{cursor:default;opacity:.7}#product-cost-view .pca-chart{width:100%;min-width:280px;max-height:300px}#product-cost-view .pca-chart text{font-size:12px;fill:#647d8f}#product-cost-view .pca-summary strong{font-size:22px}#product-cost-view .pca-root .pc-form input[type=checkbox]{width:auto}#product-cost-view .pca-root .pc-form{margin:20px 0}#product-cost-view .pca-root .pc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}#product-cost-view .pca-root .pc-summary article{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){#product-cost-view .pca-grid{grid-template-columns:1fr}#product-cost-view .pca-panel{padding:12px}#product-cost-view .pca-bar{grid-template-columns:minmax(65px,1fr) 1fr auto;font-size:12px}#product-cost-view .pca-root .pc-form{grid-template-columns:1fr}#product-cost-view .pca-summary strong{font-size:18px}}
#product-cost-view .pca-advanced{grid-column:1/-1;border:1px solid #dce6ed;border-radius:8px;padding:12px}#product-cost-view .pca-advanced>summary{cursor:pointer;color:#236e83;font-weight:600}#product-cost-view #pca-filters .wide>label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}#product-cost-view .pca-root .pc-actions{align-items:center}
#product-cost-view .pc-tabs button{color:#236e83}#product-cost-view .pc-tabs [aria-selected=true]{color:#fff}
