@charset "UTF-8";
.assortment-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;white-space:normal}.assortment-quick-actions .button{min-height:40px;padding:10px 12px;font-size:12px;white-space:normal;text-align:left;line-height:1.3}.assortment-quick-actions .assortment-add,.assortment-quick-actions .assortment-restore{background:#16803c;color:#fff;border-color:#16803c}.assortment-quick-actions .assortment-add:hover,.assortment-quick-actions .assortment-restore:hover{background:#11652f}.assortment-quick-actions .assortment-archive{background:#c45121;color:#fff;border-color:#c45121}.assortment-quick-actions .assortment-archive:hover{background:#a63e16}.assortment-quick-actions small{flex-basis:100%;font-size:10px;color:var(--muted)}.assortment-supply.archived{background:#f6e9e2;color:#9c431e}
.assortment-intro{display:flex;gap:14px;align-items:center;background:#eaf2e8;border:1px solid #dbe6d7;border-radius:14px;padding:18px 22px;margin:0 0 22px}
.assortment-intro-icon{width:40px;height:40px;border-radius:50%;background:#d8e8d5;color:var(--green);display:grid;place-items:center;flex-shrink:0}
.assortment-intro strong{font-size:15px}.assortment-intro p{margin:4px 0 0;color:#60735e;font-size:13px}
.assortment-category-nav{position:sticky;top:8px;z-index:20;margin:0 0 20px;padding:14px 18px;background:#fcfdf9;border:1px solid #d9e3d4;border-radius:14px;box-shadow:0 4px 18px #203b3010}
.assortment-category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 3px 8px}.assortment-category-heading strong{font-size:14px;color:var(--green);font-weight:650}.assortment-category-heading>span{font-size:11px;color:#657168;text-align:right}
.assortment-category-controls{display:flex;align-items:center;gap:12px;min-width:0}.assortment-category-chips{display:flex;flex:1;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bdcdb6 transparent;padding:3px 3px 6px}
.assortment-category-chip{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;max-width:300px;min-height:44px;padding:10px 13px;border:1px solid #dbe3d6;border-radius:9px;background:#fff;color:var(--ink);font-size:13px;font-weight:550;text-align:left;line-height:1.35;transition:background .15s,border-color .15s}.assortment-category-chip>svg{width:18px;height:18px;color:#6c8963}.category-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-chip-count{flex-shrink:0;display:inline-block;min-width:23px;padding:2px 6px;border-radius:5px;background:#edf2e9;color:#63765b;text-align:center;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.assortment-category-chip:hover:not(.active){background:#edf4e8;border-color:#a9bf9c}.assortment-category-chip.active,.assortment-category-chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.assortment-category-chip.active>svg,.assortment-category-chip[aria-pressed=true]>svg{color:#e2efda}.assortment-category-chip.active .category-chip-count,.assortment-category-chip[aria-pressed=true] .category-chip-count{background:#ffffff26;color:#fff}
.assortment-category-more{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:10px 12px;border:1px solid #cbd8c4;border-radius:9px;background:#edf3e7;color:var(--green);font-size:12px;font-weight:600;white-space:nowrap}.assortment-category-more>svg{width:16px;height:16px}.assortment-category-more>svg:last-child{transition:transform .15s}.assortment-category-more:hover,.assortment-category-more[aria-expanded=true]{background:#e2ecda;border-color:#a9bf9c}.assortment-category-more[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}
.assortment-category-picker{position:absolute;top:calc(100% + 7px);left:0;right:0;padding:14px;background:#fff;border:1px solid #d2deca;border-radius:13px;box-shadow:0 14px 35px #203b3024}.assortment-category-picker[hidden],.assortment-category-option[hidden]{display:none!important}.assortment-category-search{display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:10px;border:1px solid #cfd9ca;border-radius:8px;background:#f8faf5;color:#7b8c72}.assortment-category-search>svg{width:17px;height:17px}.assortment-category-search input{display:block;min-width:0;width:100%;min-height:44px;border:0;background:transparent;color:var(--ink);font-size:13px}.assortment-category-search:focus-within{outline:2px solid #a9c9aa;outline-offset:2px}.assortment-category-search input:focus-visible{outline:none}
.assortment-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(360px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin;scrollbar-color:#bdcdb6 transparent}.assortment-category-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:46px;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:#f7f9f4;color:var(--ink);font-size:12px;text-align:left;line-height:1.5}.assortment-category-option>span:first-child{min-width:0;overflow-wrap:anywhere}.assortment-category-option>span:last-child{flex-shrink:0;min-width:24px;padding:1px 5px;border-radius:5px;background:#e9efe3;color:#62715a;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.assortment-category-option:hover{background:#edf4e8;border-color:#c2d4b8}.assortment-category-option.active,.assortment-category-option[aria-pressed=true]{background:#e2efda;border-color:#99b78b;color:#174b3b;font-weight:600}.assortment-category-option.active>span:last-child,.assortment-category-option[aria-pressed=true]>span:last-child{background:#cbdcbe;color:#174b3b}
.assortment-category-link{display:flex;gap:5px;align-items:center;max-width:100%;padding:6px 0;background:transparent;color:#65765e;font-size:11px;text-align:left}.assortment-category-link svg{width:13px;height:13px;flex-shrink:0}.assortment-category-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assortment-category-link:hover{color:var(--green);text-decoration:underline}
.assortment-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:19px 22px;border-bottom:1px solid var(--line)}
.assortment-tabs button{display:flex;align-items:center;gap:7px;border-radius:8px;background:transparent;color:#657168;padding:9px 12px;font-size:12px;white-space:nowrap}
.assortment-tabs button.active{background:var(--green);color:white}.assortment-tabs button:hover:not(.active){background:var(--mint)}
.assortment-tabs button span{border-radius:5px;padding:1px 6px;background:#80908018;font-size:11px}.assortment-tabs button.active span{background:#ffffff25}
.assortment-filters{padding:20px 22px 12px;display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(140px,1fr));gap:12px;align-items:end}
.assortment-filters>label>span:not(.screen-reader){display:block;font-size:11px;color:var(--muted);margin:0 0 5px}
.assortment-filters select{width:100%;min-height:40px;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:8px 10px;color:var(--ink);font-size:12px}
.assortment-filters .search-field{min-width:0;max-width:none;width:100%;min-height:40px}
.assortment-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 22px 18px;color:var(--muted);font-size:12px}
.assortment-tools>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assortment-tools .text-link{font-size:11px}
.assortment-table{min-width:940px;table-layout:fixed}.assortment-table th:first-child{width:46px;padding-left:22px}.assortment-table th:nth-child(3){width:130px}.assortment-table th:nth-child(4){width:135px}.assortment-table th:nth-child(5){width:145px}.assortment-table th:nth-child(6){width:180px}
.assortment-table th{white-space:normal;line-height:1.6}
.assortment-table td{vertical-align:top;padding-top:20px;padding-bottom:20px}.assortment-table td:first-child{padding-left:22px}
.assortment-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}
.assortment-table .product-name{font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin:7px 0 3px}
.assortment-labels{display:flex;gap:5px;flex-wrap:wrap}.assortment-kind,.assortment-supply{font-size:10px;display:inline-block;border-radius:5px;padding:3px 7px;background:#eef0eb;color:#657162}
.assortment-kind.new{background:#eaf3e8;color:#376536}.assortment-supply.not_purchased{background:#f3eee5;color:#866a3b}.assortment-supply.unavailable{background:#f5e9e5;color:#9b5b49}
.assortment-brand-cell strong{display:block;font-size:12px;font-weight:600}.assortment-brand-cell>span{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.6}
.assortment-brand-cell{white-space:normal;overflow-wrap:anywhere}
.assortment-price-cell{white-space:normal;font-variant-numeric:tabular-nums}.assortment-price-line+ .assortment-price-line{margin-top:10px}.assortment-price-line>span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.assortment-price-line>strong{display:block;font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.assortment-quantity{display:flex;align-items:center;gap:7px}.assortment-quantity input{min-width:0;width:90px;min-height:39px;border:1px solid #cfd9ca;border-radius:8px;padding:8px 9px;background:#fff;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}
.assortment-quantity>span{font-size:11px;color:var(--muted)}.assortment-quantity-cell small{display:block;font-size:10px;color:var(--muted);margin-top:7px}
.assortment-dirty{background:#fbfaee!important}.assortment-dirty .assortment-quantity input{border-color:#abac6d;background:#fffef7}
.assortment-row-actions .button{display:flex;width:fit-content;margin-bottom:7px;font-size:11px}.assortment-row-actions>.text-link{font-size:10px;text-align:left}
.assortment-match{display:flex;gap:5px;align-items:center;background:transparent;padding:7px 0 0;text-align:left;font-size:11px;color:#8b6a34}.assortment-match svg{width:14px;height:14px}
.assortment-savebar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;margin-top:20px;background:#fff;border:1px solid #d9e2d5;border-radius:13px;box-shadow:0 5px 24px #203b3012}
.assortment-savebar>div{display:flex;gap:12px;align-items:center}.assortment-savebar>div:first-child{display:block}.assortment-savebar strong{display:block;font-size:13px}.assortment-savebar span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.assortment-savebar [hidden]{display:none!important}.assortment-savebar .button{font-size:12px}
.assortment-savebar:not(.has-changes){display:none}
.assortment-confirm-list{max-height:260px;overflow:auto;margin:0 0 22px;border:1px solid var(--line);border-radius:9px}
.assortment-confirm-list>div{display:flex;gap:16px;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.assortment-confirm-list>div:last-child{border:0}
.assortment-confirm-list>div>span{min-width:0}.assortment-confirm-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}.assortment-confirm-list small{display:block;color:var(--green);margin-top:4px}
.assortment-duplicate-warning{padding:16px;background:#fff8e8;border:1px solid #e8dab4;border-radius:9px;margin-bottom:18px}.assortment-duplicate-warning p{font-size:12px;color:#80683c;margin:7px 0 12px}.assortment-duplicate-warning label{display:flex;gap:9px;align-items:flex-start;font-size:12px}
.assortment-form-note{font-size:12px}.assortment-candidates{display:grid;gap:7px;margin-bottom:20px}.assortment-candidates button{background:#f4f7f0;border:1px solid #dfe5d7;border-radius:8px;padding:12px;text-align:left;color:var(--ink)}.assortment-candidates button:hover{background:var(--mint)}.assortment-candidates strong,.assortment-candidates span{display:block;font-size:12px}.assortment-candidates span{margin-top:4px;color:var(--muted)}
@media(max-width:1250px){.assortment-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}.assortment-filters .search-field{grid-column:1/-1}}
@media(max-width:700px){
  .assortment-category-nav{top:0;padding:10px 9px;margin-bottom:16px;border-radius:11px}.assortment-category-heading{gap:8px;margin-bottom:6px}.assortment-category-heading strong{font-size:12px}.assortment-category-heading>span{font-size:9px;line-height:1.3;max-width:115px}.assortment-category-controls{gap:6px}.assortment-category-chips{gap:6px}.assortment-category-chip{max-width:210px;gap:7px;padding:10px;font-size:12px}.assortment-category-chip>svg{width:16px;height:16px}.category-chip-count{font-size:10px;min-width:20px;padding:2px 5px}.assortment-category-more{font-size:11px;padding:10px 8px;gap:4px}.assortment-category-more>svg:first-child{display:none}.assortment-category-more>svg:last-child{width:13px;height:13px}.assortment-category-picker{padding:10px;top:calc(100% + 5px);border-radius:11px}.assortment-category-search input{font-size:16px}.assortment-category-list{grid-template-columns:minmax(0,1fr);max-height:min(360px,50dvh)}.assortment-category-option{font-size:12px;min-height:46px}
  .assortment-intro{padding:15px;gap:10px}.assortment-intro strong{font-size:13px}.assortment-intro p{font-size:11px}.assortment-intro-icon{width:32px;height:32px}
  .assortment-tabs{padding:12px;gap:4px}.assortment-tabs button{font-size:11px;padding:8px}.assortment-tabs button span{font-size:10px}
  .assortment-filters{padding:14px 12px 9px;grid-template-columns:1fr 1fr;gap:9px}.assortment-filters>label:last-child{grid-column:1/-1}.assortment-filters select{font-size:12px}
  .assortment-tools{padding:10px 12px 15px;gap:8px}.assortment-tools>div{gap:6px}.assortment-tools>span{font-size:11px}
  .assortment-table{display:block;min-width:0;width:100%}.assortment-table thead{display:none}.assortment-table tbody{display:block}.assortment-table tr{display:grid;grid-template-columns:24px minmax(0,1fr) 128px;padding:18px 13px;border-top:1px solid var(--line);column-gap:9px;row-gap:12px}
  .assortment-table td{padding:0!important;border:0!important;min-width:0}.assortment-table .assortment-selection{grid-column:1;grid-row:1}.assortment-table .assortment-name{grid-column:2/-1;grid-row:1}.assortment-table .product-name{font-size:13px}.assortment-brand-cell{grid-column:2;grid-row:2}.assortment-quantity-cell{grid-column:3;grid-row:2}.assortment-price-cell{grid-column:2/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:12px}.assortment-price-line+ .assortment-price-line{margin-top:0}.assortment-row-actions{grid-column:2/-1;grid-row:4;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.assortment-row-actions .button{margin:0}.assortment-row-actions>.text-link{font-size:11px}.assortment-quantity input{width:85px;font-size:16px}.assortment-quantity-cell small{font-size:10px}
  .assortment-savebar{bottom:8px;padding:13px;flex-direction:column;align-items:stretch;gap:10px}.assortment-savebar>div:last-child{justify-content:flex-end;flex-wrap:wrap;gap:5px}.assortment-savebar .button{min-height:38px}.assortment-savebar span{font-size:10px}.assortment-confirm-list>div{flex-direction:column;gap:6px}
}

.assortment-photo{float:right;width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 10px 12px;padding:4px}.assortment-photo.no-photo{display:grid;place-items:center;color:#a1ad99;background:#f5f7f1}.assortment-photo.no-photo svg{width:26px;height:26px}.assortment-quick-actions{clear:both}
@media(max-width:700px){.assortment-photo{width:64px;height:64px;margin-left:10px}}

.assortment-price-line{display:block}.assortment-price-line input{width:100%;min-width:0;border:1px solid #cfd9ca;border-radius:7px;padding:8px 6px;font-size:13px;background:#fff;color:var(--ink)}.assortment-quick-actions .assortment-add:disabled{background:#e0e6df;border-color:#d2dbd0;color:#768273;cursor:not-allowed;opacity:1}

@media(max-width:700px){
  .assortment-category-heading{min-height:44px;padding-right:116px;align-items:center}
  .assortment-category-heading>span{display:none}
  .assortment-category-controls{display:block}
  .assortment-category-chips{width:100%}
  .assortment-category-more{position:absolute;top:10px;right:9px}
}
