.sales-main{height:calc(100vh - 110px);overflow:hidden;padding:16px 18px 0}.sales-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.sales-heading .eyebrow{margin:0;color:#1559b7;font-size:9px;font-weight:900;letter-spacing:.13em}.sales-heading h1{margin:1px 0 0;font-size:27px}.sales-heading p:last-child{margin:2px 0 0;color:#63738a;font-size:11px}.relationship-map{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;max-width:850px;margin:11px 0 10px;border:1px solid #d9e4f0;border-radius:10px;background:#fff;padding:6px}.relationship-map>span,.relationship-map>a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 8px;align-items:center;border-radius:7px;padding:6px 8px;color:#40536c;text-decoration:none}.relationship-map .active{background:#edf5ff;color:#134f9e}.relationship-map b{grid-row:1/3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e5edf7;color:#1559b7;font-size:10px}.relationship-map strong{font-size:11px}.relationship-map small{font-size:8px;color:#718096}.relationship-map i{text-align:center;color:#8fa1b7;font-style:normal}.sales-summary{position:absolute;top:80px;right:18px;display:flex;gap:6px}.sales-summary span{display:grid;min-width:90px;border:1px solid #d9e4f0;border-radius:8px;background:#fff;padding:6px 9px}.sales-summary strong{font-size:16px;color:#143f75}.sales-summary small{font-size:8px;color:#6c7b8f}.sales-summary .warning{background:#fff8ea;border-color:#f1d69d}.sales-summary .danger{background:#fff0f0;border-color:#eec2c2}.sales-board{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100% - 132px);border:1px solid #d7e1ed;border-radius:10px 10px 0 0;overflow:hidden;background:#fff;transition:grid-template-columns .2s}.sales-board.queue-collapsed{grid-template-columns:68px minmax(0,1fr)}.listing-queue{position:relative;display:grid;grid-template-rows:auto auto 1fr;min-width:0;border-right:1px solid #dbe4ef;background:#fff;overflow:hidden}.listing-queue>header{padding:11px 12px 8px}.listing-queue>header>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.listing-queue>header span{display:flex;align-items:center;gap:7px}.listing-queue h2{margin:0;font-size:15px}.listing-queue header b{border-radius:6px;background:#e9f1fd;color:#1559b7;padding:2px 6px;font-size:10px}.listing-queue header p{margin:3px 0 0;color:#6b788a;font-size:9px;line-height:1.5}.listing-queue header button{border:1px solid #c3d2e3;border-radius:7px;background:#fff;color:#174f94;padding:4px 7px;font-size:9px;font-weight:850}.pending-filter{display:flex;gap:4px;padding:0 10px 8px}.pending-filter button{border:1px solid #d7e1ed;border-radius:6px;background:#fff;color:#5a6b80;padding:4px 6px;font-size:8px}.pending-filter button.active{border-color:#1559b7;background:#1559b7;color:#fff}.pending-list{display:grid;align-content:start;gap:6px;padding:0 9px 16px;overflow:auto}.pending-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:7px;border:1px solid #d9e3ef;border-radius:8px;background:#fff;padding:6px;text-align:left;color:inherit;cursor:grab}.pending-card:hover{border-color:#2a67bd}.pending-card.dragging{opacity:.45}.pending-cover{width:50px;height:50px;border-radius:6px;background:#f1f4f8;display:grid;place-items:center;overflow:hidden}.pending-cover img{width:100%;height:100%;object-fit:cover}.pending-cover span{font-size:7px;color:#8290a2}.pending-copy{min-width:0;display:grid;align-content:center}.pending-copy b{font-size:8px;color:#1559b7;text-transform:capitalize}.pending-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.4}.pending-copy small{font-size:8px;color:#6b7b8f}.queue-rail-label{display:none}.listing-queue.collapsed{grid-template-rows:1fr}.listing-queue.collapsed header{display:flex;flex-direction:column;align-items:center;padding:9px 4px}.listing-queue.collapsed header>div{display:block}.listing-queue.collapsed header span,.listing-queue.collapsed header p,.listing-queue.collapsed .pending-filter,.listing-queue.collapsed .pending-list{display:none}.listing-queue.collapsed header button{width:40px;height:32px;padding:0}.listing-queue.collapsed header button em{display:none}.listing-queue.collapsed .queue-rail-label{position:absolute;top:58px;left:0;right:0;display:grid;justify-items:center;gap:4px;color:#5b6c81}.queue-rail-label strong{min-width:32px;border-radius:999px;background:#e9f1fd;color:#1559b7;padding:4px;text-align:center}.queue-rail-label small{font-size:9px}.sellable-canvas{display:grid;grid-template-rows:auto 1fr;min-width:0;background:#f7f9fc}.sellable-toolbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dfe7f1;background:#fff;padding-right:10px}.sellable-toolbar .category-tabs{flex:1;border:0}.drag-guide{white-space:nowrap;color:#6b7b8e;font-size:8px}.sellable-catalog{overflow:auto;padding:10px;display:grid;gap:11px;align-content:start}.sellable-category{border:1px solid #d9e4ef;border-radius:10px;background:#fff;padding:10px}.sellable-category>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4eaf2;padding-bottom:7px;margin-bottom:8px}.sellable-category h2{margin:0;font-size:14px}.sellable-category header small{color:#68798e}.category-create-drop{border:1px dashed #a5b8cf;border-radius:8px;background:#fbfdff;color:#5d718a;padding:8px;text-align:center;font-size:9px;margin-bottom:8px}.category-create-drop.drag-over,.sellable-card.drag-over{border-color:#1559b7;background:#edf5ff;color:#124fa8;box-shadow:0 0 0 2px #1559b721}.sellable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:8px}.sellable-card{position:relative;display:grid;grid-template-rows:auto 1fr;border:1px solid #d9e4ef;border-radius:9px;background:#fff;padding:7px;text-align:left;color:inherit;cursor:pointer}.sellable-card[draggable=true]{cursor:grab}.sellable-card.dragging{opacity:.43}.sellable-card:hover,.sellable-card.selected{border-color:#2465bd;box-shadow:0 0 0 2px #2465bd18}.sellable-cover{aspect-ratio:1/1;border-radius:7px;background:#f1f4f8;display:grid;place-items:center;overflow:hidden}.sellable-cover img{width:100%;height:100%;object-fit:cover}.sellable-cover>span{font-size:9px;color:#8793a2}.component-stack{position:absolute;top:13px;left:13px;display:flex}.component-dot{width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#eaf1f9;overflow:hidden;margin-left:-8px;display:grid;place-items:center;color:#365b86;font-size:8px;font-weight:900}.component-dot:first-child{margin-left:0}.component-dot img{width:100%;height:100%;object-fit:cover}.sellable-card-copy{padding:7px 3px 3px;min-width:0}.sellable-card-labels{display:flex;justify-content:space-between;gap:5px}.sellable-state{border-radius:999px;background:#e8f7ed;color:#24703d;padding:2px 5px;font-size:7px;font-weight:850}.sellable-state.review{background:#fff0df;color:#a0520c}.sellable-state.recipe_missing{background:#fdebec;color:#a22f35}.sellable-card h3{margin:3px 0 6px;font-size:11px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sellable-badges{display:flex;flex-wrap:wrap;gap:3px}.sellable-badges span{border-radius:5px;background:#edf3fb;color:#385d87;padding:2px 5px;font-size:7px}.platform-dots{display:flex;gap:3px}.platform-dots i{width:7px;height:7px;border-radius:50%;background:#ccd5df}.platform-dots i.on.shopee{background:#ee5b2d}.platform-dots i.on.lazada{background:#3157cf}.platform-dots i.on.tiktok{background:#152033}.sellable-empty{padding:32px;text-align:center;border:1px dashed #b6c6d8;border-radius:9px;color:#68798e}.sales-drawer{position:fixed;right:0;top:68px;bottom:42px;width:min(610px,calc(100vw - 240px));z-index:31;background:#fff;border-left:1px solid #cfdbea;box-shadow:-18px 0 44px #071b3633;transform:translateX(calc(100% + 30px));transition:transform .2s ease;overflow:auto}.sales-drawer.open{transform:none}.sales-drawer>header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fffffff2;border-bottom:1px solid #dce5ef}.sales-drawer>header button{border:1px solid #b9cbe0;border-radius:7px;background:#fff;color:#174f94;padding:5px 8px;font-weight:800}.sales-detail{padding:13px}.sales-detail-hero{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px}.sales-detail-cover{width:116px;aspect-ratio:1/1;border-radius:9px;background:#f2f5f8;overflow:hidden;display:grid;place-items:center}.sales-detail-cover img{width:100%;height:100%;object-fit:cover}.sales-detail .eyebrow{margin:3px 0;color:#1559b7;font-size:8px;font-weight:900;letter-spacing:.12em}.sales-detail h2{margin:0;font-size:17px;line-height:1.4}.sales-detail-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.sales-detail-meta span{border-radius:999px;background:#edf4fc;color:#315b8a;padding:3px 7px;font-size:8px;font-weight:800}.sales-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dde6f0;margin:13px -13px 0;padding:0 10px}.sales-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 3px;color:#607086;font-size:8px}.sales-tabs button.active{border-bottom-color:#1559b7;color:#1559b7;font-weight:900}.sales-tab-body{padding-top:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.section-heading h3{margin:0;font-size:13px}.section-heading button{padding:5px 7px;font-size:8px}.component-list,.variant-list,.listing-list{display:grid;gap:6px}.component-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;border:1px solid #dfe7f0;border-radius:7px;padding:8px}.component-row span{display:grid;font-size:10px}.component-row small{font-size:8px;color:#718096}.component-row b{color:#1559b7}.component-row button{border:0;background:none;color:#a22f35;font-size:8px}.variant-card{border:1px solid #dfe7f0;border-radius:8px;background:#fbfcfe;padding:8px}.variant-card>header{display:flex;justify-content:space-between}.variant-card h4{margin:0;font-size:11px}.variant-card code{font-size:8px;color:#1559b7}.variant-components{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.variant-components span{border-radius:5px;background:#edf3fb;padding:3px 5px;font-size:7px}.listing-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px;border:1px solid #dfe7f0;border-radius:8px;padding:7px}.listing-row-cover{width:64px;height:64px;border-radius:6px;background:#f1f4f8;overflow:hidden;display:grid;place-items:center}.listing-row-cover img{width:100%;height:100%;object-fit:cover}.listing-row-copy{min-width:0;display:grid;align-content:start}.listing-row-copy b{font-size:8px;color:#1559b7;text-transform:capitalize}.listing-row-copy strong{font-size:10px;line-height:1.4}.listing-row-copy small{font-size:8px;color:#68798e}.listing-row-actions{display:grid;justify-items:end;align-content:space-between}.listing-row-actions a{color:#1559b7;font-size:8px;font-weight:850}.listing-row-actions button{border:0;background:none;color:#a22f35;font-size:7px}.media-listing{border:1px solid #dfe7f0;border-radius:8px;padding:8px;margin-bottom:7px}.media-listing>header{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.listing-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.listing-media-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:#f1f4f8}.empty-recipe{border:1px dashed #e0aeb1;border-radius:8px;background:#fff6f6;color:#8f3438;padding:15px;text-align:center;font-size:9px}.shared-form{display:grid;gap:8px}.shared-form label{display:grid;gap:4px;font-size:9px;font-weight:750}.shared-form input,.shared-form select,.shared-form textarea,.form-dialog textarea{border:1px solid #cbd7e6;border-radius:7px;padding:8px;background:#fff}.shared-form footer{display:flex;justify-content:flex-end}.review-field{grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.review-field input{width:16px}.merge-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.merge-preview article{border:1px solid #dbe5ef;border-radius:8px;padding:8px;font-size:10px}.merge-preview b{color:#1559b7}
@media(max-width:1120px){.sales-summary{display:none}.relationship-map{max-width:none}.drag-guide{display:none}}
@media(max-width:760px){.sales-main{height:calc(100vh - 102px);padding:10px 9px 0}.sales-heading h1{font-size:22px}.sales-heading p:last-child{font-size:9px}.relationship-map{grid-template-columns:1fr 16px 1fr;margin:8px 0}.relationship-map>span:last-child,.relationship-map>i:nth-of-type(2){display:none}.sales-board,.sales-board.queue-collapsed{display:block;height:calc(100% - 116px)}.listing-queue{position:absolute;left:9px;right:9px;top:112px;bottom:42px;z-index:12;border:1px solid #d7e1ed;border-radius:9px;box-shadow:0 12px 32px #071b3630}.listing-queue.collapsed{position:static;height:48px;border:0;border-bottom:1px solid #dfe7f1;border-radius:0;box-shadow:none}.listing-queue.collapsed header{display:flex;align-items:center;justify-content:center}.listing-queue.collapsed .queue-rail-label{top:9px;left:52px;right:auto;display:flex;align-items:center;gap:5px}.sellable-canvas{height:calc(100% - 48px)}.sellable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sellable-card h3{font-size:10px}.sellable-toolbar{padding:0}.sales-drawer{top:60px;bottom:42px;width:100vw}.sales-detail-hero{grid-template-columns:92px minmax(0,1fr)}.sales-detail-cover{width:92px}.sales-tabs button{font-size:7px}.listing-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-help{display:none}}
.sales-tabs{grid-template-columns:repeat(5,1fr)}

/* Keep the catalog within the board so this column receives the scroll. */
.sellable-canvas{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}
.sellable-toolbar,.sellable-catalog{min-width:0;width:100%}
.sellable-catalog{min-height:0}