/* Performance pages: compact decision cards, paired rankings, quiet explanations. */
main[data-section='performance']{--section-accent:#4d6fa9;max-width:1600px}
header[data-section='performance']{--section-accent:#4d6fa9}
header .section-header-tab[data-section='performance']{--section-accent:#4d6fa9;--section-soft:#edf2ff;--section-hover:#dfe6ff}
header .section-header-tab[data-section='products']{--section-accent:#9a7414;--section-soft:#fff4d3;--section-hover:#ffeb9f}
main[data-section='products'],header[data-section='products']{--section-accent:#9a7414}
body #app .performance-page{padding:1.25rem;min-width:0}
.performance-nav{display:flex;gap:.4rem;border-bottom:1px solid #ccd5e1;margin:-.2rem 0 1.5rem;padding-bottom:.65rem;flex-wrap:wrap}
.performance-nav a{display:flex;align-items:center;gap:.55rem;text-decoration:none;padding:.6rem .9rem;color:#465771;border:1px solid transparent;border-radius:7px;font-size:.9rem;font-weight:700}
.performance-nav a[aria-current='page']{background:#233f67;color:white;border-color:#233f67}
.performance-nav svg,.performance-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.performance-heading{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.25rem}
.performance-eyebrow{font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;color:#557091;font-weight:750;margin:0 0 .5rem}
body #app .performance-heading h1{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:750;letter-spacing:-.035em;margin:0 0 .55rem}
.performance-heading p.muted{font-size:.88rem;margin:0;max-width:800px}
body #app .performance-refresh{background:white;color:#354d6c;border:1px solid #b8c8dd;box-shadow:none;white-space:nowrap;border-radius:6px;font-size:.85rem;padding:.55rem .8rem}
.performance-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.3rem 0}
.performance-kpis a{display:grid;grid-template-columns:1fr auto;text-decoration:none;gap:.35rem;color:#314861;background:#f5f8fd;border:1px solid #dce4ed;border-radius:8px;padding:.85rem 1rem}
.performance-kpis a>span:first-child{font-size:.75rem;font-weight:650;grid-column:1}
.performance-kpis strong{font-size:1.55rem;grid-column:1;letter-spacing:-.03em}
.performance-kpis strong small{font-size:.75rem;font-weight:500;letter-spacing:0;color:#68778a}
.performance-kpis a>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#6482a6;font-size:1.5rem}
.performance-grid{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
/* Shared tracks align paired headers, context, tools, tables and footers without JS sizing. */
.performance-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto minmax(0,1fr) auto;column-gap:1.25rem;min-width:0;align-items:stretch}
.performance-row-single{grid-template-columns:minmax(0,1fr)}
.performance-row>.performance-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-row:1/span 5;row-gap:0}
@supports(grid-template-rows:subgrid){.performance-row>.performance-panel{grid-template-rows:subgrid}}
.performance-panel-context{background:#fafbfd;min-width:0}
.performance-context-note{padding:.65rem .8rem;margin:0;font-size:.74rem;line-height:1.55;color:#617287}
.performance-opportunity{--accent:#a5731b!important;--wash:#fff8e9!important}
.performance-forecast-note,.performance-forecast-window{padding:.55rem .8rem;margin:0;font-size:.74rem;line-height:1.55;color:#74613a;background:#fffdf7}
.performance-forecast-window{padding-top:0;color:#788596;font-size:.68rem}
.performance-panel{--accent:#267a62;--wash:#eff8f3;border:1px solid #d4dee6;border-top:3px solid var(--accent);border-radius:9px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 3px 9px #20374e06}
.performance-slow,.performance-losers{--accent:#b25a47;--wash:#fff3ee}
.performance-residual,.performance-aged{--accent:#8b7044;--wash:#faf7ee}
.performance-velocity{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem .8rem;background:#f7faf8;font-size:.76rem;color:#496658}
body #app .performance-velocity select{width:auto;max-width:100%;font:inherit;padding:.35rem .5rem;background:white;border:1px solid #b8cfc1;border-radius:5px}
.performance-velocity-window{flex-basis:100%;font-size:.68rem;margin:0;color:#697b72}
.performance-warehouse-window{margin:0;padding:.25rem .8rem .6rem;font-size:.68rem;color:#788596}
.performance-panel-head{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.8rem;background:var(--wash)}
.performance-panel-title{min-width:0}
.performance-panel-head .performance-group{grid-column:2/-1;justify-self:end;margin-left:0}
.performance-row-single .performance-panel-head{grid-template-columns:39px minmax(0,1fr) auto auto}
.performance-row-single .performance-panel-head .performance-group{grid-column:4;grid-row:1}
.performance-symbol{display:grid;place-items:center;color:var(--accent);width:39px;height:39px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:8px;flex-shrink:0;background:#ffffff88}
body #app .performance-panel h2{font-size:1.05rem;line-height:1.3;margin:0 0 .25rem;color:#243749}
.performance-panel-head p{margin:0;color:#69727b;font-size:.73rem;line-height:1.4}
.performance-winners .performance-panel-head p,.performance-losers .performance-panel-head p{max-width:330px}
.performance-count{margin-left:auto;background:#fff;color:var(--accent);padding:.3rem .5rem;min-width:1.5rem;text-align:center;font-weight:750;border:1px solid #dfe5e8;border-radius:6px;font-size:.8rem}
.performance-table-tools{display:flex;justify-content:space-between;align-items:center;padding:.55rem .8rem;gap:.5rem;border-bottom:1px solid #e2e7ed}
body #app .performance-table-tools input{width:100%;min-width:0;max-width:230px;padding:.45rem .65rem;font-size:.8rem;border:1px solid #d9e1eb;border-radius:5px;box-shadow:none;background:#fafbfd}
.performance-exports{display:flex;gap:.2rem;flex-shrink:0}
.performance-group{display:flex;gap:.3rem;flex-wrap:wrap;margin-left:auto}
body #app .performance-group button{background:#f6f8fb;color:#47617d;border:1px solid #ced9e5;box-shadow:none;border-radius:5px;padding:.4rem .7rem;font-size:.78rem}
body #app .performance-group button[aria-pressed='true']{background:#233f67;color:#fff;border-color:#233f67}
body #app .performance-exports button{background:transparent;border:1px solid transparent;padding:0;width:33px;height:33px;box-shadow:none;border-radius:4px}
.performance-exports svg{width:30px;height:30px}
body #app .performance-exports button:hover{border-color:#b2c4d9;background:#eef3fa}
.performance-table-scroll{overflow:auto;max-height:680px;scrollbar-width:thin;scrollbar-color:#b8c6d5 #f4f7fa}
body #app .performance-panel table{margin:0;width:100%;font-size:.77rem;font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0}
body #app .performance-panel th,body #app .performance-panel td{padding:.7rem .6rem;border-bottom:1px solid #edf0f3;border-right:0;text-align:right;white-space:nowrap}
body #app .performance-panel thead th{position:sticky;top:0;background:#f8fafc;z-index:1;font-size:.69rem;color:#5e6d80;max-width:125px;white-space:normal;vertical-align:bottom;height:4rem;box-sizing:border-box}
body #app .performance-panel thead button{font:inherit;line-height:1.4;background:none;color:inherit;border:0;box-shadow:none;padding:0;display:inline;white-space:normal;font-weight:650;text-align:inherit;min-width:0}
body #app .performance-panel th:nth-child(2),body #app .performance-panel td:nth-child(2){text-align:left}
body #app .performance-panel td:nth-child(2){min-width:105px;color:#283e55}
body #app .performance-panel .performance-rank{color:#8c98a7;font-size:.68rem;width:22px}
.performance-chip{display:inline-block;background:#eef3f7;border-radius:4px;padding:.2rem .4rem;font-size:.72rem;color:#4a6075}
.performance-chip.performance-urgent{background:#fff0db;color:#9b5419;font-weight:700}
.performance-delta{font-weight:750}
.performance-delta.positive{color:#187651}.performance-delta.negative{color:#b34a40}
.performance-pagination{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;color:#788596;font-size:.73rem;gap:.5rem;min-height:40px}
.performance-pagination>div{display:flex;align-items:center;gap:.5rem}
body #app .performance-pagination button{padding:.25rem .5rem;font-size:.8rem;background:#f2f5f9;color:#3c5876;border:1px solid #d5dfeb;border-radius:4px;box-shadow:none}
body #app .performance-page button:disabled{opacity:.4;cursor:default}
body #app .performance-page :focus-visible{outline:2px solid #507db7;outline-offset:3px}
.performance-method{border:1px solid #dce3ec;border-radius:7px;margin:1.25rem 0 .5rem;padding:.8rem 1rem;background:#fafbfd;color:#647184;font-size:.79rem;line-height:1.7}
.performance-method summary{cursor:pointer;font-weight:650;color:#405774}
.performance-method p{margin:.65rem 0}
.performance-footnote{color:#7a8796;font-size:.7rem;line-height:1.6}
.performance-status{font-size:.85rem;color:#65758a;margin-bottom:.75rem}
.performance-status:empty{display:none}
body #app .performance-panel td.performance-empty{text-align:center;padding:3rem 1rem;color:#7c8998;font-size:.85rem;white-space:normal}
.performance-periods{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.performance-periods a{display:flex;gap:1rem;align-items:center;border:1px solid #d8e1ec;padding:.65rem 1rem;border-radius:6px;text-decoration:none;color:#4b627f;font-size:.86rem;background:#fff}
.performance-periods a small{font-size:.67rem;opacity:.7}
.performance-periods a[aria-current='page']{border-color:#345f91;background:#ecf3fb;color:#244c7d;box-shadow:inset 0 -2px #345f91;font-weight:700}
.performance-comparison{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.72rem;color:#6a7c91;margin:.8rem 0 1.2rem;background:#f6f8fb;border-radius:6px;padding:.7rem .9rem}
.performance-comparison b{font-weight:650;color:#526982;margin-right:.4rem}
.performance-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.performance-row{display:flex;flex-direction:column;gap:1.25rem}.performance-row>.performance-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto}.performance-row-single .performance-panel-head{grid-template-columns:39px minmax(0,1fr) auto}.performance-row-single .performance-panel-head .performance-group{grid-column:2/-1;grid-row:auto}.performance-kpis{gap:.5rem}.performance-kpis a{padding:.7rem}.performance-panel-head p{max-width:none!important}}
@media(max-width:600px){body #app .performance-page{padding:.8rem}.performance-heading{align-items:flex-start;flex-direction:column}.performance-kpis{grid-template-columns:1fr}.performance-kpis a{grid-template-columns:1fr auto}.performance-kpis strong{grid-column:2;grid-row:1;font-size:1.2rem}.performance-kpis a>span:last-child{display:none}.performance-nav a{font-size:.78rem;padding:.45rem}.performance-nav svg{width:21px;height:21px}.performance-periods{display:grid;grid-template-columns:1fr 1fr}.performance-periods a{justify-content:space-between;padding:.55rem}.performance-table-scroll{max-height:560px}}