:root{font-family:Arial,sans-serif;color:#252333;background:#f6f5f9;--purple:#6951d3}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:20px;padding:22px 4vw;background:white;border-bottom:1px solid #dfdce9}header>a{font-weight:750;font-size:22px}nav{display:flex;gap:24px}a{color:var(--purple);text-underline-offset:3px}main{max-width:1500px;margin:auto;padding:32px 4vw 120px}h1{font-size:32px;margin:10px 0 18px}h2{font-size:20px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--purple)}.hint,.muted,.item-id{color:#686574;line-height:1.5}.hint{max-width:900px}.item-id{overflow-wrap:anywhere;font-size:11px}button,input,select{font:inherit}button{border:1px solid transparent;background:var(--purple);color:white;padding:12px 18px;border-radius:8px;cursor:pointer}button.secondary{background:white;color:#494159;border-color:#d9d4e6}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b4a2ff;outline-offset:3px}input,select{padding:11px;border:1px solid #d4d0df;border-radius:8px;background:white;max-width:100%}label{display:flex;flex-direction:column;gap:7px;font-size:14px}.category-form,.toolbar,[data-search-form]{display:flex;gap:16px;align-items:end;margin:22px 0}.toolbar{justify-content:space-between}.toolbar label{min-width:280px}.editor-list{display:grid;gap:10px}.editor-row,.search-row{display:flex;align-items:center;gap:14px;background:white;border:1px solid #e2deec;border-radius:10px;padding:12px}.editor-row img,.search-row img{width:64px;height:64px;object-fit:contain;border-radius:6px;background:#faf9fb}.item-details{display:grid;gap:5px;min-width:0;flex:1}.item-details strong{font-size:15px}.row-actions{display:flex;align-items:center;gap:8px}.icon-button{min-width:38px;padding:10px}.drag-handle{touch-action:none;cursor:grab;font-size:20px}.item-link{font-size:14px;margin-left:8px}.drop-target{border:2px solid var(--purple);padding:11px;background:#f0ebff}.dragging{opacity:.6}.badge{color:#815510;background:#fff3d0;font-size:12px;padding:3px 7px;border-radius:5px;width:fit-content}.savebar{position:sticky;bottom:12px;display:flex;gap:12px;align-items:center;margin-top:24px;background:#fff;padding:16px;border:1px solid #ddd8e9;border-radius:10px;box-shadow:0 6px 24px #31203d14;z-index:2}.savebar p{margin:0;font-size:14px}.error{color:#a92032}.accessory-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:24px}.search-panel{padding:0 16px 16px;background:#efedf5;border-radius:10px}.search-row{gap:8px;margin:8px 0}.search-row img{width:48px;height:48px}.search-row .item-details strong{font-size:14px}[data-search-form] input{width:100%}[data-search-form] label{flex:1;min-width:0}[hidden]{display:none!important}form[action="/auth/login/"]{display:grid;gap:20px;max-width:400px}
@media(max-width:900px){.accessory-columns{grid-template-columns:1fr}.row-actions{flex-wrap:wrap;max-width:165px}.editor-row{gap:9px}.item-link{width:100%;margin:0}.savebar{flex-wrap:wrap}.savebar p{width:100%}}
@media(max-width:560px){main{padding:24px 14px 100px}header{padding:18px 14px;flex-wrap:wrap}h1{font-size:27px}.editor-row{display:grid;grid-template-columns:36px 48px minmax(0,1fr);padding:9px}.editor-row img{width:48px;height:48px}.row-actions{grid-column:2/4;max-width:none}.item-link{width:auto}.toolbar{align-items:start;flex-direction:column}.toolbar label{min-width:0;width:100%}.category-form{align-items:stretch;flex-direction:column}.savebar{bottom:5px;padding:10px}.savebar button{padding:10px 12px;font-size:13px}.search-panel{padding:1px 10px 12px}}

/* All-category admin view; storefront styles are deliberately untouched. */
main:has([data-admin-catalog]){max-width:1900px}
.catalog-controls{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:end;gap:16px;background:#f6f5f9;padding:16px 0;border-bottom:1px solid #ddd8e9;margin-bottom:24px}
.catalog-controls label{min-width:210px}.catalog-controls p{font-size:13px;color:#686574;margin:0 0 12px}
.catalog-admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.hidden-product-search{grid-column:1/-1}
.product-edit-link{font-weight:700;color:inherit;text-decoration:none}
.product-edit-link:hover{text-decoration:underline}
.catalog-sidebar{position:sticky;top:115px;max-height:calc(100vh - 135px);overflow:auto}
.catalog-sidebar h2{font-size:14px;color:#686574;margin:0 0 12px}
.catalog-sidebar nav{display:grid;gap:6px}.catalog-sidebar a{display:flex;justify-content:space-between;gap:8px;padding:12px;border-radius:8px;background:#ece9f3;color:#494159;font-size:14px;text-decoration:none}
.catalog-sidebar a span{font-size:12px;opacity:.8}.catalog-sidebar a[aria-current]{background:var(--purple);color:white}
.catalog-admin-section{scroll-margin-top:115px;margin-bottom:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:0;font-size:24px}.section-heading>span{font-size:13px;color:#686574}
.catalog-admin-section .savebar{position:static;box-shadow:none;margin-top:12px}
.editor-row.order-card{display:block}.editor-row-main{display:flex;gap:14px;align-items:center}.editor-row-main .row-actions{flex-shrink:0}.editor-row-main .item-link{max-width:155px}
.accessory-preview-grid{list-style:none;margin:14px 0 0;padding:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;border-top:1px solid #eeebf4}
.accessory-preview{display:flex;align-items:start;gap:8px;min-width:0;padding:8px;background:#f8f6fc;border:1px solid #ede8f6;border-radius:7px}
.editor-row .accessory-preview img{width:44px;height:44px;flex-shrink:0}.accessory-preview-details{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.accessory-preview strong{font-size:12px;line-height:1.35}.accessory-preview .muted{font-size:11px}.accessory-preview .badge{font-size:10px;padding:2px 4px}
.accessory-empty{font-size:12px;margin:10px 0 0 52px}
@media(max-width:1100px){.catalog-admin-layout{grid-template-columns:175px minmax(0,1fr);gap:16px}.editor-row-main .row-actions{max-width:155px;flex-wrap:wrap}.editor-row-main .item-link{width:100%;margin:0}.accessory-preview-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}
@media(max-width:760px){.catalog-admin-layout{grid-template-columns:1fr}.catalog-sidebar{position:static;max-height:none}.catalog-sidebar nav{display:flex;overflow-x:auto;padding-bottom:6px}.catalog-sidebar a{flex-shrink:0}.catalog-controls{position:static}.catalog-controls label{flex:1;min-width:130px}.catalog-admin-section{scroll-margin-top:16px}.section-heading h2{font-size:21px}}
@media(max-width:560px){.editor-row-main{display:grid;grid-template-columns:36px 48px minmax(0,1fr);gap:9px}.editor-row-main .row-actions{grid-column:2/4;max-width:none}.editor-row-main .item-link{max-width:none;width:auto;margin-left:4px}.accessory-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.accessory-preview{flex-direction:column;padding:7px}.accessory-empty{margin-left:0}.section-heading{align-items:start}}
/* Read-only commercial details: one shared price block and codes by length. */
.catalog-commercial { margin: 10px 0 0 52px; max-width: 760px; font-size: 13px; }
.catalog-prices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; }
.catalog-prices dt { color: #727080; font-size: 12px; font-weight: 400; }
.catalog-prices dd { margin: 3px 0 0; font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.catalog-price-unit { display: block; font-size: 11px; margin-top: 3px; }
.catalog-codes { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 9px; }
.catalog-code-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; }
.catalog-code-row + .catalog-code-row { padding-top: 8px; border-top: 1px solid #eeebf4; }
.catalog-variant-name { flex-basis: 100%; overflow-wrap: anywhere; line-height: 1.45; }
.catalog-variant-unit,.catalog-variant-pack { overflow-wrap: anywhere; }
.catalog-variant-length { min-width: 65px; }
.catalog-variant-code { overflow-wrap: anywhere; min-width: 0; font-variant-numeric: tabular-nums; }
.catalog-code-row > .catalog-prices { flex-basis: 100%; }
.accessory-preview:has(.catalog-commercial) { display: grid; grid-template-columns: 44px minmax(0,1fr); align-content: start; }
.accessory-preview .catalog-commercial { grid-column: 1/-1; margin: 4px 0 0; font-size: 11px; }
.accessory-preview .catalog-prices { gap: 5px; }
.accessory-preview .catalog-prices dt { font-size: 10px; }
.accessory-preview .catalog-prices dd { font-size: 12px; }
.accessory-preview .catalog-codes { grid-template-columns: 1fr; gap: 4px; margin-top: 5px; }
@media(max-width:560px) {
    .catalog-commercial { margin-left: 0; }
    .catalog-codes { grid-template-columns: 1fr; }
    .catalog-prices { gap: 8px; }
}