/* Assortment follows the graphite/light tokens of the existing analytics page. */
.assort-heading-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:11px}
.assort-head{padding:24px}.assort-heading,.assort-status,.assort-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.assort-heading h2{margin:6px 0 8px;font-size:25px}.assort-heading p,.assort-table-head p{margin:0;color:var(--hub-muted);font-size:12px;line-height:1.7}.assort-period,.assort-filters,.assort-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.assort-period{margin-top:22px}.assort-period label,.assort-filters label{display:flex;flex-direction:column;gap:7px;color:var(--hub-muted);font-size:11px}.assort-period input,.assort-period select,.assort-filters input,.assort-filters select{min-height:40px;box-sizing:border-box}.assort-filters{padding-top:16px;margin-top:18px;border-top:1px solid var(--hub-border)}.assort-search{min-width:220px;flex:1}.assort-search input{width:100%}.assort-status{border-top:1px solid var(--hub-border);margin-top:20px;padding-top:18px;align-items:center}.assort-status>div:first-child{display:flex;gap:7px;flex-direction:column;min-width:220px}.assort-status b{font-size:12px}.assort-status span,.assort-note,.assort-scope{font-size:11px;color:var(--hub-muted);line-height:1.7}.assort-actions .btn{min-height:40px}.assort-note{margin:12px 0 0}.assort-scope{margin:14px 0 0}.assort-error,.assort-warning,.assort-access-note{padding:12px 15px;border:1px solid var(--hub-warning-border,var(--hub-border));border-radius:9px;color:var(--hub-warning);background:var(--hub-warning-bg,var(--hub-surface-soft));font-size:12px;line-height:1.7}.assort-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.assort-summary article{padding:22px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:12px}.assort-summary article>span{display:block;font-size:12px;color:var(--hub-muted);margin-bottom:10px}.assort-summary strong{display:block;font-size:29px;line-height:1.3;color:var(--hub-text)}.assort-summary strong small{font-size:14px;font-weight:500;color:var(--hub-muted)}.assort-summary article>small{display:block;margin-top:11px;font-size:11px;line-height:1.6;color:var(--hub-muted)}.assort-summary-profit{border-color:var(--hub-success-border)!important}.assort-products{padding:22px}.assort-table-head{align-items:center;margin-bottom:16px}.assort-table-head h3{margin:0 0 7px;font-size:15px}.assort-table-head>span{color:var(--hub-muted);font-size:11px;white-space:nowrap}.assort-table{min-width:850px;width:100%}.assort-table th{font-size:10px}.assort-table td{vertical-align:top;padding-top:16px;padding-bottom:16px;font-size:12px}.assort-table small{display:block;margin-top:7px;color:var(--hub-muted);font-size:10px;line-height:1.5}.assort-table td:first-child{min-width:220px;max-width:340px}.assort-table .assort-product{text-align:left;font-size:12px;font-weight:600;line-height:1.5}.assort-money strong{white-space:nowrap;font-variant-numeric:tabular-nums}.assort-estimated{color:var(--hub-warning)!important}.assort-tag{display:inline-block;max-width:240px;padding:5px 8px;border-radius:6px;background:var(--hub-surface-soft);font-size:10px;line-height:1.5;border:1px solid var(--hub-border);color:var(--hub-text)}.assort-abc-A,.assort-xyz-X{color:var(--hub-accent);border-color:var(--hub-success-border)}.assort-abc-loss,.assort-xyz-Z{color:var(--hub-warning)}.assort-abc-unknown,.assort-xyz-unknown,.assort-muted{color:var(--hub-muted)}.assort-tag-warning{color:var(--hub-warning)!important}.assort-pages{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px}.assort-pages>span{font-size:11px;color:var(--hub-muted)}.assort-empty{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:26px 20px;min-height:135px;justify-content:center;color:var(--hub-muted);font-size:12px;line-height:1.8}.assort-empty h3,.assort-empty b{margin:0;color:var(--hub-text)}.assort-empty p{margin:0;max-width:750px}.assort-method{margin-top:18px;padding:17px 20px;border:1px solid var(--hub-border);border-radius:10px;color:var(--hub-muted);font-size:11px;line-height:1.8}.assort-method summary{color:var(--hub-text);cursor:pointer;font-weight:600}.assort-method p{max-width:1100px}.assort-week-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:11px}.assort-week-heading span{color:var(--hub-muted);font-size:10px}.assort-weeks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;padding:0;margin:15px 0 0}.assort-weeks li{padding:10px;border:1px solid var(--hub-border);border-radius:7px;background:var(--hub-surface-soft)}.assort-weeks span{display:block;color:var(--hub-muted);font-size:9px}.assort-weeks strong{display:block;margin-top:6px;font-size:11px}.assort-weeks .is-missing{border-style:dashed;color:var(--hub-muted)}.assort-issues{font-size:11px;color:var(--hub-muted);line-height:1.8;padding-left:18px}.assort-detail td{padding:18px;background:var(--hub-surface-soft)}
@media(max-width:1050px){.assort-summary{gap:10px}.assort-summary article{padding:18px}.assort-summary strong{font-size:25px}.assort-actions{width:100%}}
@media(max-width:650px){.assort-head,.assort-products{padding:17px 13px}.assort-summary{grid-template-columns:1fr}.assort-summary article{padding:17px}.assort-summary strong{font-size:27px}.assort-heading h2{font-size:23px}.assort-period label,.assort-filters label{flex:1;min-width:130px}.assort-search{min-width:100%!important}.assort-period input{max-width:100%;width:100%}.assort-period .btn,.assort-actions .btn{font-size:11px;padding:9px 11px}.assort-status>div:first-child{min-width:0;width:100%}.assort-actions{align-items:stretch}.assort-pages{justify-content:space-between}.assort-method{padding:14px}.assort-heading>button{font-size:11px}.assort-table{min-width:770px}.fi-mode-switch{flex-wrap:wrap}}

/* Table tools stay next to the results. Sorting reads the saved global result. */
.assort-filters{margin:0 0 16px;padding:15px 0;border-top:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border);gap:10px}.assort-filters .assort-search{flex:1 1 300px;min-width:220px}.assort-filters label{flex:0 1 auto}.assort-filters input,.assort-filters select{max-width:100%;background:var(--hub-surface-soft);color:var(--hub-text);border:1px solid var(--hub-border);border-radius:7px;padding:9px 11px}.assort-period input,.assort-period select{background:var(--hub-surface-soft);color:var(--hub-text);border:1px solid var(--hub-border);border-radius:7px;padding:8px 10px}.assort-summary-profit strong{font-variant-numeric:tabular-nums}.assort-sort{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;border:0;background:transparent;color:inherit;text-align:left;font-size:inherit;font-weight:inherit;text-transform:inherit;padding:7px 0;line-height:1.5}.assort-sort:hover,.assort-sort:focus-visible{color:var(--hub-accent)}.assort-sort:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px;border-radius:3px}.assort-sort span{font-size:13px;color:var(--hub-muted);flex:none}.assort-sort.is-active{color:var(--hub-accent)}.assort-share{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.assort-table .assort-share+small{margin-top:2px;margin-bottom:9px}.assort-data-notes{margin:0 0 16px;padding:13px 17px;border:1px solid var(--hub-border);border-radius:9px;color:var(--hub-muted);font-size:11px;line-height:1.7}.assort-data-notes summary{cursor:pointer;color:var(--hub-text);font-weight:600}.assort-data-notes ul{margin:10px 0 0;padding-left:18px}.assort-list-status{margin:0 0 12px;font-size:11px;color:var(--hub-muted)}.assort-products .table-scroll[aria-busy="true"]{opacity:.65}.assort-summary-profit .text-button{margin-top:12px;text-align:left;font-size:11px}.assort-products .assort-table-head p{max-width:850px}.assort-money{min-width:140px}.assort-money strong{font-size:14px}.assort-table th{vertical-align:middle}
@media(max-width:1050px){.assort-summary{grid-template-columns:1.2fr 1fr 1fr}.assort-summary-profit strong{font-size:25px}.assort-filters .assort-search{flex-basis:100%}.assort-filters label:not(.assort-search){flex:1;min-width:145px}}
@media(max-width:650px){.assort-summary{grid-template-columns:1fr}.assort-filters .assort-search{min-width:100%}.assort-filters>.btn{flex:1}.assort-filters label:not(.assort-search){flex:1 1 130px}.assort-summary-profit strong{font-size:28px}.assort-actions .text-button{padding:9px 0}}

.assort-identity-sort{display:flex;align-items:center;gap:18px}.assort-identity-sort .assort-sort{width:auto}.assort-identity-sort .assort-sort:last-child{font-size:9px}
