#app.sidebar-collapsed .sidebar{width:64px!important;min-width:64px!important;flex:0 0 64px!important;display:flex!important}
#app.sidebar-collapsed .sidebar .nav-item,#app.sidebar-collapsed .sidebar .nav-group{box-sizing:border-box;width:44px!important;min-width:44px!important;margin-left:10px!important;margin-right:10px!important;padding:12px!important;font-size:0!important;gap:0!important;justify-content:center!important}
#app.sidebar-collapsed .sidebar .nav-group>span:first-child{font-size:0!important;gap:0!important;display:flex!important}
#app.sidebar-collapsed .sidebar .nav-group>span:last-child,#app.sidebar-collapsed .sidebar .nav-count,#app.sidebar-collapsed .sidebar .sidebar-version,#app.sidebar-collapsed .sidebar .nav-children{display:none!important}
#app.sidebar-collapsed .sidebar .nav-icon{width:20px!important;height:20px!important;min-width:20px!important;margin:0!important}
.inventory-horizontal-scroll{overflow-x:auto;max-width:100%}.inventory-fixed-grid{min-width:1200px!important;table-layout:fixed!important}.inventory-fixed-grid th.inventory-name-column{width:320px!important}.inventory-fixed-grid td{overflow:hidden;text-overflow:ellipsis}.inventory-fixed-grid th,.inventory-fixed-grid td{white-space:nowrap}
.pool-table{min-width:1050px}.pool-product-group td{background:#f4f1ec}.pool-group-toggle{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;color:inherit;padding:8px;cursor:pointer}.pool-group-toggle img{width:44px;height:44px;object-fit:cover;border-radius:6px}.pool-group-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s!important}.pool-group-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.pool-group-toggle>span{color:#8c8278}.pool-spec-row[hidden]{display:none!important}.sync-compact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px!important}.sync-compact strong{margin:0}.sync-time-row{display:flex;gap:12px;align-items:center;margin:12px 0}.sync-time-row input{flex:1;min-width:120px}

/* Animate both layout dimensions; min-width must not jump on expansion. */
#app .sidebar{min-width:64px!important;overflow-x:hidden!important;transition:width .32s cubic-bezier(.22,.68,.2,1),flex-basis .32s cubic-bezier(.22,.68,.2,1)!important}
#app .sidebar .nav-item,#app .sidebar .nav-group{white-space:nowrap}
.image-picker.is-readonly .image-picker-trigger{background:#eeece8!important;color:#8b8780!important;border-color:#e2dfda!important;box-shadow:none!important;cursor:default;opacity:1}
.image-picker.is-readonly .image-picker-trigger svg,.image-picker.is-readonly .image-picker-trigger .image-picker-none,.image-picker.is-readonly .image-picker-trigger img{display:none}

/* Backend shell: only navigation/content scroll, never the brand header. */
@media screen{
 #app{height:100vh;height:100dvh;overflow:hidden}
 #app .topbar{position:relative;z-index:100;height:64px;box-sizing:border-box;flex-shrink:0}
 #app .layout{height:calc(100% - 64px);min-height:0!important;overflow:hidden}
 #app .sidebar{position:relative;top:0;height:100%;max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}
 #app #mainContent{min-height:0!important;min-width:0;max-height:calc(100% - 18px);overflow:auto;overscroll-behavior-y:contain;box-sizing:border-box}
 @media(max-width:768px){
  #app .topbar{height:56px}
  #app .layout{height:calc(100% - 56px)}
  #app .sidebar{height:auto;max-height:30%;overflow-y:auto}
  #app #mainContent{max-height:100%;flex:1;min-height:0!important}
 }
}
/* Closed floating menus must not extend their scroll container. */
:is(#app,#modalRoot) :is(.sg-options,.image-picker-popup,.inv-options,.all-products-category-panel,.all-products-price-panel){display:none!important;transition:opacity .22s ease,transform .22s ease,visibility .22s,display .22s allow-discrete!important}
:is(#app,#modalRoot) :is(.sg-select.open .sg-options,.image-picker.open .image-picker-popup,.inv-filter.open .inv-options,.all-products-filter-select.open .all-products-category-panel){display:block!important}
:is(#app,#modalRoot) .all-products-price-panel.open{display:grid!important}
@starting-style{
 :is(#app,#modalRoot) :is(.sg-select.open .sg-options,.image-picker.open .image-picker-popup,.inv-filter.open .inv-options,.all-products-filter-select.open .all-products-category-panel,.all-products-price-panel.open){opacity:0!important;transform:translateY(-7px)!important}
}
#app .sg-card:last-of-type{margin-bottom:0}
#app .sg-card>.sg-field:last-child{margin-bottom:0}
#app #sgError:empty{display:none}
/* Product groups in inventory use the same quiet card treatment as orders. */
.inventory-card-table{border-collapse:separate!important;border-spacing:0 10px!important;table-layout:fixed!important;width:100%;min-width:700px}
.inventory-card-table thead th{white-space:nowrap;padding:10px 8px!important}
.inventory-card-table tbody tr td{background:var(--surface, #fffdfa);border-top:1px solid var(--border, #e6ddd3)!important;border-bottom:1px solid var(--border, #e6ddd3)!important;padding:10px 8px!important;vertical-align:middle;overflow-wrap:anywhere}
.inventory-card-table tbody tr td:first-child{border-left:1px solid var(--border, #e6ddd3)!important;border-radius:14px 0 0 14px}
.inventory-card-table tbody tr td:last-child{border-right:1px solid var(--border, #e6ddd3)!important;border-radius:0 14px 14px 0}
.inventory-card-table tbody tr.spec-group-row td,.inventory-card-table tbody tr:has(.inventory-group-toggle) td{background:var(--surface-muted, #f4f1ed)}
.inventory-card-table tbody td:first-child img,.inventory-card-table .inventory-thumb{width:40px!important;height:40px!important;object-fit:cover;border-radius:8px!important}
.inventory-card-table tbody td:first-child{overflow:hidden;text-overflow:clip!important}
.inventory-card-table td:nth-child(n+3){font-size:13px}
#mainContent .inventory-card-table{min-width:750px!important;width:100%!important}
#mainContent .inventory-card-table th.inventory-name-column{width:180px!important}
.inventory-card-table .spec-group-row td:nth-child(2)>span{display:block;margin:4px 0 0 22px!important;white-space:nowrap}
.inventory-card-table .inventory-group-toggle small{display:block;margin:4px 0 0 22px;white-space:nowrap}
/* Product library: keep actions readable when the window narrows. */
#mainContent .product-library-table{table-layout:fixed!important;width:100%!important;min-width:670px!important;border-collapse:separate!important;border-spacing:0 8px!important}
#mainContent .product-library-table th{padding:10px 8px!important;white-space:nowrap}
#mainContent .product-library-table td{padding:11px 8px!important;vertical-align:middle;background:var(--surface,#fffdfa);border-top:1px solid var(--border,#e6ddd3)!important;border-bottom:1px solid var(--border,#e6ddd3)!important}
#mainContent .product-library-table td:first-child{border-left:1px solid var(--border,#e6ddd3)!important;border-radius:13px 0 0 13px}
#mainContent .product-library-table td:last-child{border-right:1px solid var(--border,#e6ddd3)!important;border-radius:0 13px 13px 0}
#mainContent .product-library-table .spec-group-row td{background:var(--surface-muted,#f5f2ee)!important}
#mainContent .product-library-table .library-product-name{white-space:normal!important;overflow-wrap:anywhere;line-height:1.45}
#mainContent .product-library-table .library-spec-count{display:block;margin:3px 0 0 22px!important;white-space:nowrap;color:var(--text-muted,#776c62)!important;font-size:12px!important;font-weight:400!important}
#mainContent .product-library-table .spec-child-row .library-product-name{padding-left:20px!important}
#mainContent .product-library-table .library-group-status{color:#9a948e!important;text-align:center}
#mainContent .product-library-table .library-actions{white-space:normal!important;text-align:right!important;line-height:2.8}
#mainContent .product-library-table .library-actions button{margin:2px 0 2px 5px!important;white-space:nowrap}
#mainContent .product-library-table .library-actions .library-add-spec{color:var(--accent,#655747)!important;border-color:var(--border,#d9cec3)!important;background:var(--surface,#fff)!important;font-weight:600}
#mainContent .product-library-table img{border-radius:8px!important}
#mainContent .product-library-table .library-actions{white-space:nowrap!important;line-height:normal}
#mainContent .product-library-table .library-actions button{font-size:12px;padding:6px 9px}
#mainContent .product-library-table .library-product-name>span:not(.library-spec-count){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
/* Keep all inventory tabs on the same compact product layout. */
#mainContent .inventory-card-table th.inventory-name-column{width:200px!important}
#mainContent .inventory-card-table .inventory-group-toggle{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;text-align:left;width:100%;line-height:1.4}
#mainContent .inventory-card-table .inventory-chevron{grid-column:1;margin:0;line-height:1.1}
#mainContent .inventory-card-table .inventory-product-title{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}
#mainContent .inventory-card-table .inventory-group-toggle small{grid-column:2;margin:3px 0 0!important;font-weight:400;font-size:12px;white-space:nowrap}
#app #mainContent .inventory-card-table .inventory-chevron{display:block;width:16px;height:16px;transform:rotate(0deg);transform-origin:center;transition:transform .28s cubic-bezier(.2,.7,.2,1)!important}
#app #mainContent .inventory-card-table .inventory-group-toggle[aria-expanded="true"] .inventory-chevron{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){#app #mainContent .inventory-card-table .spec-toggle-arrow{transition-duration:.28s!important}}
#mainContent .product-library-table td.library-pending{background:#fff7dc!important;box-shadow:inset 3px 0 #e4ae35;color:#654900}
#mainContent .product-library-table .library-review-badge,#mainContent .product-library-table .library-rejected-badge{display:inline-block!important;margin:0 0 0 8px!important;padding:2px 7px;border-radius:10px;background:#ffedb2;color:#795300;font-size:12px;line-height:1.4;white-space:nowrap}
#mainContent .product-library-table .library-rejected-badge{background:#fee8e7;color:#a63229}
#mainContent .product-library-table .library-price-cell input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border,#d9cec3);border-radius:8px;background:var(--surface,#fff);padding:8px;color:inherit;font:inherit}
#mainContent .product-library-table .library-price-cell input:focus{outline:2px solid var(--accent,#655747);outline-offset:1px}
/* Owner sections use a single rounded container; rows stay aligned across sections. */
#mainContent .product-library-table:has(.library-owner-group){border-spacing:0 12px!important}
#mainContent .product-library-table .library-owner-heading td{padding:0!important;border:1px solid var(--border,#e4dcd3)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:var(--surface-muted,#f4f1ed)!important}
#mainContent .library-owner-toggle{width:100%;display:flex;align-items:center;gap:10px;text-align:left;color:inherit;background:transparent;border:0;padding:12px 14px;cursor:pointer}
#mainContent .library-owner-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6dbcf;color:#65574b;font-weight:700}
#mainContent .library-owner-toggle small{color:var(--text-muted,#81766c);font-size:12px}
#mainContent .library-owner-arrow{margin-left:auto;transition:transform .22s ease}
#mainContent .library-owner-closed .library-owner-arrow{transform:rotate(-90deg)}
#mainContent .product-library-table tbody.library-owner-group>tr:not(.library-owner-heading) td{border-top:0!important;border-bottom:1px solid var(--border,#eae3dc)!important;border-radius:0!important}
#mainContent .product-library-table tbody.library-owner-group>tr:not(.library-owner-heading):last-child td:first-child{border-radius:0 0 0 14px!important}
#mainContent .product-library-table tbody.library-owner-group>tr:not(.library-owner-heading):last-child td:last-child{border-radius:0 0 14px 0!important}
#mainContent .library-owner-closed>tr:not(.library-owner-heading){display:none!important}
#mainContent .product-library-table tr.library-pending-row td{background:#fff4d3!important;color:#594d31}
#mainContent .product-library-table tr.library-pending-row td:first-child{box-shadow:inset 3px 0 #e0ad42}
#mainContent .product-library-table:has(.library-owner-group){border-spacing:0!important}
#mainContent .product-library-table tbody.library-owner-gap td{height:12px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#mainContent .product-library-table tbody.library-owner-closed .library-owner-heading td{border-bottom:1px solid var(--border,#e4dcd3)!important;border-radius:14px!important}