.product-controls{display:flex;gap:24px;align-items:end;padding:20px;margin-bottom:26px}.product-controls label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;min-width:0}.product-controls label:first-child{flex:1.5}.product-controls label:nth-child(2){flex:.8}.product-controls select{width:100%;min-height:44px;border:1px solid #d9e1e6;border-radius:7px;background:white;padding:10px 12px;color:#253a48;font:inherit}.product-metric>span{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.product-metric .segmented{min-height:44px}.product-client-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.product-client-heading h2{font-size:24px;margin:6px 0}.product-client-heading p{font-size:14px;margin:6px 0 0;color:#647380}.product-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e3e8ec;border-radius:10px;margin-bottom:24px;padding:22px 0}.product-kpis article{padding:0 22px;border-right:1px solid #e4e9ed;min-width:0}.product-kpis article:last-child{border:0}.product-kpis span{display:block;font-size:14px;color:#586a76;line-height:1.4}.product-kpis strong{display:block;font-size:clamp(22px,2vw,30px);letter-spacing:-.6px;margin:10px 0;color:#233847}.product-kpis small{font-size:13px;color:#687a85;display:block;line-height:1.5}.product-ranking-heading{padding:22px 24px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.product-ranking-heading h2{font-size:18px;margin:0 0 6px}.product-ranking-heading p{font-size:14px;color:#647380;margin:0;line-height:1.5}.product-concentration{padding:0 24px 24px}.product-concentration-label{display:flex;justify-content:space-between;font-size:14px;margin:6px 0 9px;color:#536676}.product-concentration-label strong{margin-left:10px;color:#25394b}.product-concentration-track{height:12px;background:#e1e7ed;border-radius:8px;overflow:hidden}.product-concentration-track i{display:block;height:100%;background:#216cb5;border-radius:8px}.product-ranking table{min-width:840px;font-size:14px}.product-ranking th{font-size:13px}.product-row td{padding-top:17px;padding-bottom:17px}.product-row td:nth-child(2){min-width:245px}.product-row td:first-child{color:#738491;font-size:13px;width:44px}.product-row strong{font-weight:600}.product-row small{display:block;font-size:12px;color:#72818a;margin-top:5px}.product-row.product-others td{background:#eef3f8;border-top:2px solid #d8e3ed}.product-share-track{width:72px;height:4px;background:#e6ebef;margin:7px 0 0 auto;border-radius:4px;overflow:hidden}.product-share-track i{display:block;height:100%;background:#216cb5}.product-ranking tfoot td{padding-top:18px;padding-bottom:18px;font-weight:600;border-top:1px solid #dde4ea;background:#fafbfc}.product-table-note{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 24px;font-size:13px;color:#687a85;line-height:1.5}.product-table-note .text-button{white-space:nowrap;font-size:14px}.product-rest-heading{padding:20px 24px 4px;border-top:1px solid #e2e8ed}.product-rest-heading h3{margin:0;font-size:16px}.product-rest-heading p{font-size:14px;color:#657783}.product-period-warning{padding:12px 24px;background:#fff5df;margin:0;font-size:14px;line-height:1.5}.product-source{font-size:13px;color:#697b85;line-height:1.6;margin-top:16px}.product-empty{text-align:center;padding:55px 24px}.product-empty h2{font-size:22px;margin:18px 0 10px}.product-empty p{max-width:530px;margin:12px auto;font-size:15px;color:#637581;line-height:1.7}.product-empty .button{margin:12px auto}.customer-layout-tabs{flex-wrap:wrap}.customer-layout-tabs button{font-size:14px}.text-positive{color:#247553}
@media(max-width:1200px){.product-controls{gap:16px;flex-wrap:wrap}.product-controls label:first-child{flex-basis:55%}.product-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.product-kpis article:nth-child(2){border:0}}
@media(max-width:760px){.product-controls{padding:16px;gap:18px}.product-controls label:first-child,.product-controls label:nth-child(2){flex:1 1 100%}.product-metric{width:100%}.product-metric .segmented{display:flex}.product-metric button{flex:1}.product-client-heading{align-items:flex-start}.product-client-heading h2{font-size:21px}.product-client-heading>.unit-badge{display:none}.product-kpis article{padding:0 14px}.product-kpis strong{font-size:22px}.product-kpis span{font-size:13px}.product-kpis small{font-size:12px}.product-ranking-heading{padding:20px 16px 14px;flex-wrap:wrap;gap:10px}.product-ranking-heading h2{font-size:18px}.product-concentration{padding:0 16px 20px}.product-table-note{padding:16px;flex-direction:column;align-items:flex-start}.product-period-warning{padding:12px 16px}.customer-layout-tabs button{padding:10px 12px}.product-empty{padding:35px 18px}.product-empty h2{font-size:20px}}

.product-metric .segmented button{font-size:14px}.product-row td,.product-ranking tfoot td{font-size:14px}.product-scroll-hint{display:none}@media(max-width:760px){.product-scroll-hint{display:block;font-size:13px;color:#536676;margin:0;padding:12px 16px;background:#f5f8fb;line-height:1.5}}

/* Mobile product view: horizontal tables stay complete; controls become touch friendly. */
@media(max-width:760px){
  .product-controls{padding:14px;gap:14px;margin-bottom:18px}
  .product-controls select{min-height:46px}
  .product-metric .segmented{width:100%}
  .product-metric .segmented button{min-height:38px}
  .product-client-heading{flex-direction:column;gap:4px;margin-bottom:14px}
  .product-kpis{grid-template-columns:1fr 1fr;gap:0;padding:0}
  .product-kpis article{padding:16px 14px;border-bottom:1px solid #e4e9ed}
  .product-kpis article:nth-child(2n){border-right:0}
  .product-kpis article:nth-last-child(-n+2){border-bottom:0}
  .product-ranking{overflow:hidden}
  .product-ranking .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .product-ranking table{min-width:720px}
  .product-row td:nth-child(2){min-width:190px}
  .product-scroll-hint{display:block}
  .product-table-note{font-size:12px}
}
@media(max-width:420px){
  .product-kpis{grid-template-columns:1fr}
  .product-kpis article{border-right:0;border-bottom:1px solid #e4e9ed!important}
  .product-kpis article:last-child{border-bottom:0!important}
}

/* Preview: product management */
.product-management{display:grid;gap:20px}.pm-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 20px}.pm-toolbar label{display:grid;gap:7px;font-size:12px;color:#60727e;min-width:320px}.pm-toolbar input{min-height:42px;border:1px solid #d9e1e6;border-radius:7px;padding:9px 12px;font:inherit;color:#253a48}.pm-toolbar>div{display:grid;gap:4px;text-align:right}.pm-toolbar small{color:#71818b}.pm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pm-kpi{background:#fff;border:1px solid #e2e8ec;border-radius:10px;padding:18px}.pm-kpi span{display:block;color:#647783;font-size:13px}.pm-kpi strong{display:block;font-size:26px;margin:10px 0;color:#263c4b}.pm-kpi small{font-size:11px;color:#7a8991}.pm-kpi.warm strong{color:#a86b17}.pm-kpi.danger strong{color:#b84f4f}.pm-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 14px}.pm-heading h2{margin:4px 0 5px;font-size:19px}.pm-heading p{margin:0;color:#6a7b85;font-size:13px}.pm-ranking,.pm-zoom{overflow:hidden}.pm-ranking table,.pm-zoom table{min-width:980px}.pm-product-row{cursor:pointer}.pm-product-row:hover td,.pm-product-row.selected td{background:#f2f7fb}.pm-product-row td:first-child strong,.pm-zoom td:first-child strong{display:block}.pm-product-row td:first-child small,.pm-zoom td:first-child small{display:block;margin-top:4px;color:#788790;font-size:11px}.pm-zoom{border-top:3px solid #557468}@media(max-width:900px){.pm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-toolbar{align-items:stretch;flex-direction:column}.pm-toolbar label{min-width:0}.pm-toolbar>div{text-align:left}}@media(max-width:520px){.pm-kpis{grid-template-columns:1fr 1fr;gap:9px}.pm-kpi{padding:14px}.pm-kpi strong{font-size:21px}}

.pm-toolbar label{flex:1}.pm-toolbar label:first-child{flex:1.6}.pm-toolbar select{min-height:42px;border:1px solid #d9e1e6;border-radius:7px;padding:9px 12px;background:#fff;color:#253a48;font:inherit}.pm-toolbar select:disabled{background:#f3f5f6;color:#8a969d}.pm-toolbar>div{min-width:120px}@media(max-width:1100px){.pm-toolbar{flex-wrap:wrap}.pm-toolbar label{min-width:210px}.pm-toolbar label:first-child{min-width:280px}}

.pm-sort{cursor:pointer;user-select:none;white-space:nowrap}.pm-sort:hover{background:#eef4f8;color:#29485b}.pm-sort:focus-visible{outline:2px solid #6b7f70;outline-offset:-2px}