/* Product analytics — compact MPGuide-inspired composition, using our app palette. */
.pe-panel{padding:20px;overflow:hidden}
.pe-panel>.panel-head{margin-bottom:14px}
.pe-loading,.pe-empty{padding:25px 12px;color:var(--muted);font-size:13px;text-align:center;background:#f8f9fc;border-radius:12px}
.pe-markets{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:20px}
.pe-market{min-width:0;width:100%;border-top:1px solid var(--line);padding-top:20px}
.pe-market:first-child{border-top:0;padding-top:4px}
.pe-market-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pe-market-title h3{font-size:17px}
.pe-all-logo{display:inline-grid;place-items:center;flex:0 0 auto;padding:0 9px;height:30px;border-radius:9px;background:linear-gradient(120deg,#cf23d5,#2f74e8);color:white;font-size:10px;font-weight:800;letter-spacing:-.02em}
.pe-market-title p{font-size:11px;margin-top:5px;line-height:1.4}
.pe-warning{padding:10px 12px;background:#fff7ec;border:1px solid #f2e3cb;border-radius:11px;margin:0 0 14px}
.pe-warning p{font-size:11px;color:#7b5a21}
.pe-warning p+p{margin-top:4px}
.pe-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pe-headline{min-width:0;padding:17px 18px 16px 0}
.pe-hero-grid .pe-headline:nth-child(even),.pe-sales-grid .pe-headline:nth-child(even),.pe-finance-hero .pe-headline:nth-child(even){padding-left:18px;padding-right:0}
.pe-hero-grid .pe-headline:nth-child(-n+2){border-bottom:1px solid var(--line)}
.pe-headline-label{font-size:13px;line-height:1.35;color:var(--ink);min-height:18px}
.pe-help-wrap{display:inline-block;position:relative;vertical-align:middle}
.pe-help{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:3px;padding:0;border:1px solid #aeb7c5;border-radius:50%;background:#fff;color:#5f6b7a;font:700 11px/1 system-ui;cursor:pointer}
.pe-help:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pe-help-popover{position:absolute;z-index:10;left:0;top:23px;width:min(265px,72vw);padding:9px 10px;border:1px solid #d9e0ea;border-radius:9px;background:#202632;color:#fff;font:400 11px/1.45 system-ui;box-shadow:0 8px 24px #1d27352b}
.pe-help-popover[hidden]{display:none}
.pe-headline>strong{display:block;margin:7px 0 12px;font-size:clamp(21px,2.8vw,30px);font-weight:750;letter-spacing:-.035em;line-height:1.16;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pe-headline>strong.pe-blue{color:var(--blue)}
.pe-headline>strong.pe-positive{color:var(--green)}
.pe-headline-details{display:flex;flex-direction:column;gap:5px}
.pe-small{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;font-size:11px;line-height:1.35}
.pe-small>span{color:var(--muted);min-width:0}
.pe-small>b{font-size:11px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.pe-stock-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:14px 0;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}
.pe-stock-strip .pe-flow-line{border:0;display:block;padding:6px 8px}
.pe-stock-strip .pe-flow-line>span{display:block;color:var(--muted);font-size:11px}
.pe-stock-strip .pe-flow-line>b{display:block;margin-top:5px;font-size:15px;text-align:left}
.pe-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:23px 0 9px;flex-wrap:wrap}
.pe-section-title h4{font-size:15px;letter-spacing:-.01em}
.pe-section-title small{font-size:11px;color:var(--muted)}
.pe-chart-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--line);padding:9px 5px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.pe-bars{display:flex;align-items:end;gap:7px;height:132px;min-width:100%;width:max-content;padding:10px 0 0}
.pe-bar-column{height:100%;min-width:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:4px;position:relative}
.pe-bar-column .pe-bar{display:block;width:70%;max-width:36px;background:var(--blue);border-radius:4px 4px 0 0;min-height:3px}
.pe-bar-column .pe-bar.unknown{background:repeating-linear-gradient(45deg,#dce0e8,#dce0e8 4px,#f1f2f5 4px,#f1f2f5 8px)}
.pe-bar-column .pe-bar-value{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.pe-bar-column small{font-size:9px;white-space:nowrap;color:var(--muted);margin-bottom:5px}
.pe-sales-grid,.pe-finance-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
.pe-sales-grid .pe-headline{padding-top:19px;padding-bottom:17px}
.pe-analytics-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:21px 0 24px}
.pe-analytics-column{min-width:0}
.pe-analytics-column h4{font-size:13px;margin:0 0 9px}
.pe-flow-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eef0f4;font-size:12px;line-height:1.35}
.pe-flow-line:last-child{border-bottom:0}
.pe-flow-line span{min-width:0}
.pe-flow-line span small{display:block;font-size:10px;line-height:1.3;color:var(--muted);margin-top:2px}
.pe-flow-line b{flex:0 0 auto;text-align:right;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
.pe-scroll-hint{font-size:10px;color:var(--muted);margin:-2px 0 8px}
.pe-table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.pe-table{min-width:1020px;border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.pe-table th{padding:12px 10px;background:#f6f8fb;white-space:normal;font-size:10px;text-transform:none;letter-spacing:0;min-width:78px;text-align:left}
.pe-table td{padding:9px 10px;border-bottom:1px solid #edf0f5;white-space:nowrap}
.pe-table th:first-child,.pe-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:94px;padding-left:12px;box-shadow:1px 0 0 #e6e9f0}
.pe-table th:first-child{background:#f6f8fb;z-index:2}
.pe-table .pe-total td{font-weight:750;background:#f2f6fd}
.pe-table .pe-total td:first-child{background:#f2f6fd}
.pe-finance-section{margin-top:26px;border-top:1px solid var(--line);padding-top:2px}
.pe-finance-hero .pe-headline{padding-top:13px}
.pe-finance-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:20px}
.pe-cost-column{min-width:0}
.pe-cost-column h5{font-size:13px;margin:0 0 9px}
.pe-flow-total{font-weight:700;border-top:1px solid var(--line);margin-top:7px}
.pe-flow-total .pe-flow-line{padding-top:11px}
.pe-inline-note,.pe-footnote{font-size:11px;line-height:1.55;margin-top:12px;color:var(--muted)}
.pe-disclosure{min-width:0;margin-top:17px;border-top:1px solid var(--line);padding-top:4px}
.pe-disclosure>summary{font-size:12px;font-weight:650;min-height:40px;cursor:pointer}
.pe-disclosure .pe-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f5;align-items:baseline;font-size:11px}
.pe-disclosure .pe-line span{min-width:0}
.pe-disclosure .pe-line span small{display:block;color:var(--muted);font-size:10px}
.pe-disclosure .pe-line b{white-space:nowrap;text-align:right;font-size:11px}
@media(max-width:900px){
 .pe-stock-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pe-analytics-columns,.pe-finance-columns{gap:18px}
}
@media(max-width:650px){
 .pe-panel{padding:13px}
 .pe-market-title{margin-bottom:12px}
 .pe-market-title h3{font-size:15px}
 .pe-market-title p{font-size:10px}
 .pe-headline{padding:12px 9px 13px 0}
 .pe-hero-grid .pe-headline:nth-child(even),.pe-sales-grid .pe-headline:nth-child(even),.pe-finance-hero .pe-headline:nth-child(even){padding-left:10px;padding-right:0}
 .pe-headline-label{font-size:11px;line-height:1.3;min-height:28px}
 .pe-help{width:16px;height:16px;font-size:10px}
 .pe-headline>strong{font-size:clamp(19px,5.2vw,26px);margin:5px 0 9px;letter-spacing:-.045em}
 .pe-small{font-size:9px;gap:4px;align-items:flex-start}
 .pe-small>span{flex:1 1 48%;overflow-wrap:anywhere}
 .pe-small>b{font-size:9px;flex:0 1 50%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
 .pe-stock-strip{margin:10px 0;padding:6px 7px}
 .pe-stock-strip .pe-flow-line{padding:7px}
 .pe-stock-strip .pe-flow-line>span{font-size:10px}
 .pe-stock-strip .pe-flow-line>b{font-size:13px}
 .pe-section-title{margin:18px 0 8px}
 .pe-section-title h4{font-size:13px}
 .pe-section-title small{font-size:10px}
 .pe-bars{height:115px}
 .pe-sales-grid .pe-headline{padding-top:13px;padding-bottom:13px}
 .pe-analytics-columns,.pe-finance-columns{grid-template-columns:minmax(0,1fr);gap:15px}
 .pe-analytics-columns{margin:15px 0}
 .pe-analytics-column{padding-bottom:7px;border-bottom:1px solid var(--line)}
 .pe-analytics-column h4,.pe-cost-column h5{font-size:12px}
 .pe-flow-line{font-size:11px;padding:6px 0}
 .pe-flow-line b{font-size:11px}
 .pe-finance-section{margin-top:20px}
 .pe-finance-hero .pe-headline{padding-top:11px}
 .pe-finance-columns{margin-top:14px}
 .pe-cost-column+ .pe-cost-column{padding-top:14px;border-top:1px solid var(--line)}
 .pe-inline-note,.pe-footnote{font-size:10px}
 .pe-table{min-width:970px;font-size:11px}
 .pe-table td{padding:8px}
}
/* Keep the daily table a real table on phones: global styles.css converts ALL tables into cards at <=600px. */
@media(max-width:600px){
 .pe-table-scroll{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
 .pe-table-scroll>.pe-table{display:table!important;width:970px!important;min-width:970px!important;max-width:none!important;table-layout:fixed!important;border-collapse:collapse}
 .pe-table-scroll>.pe-table>thead{display:table-header-group!important}
 .pe-table-scroll>.pe-table>tbody{display:table-row-group!important;width:auto!important}
 .pe-table-scroll>.pe-table tr,.pe-table-scroll>.pe-table tr:first-child,.pe-table-scroll>.pe-table tr:last-child{display:table-row!important;padding:0!important;border:0!important}
 .pe-table-scroll>.pe-table th,.pe-table-scroll>.pe-table td,.pe-table-scroll>.pe-table td:first-child,.pe-table-scroll>.pe-table td:last-child{display:table-cell!important;padding:9px 10px!important;border-bottom:1px solid var(--line)!important;min-width:0!important;font-size:11px!important;white-space:nowrap!important;overflow-wrap:normal!important;vertical-align:middle!important}
 .pe-table-scroll>.pe-table th{font-size:10px!important;white-space:normal!important;line-height:1.25}
 .pe-table-scroll>.pe-table td:before{content:none!important;display:none!important}
 .pe-table-scroll>.pe-table th:first-child,.pe-table-scroll>.pe-table td:first-child{position:sticky;left:0;min-width:100px!important;width:100px!important;padding-left:10px!important;z-index:2;box-shadow:1px 0 0 var(--line)}
 .pe-table-scroll>.pe-table th:first-child{z-index:3}
 .pe-table-scroll>.pe-table tbody tr:last-child td{border-bottom:0!important}
}
@media(max-width:350px){
 .pe-headline>strong{font-size:18px}
 .pe-headline-label{font-size:10px}
 .pe-small,.pe-small>b{font-size:8.5px}
}

.pe-chart-guide{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:8px 2px 1px;font-size:11px;color:var(--muted)}
.pe-chart-guide span{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.pe-chart-guide i{width:11px;height:11px;display:inline-block;border-radius:3px}
.pe-legend-ordered{background:#dfbdea}.pe-legend-redeemed{background:#bf22c6}
.pe-chart-guide small{font-size:10px;color:var(--muted);flex:1 1 250px}
.pe-cohort-button{background:transparent;border:0;border-radius:5px;padding:0;font:inherit;color:inherit;cursor:pointer}
.pe-cohort-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pe-cohort-button .pe-bar{position:relative;overflow:hidden;background:#dfbdea;width:70%}
.pe-bar-bought{position:absolute;bottom:0;left:17%;width:66%;display:block;background:#bf22c6;border-radius:3px 3px 0 0}
.pe-cohort-button:hover .pe-bar{filter:brightness(.95)}

/* Non-clickable bars: hover/focus is informational, never opens a modal. */
.pe-hover-bar{border:0;background:none;cursor:default;outline-offset:2px}
.pe-hover-bar:focus-visible{outline:2px solid var(--blue)}
.pe-hover-bar .pe-bar{position:relative;overflow:hidden;background:#dfbdea;width:70%}
.pe-hover-bar:hover .pe-bar,.pe-hover-bar:focus-visible .pe-bar{filter:brightness(.94)}
.pe-fin-percent{font-size:10px;color:var(--muted);font-weight:500;white-space:nowrap}
.pe-flow-line>b{display:flex;align-items:baseline;gap:7px;justify-content:flex-end}
.pe-flow-line .pe-help{flex:0 0 auto}
.pe-chart-tooltip{position:fixed;pointer-events:none;z-index:1100;min-width:178px;max-width:260px;border:1px solid #dfe2ec;background:#fff;color:var(--ink);border-radius:11px;box-shadow:0 8px 26px #131a2830;padding:10px 12px;font-size:12px;line-height:1.35}
.pe-chart-tooltip b{display:block;font-size:12px;margin-bottom:8px}
.pe-chart-tooltip .pe-tip-row{display:flex;justify-content:space-between;gap:16px;margin-top:4px}
.pe-chart-tooltip .pe-tip-row strong{font-variant-numeric:tabular-nums}
.pe-chart-tooltip .pe-tip-subtle{color:var(--muted)}

/* Lazy, readable item-by-item expense audit for both marketplaces. */
.pe-expense-audit{border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin:14px 0}
.pe-expense-audit>summary{font-size:12px;font-weight:650;cursor:pointer}
.pe-audit-intro{margin:12px 0;padding:9px 10px;background:var(--panel,#f7f8fa);border-radius:9px;font-size:12px}
.pe-audit-intro b{display:block;margin-bottom:5px}
.pe-audit-intro small{display:block;color:var(--muted);line-height:1.45}
.pe-audit-group{margin-top:9px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;min-width:0}
.pe-audit-group>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer;font-size:12px}
.pe-audit-group>summary>span{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:650}
.pe-audit-group>summary>span small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.pe-audit-group>summary>b{white-space:nowrap;font-variant-numeric:tabular-nums}
.pe-audit-table{width:100%;min-width:750px;font-size:11px}
.pe-audit-table small{display:block;color:var(--muted);font-size:10px}
.pe-audit-warning{padding:7px 0;font-size:11px;color:var(--muted)}

/* Financial amounts and percentages occupy distinct fixed-width cells,
   so 1%, 25%, 100% and missing rates never shift the money column. */
.pe-cost-column .pe-flow-line{
 display:grid;
 grid-template-columns:minmax(0,1fr) 178px;
 column-gap:12px;
 align-items:baseline;
}
.pe-cost-column .pe-flow-line>span{
 min-width:0;
 overflow-wrap:break-word;
}
.pe-cost-column .pe-flow-line>b{
 display:grid;
 grid-template-columns:minmax(0,1fr) 59px;
 column-gap:7px;
 align-items:baseline;
 width:178px;
 min-width:0;
 font-variant-numeric:tabular-nums;
}
.pe-cost-column .pe-fin-amount{
 display:block;
 min-width:0;
 text-align:right;
 white-space:nowrap;
 font-weight:700;
}
.pe-cost-column .pe-fin-percent{
 display:block;
 min-width:0;
 text-align:right;
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
 font-weight:500;
 font-size:10px;
 color:var(--muted);
}
.pe-disclosure .pe-line{
 display:grid;
 grid-template-columns:minmax(0,1fr) 178px;
 column-gap:12px;
}
.pe-disclosure .pe-line>b{width:178px;min-width:0;text-align:right}
.pe-audit-table th:nth-child(3),.pe-audit-table td:nth-child(3),
.pe-audit-table th:nth-child(4),.pe-audit-table td:nth-child(4),
.pe-audit-table th:nth-child(5),.pe-audit-table td:nth-child(5){
 text-align:right;
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
}
@media(max-width:650px){
 .pe-cost-column .pe-flow-line,.pe-disclosure .pe-line{
  grid-template-columns:minmax(0,1fr) 153px;
  column-gap:8px;
 }
 .pe-cost-column .pe-flow-line>b{
  width:153px;
  grid-template-columns:minmax(0,1fr) 52px;
  column-gap:5px;
 }
 .pe-disclosure .pe-line>b{width:153px;white-space:normal}
}