/* Elbadry final interface layer — lightweight, responsive and brand-native. */
:root{
  --admin-ink:#171717;
  --admin-muted:#716b67;
  --admin-surface:#fff;
  --admin-canvas:#f6f4f2;
  --admin-line:#e9e4e0;
  --admin-orange:#f26a21;
  --admin-orange-dark:#cf5110;
  --admin-shadow:0 12px 32px rgba(36,27,22,.07);
  --category-thumb-size:108px;
  --category-thumb-ratio:4/3;
  --category-thumb-fit:cover;
  --category-thumb-position:50% 50%;
  --product-thumb-ratio:1/1;
  --product-thumb-fit:cover;
  --product-thumb-position:50% 50%;
  --gallery-thumb-ratio:4/5;
  --gallery-thumb-fit:contain;
  --gallery-thumb-position:50% 50%
}

html{scrollbar-gutter:stable}
body{font-family:"DM Sans","Cairo",sans-serif;background:var(--admin-canvas);color:var(--admin-ink)}
[dir="rtl"] body,body.rtl{font-family:"Cairo","DM Sans",sans-serif}
body:not(.customer-mode) .app-shell{grid-template-columns:238px minmax(0,1fr);background:var(--admin-canvas)}
body:not(.customer-mode) .main{min-width:0}

/* Compact Fuse-inspired shell using the existing Elbadry identity. */
body:not(.customer-mode) .sidebar{width:238px;padding:14px 12px;background:#171717;color:#fff;box-shadow:8px 0 28px rgba(0,0,0,.08)}
.sidebar .brand-row{gap:10px;padding:7px 8px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-logo{max-width:42px;max-height:42px;object-fit:contain}
.sidebar .brand-row strong{font-size:13px;color:#fff}
.sidebar .brand-row span{font-size:9px;color:#9c9794}
.sidebar nav{gap:3px;padding:10px 0;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d4743 transparent}
.sidebar nav>button,.nav-group summary,.nav-group-items button,.nav-group-link{min-height:39px;border-radius:9px!important;padding:9px 10px!important;font-size:11px!important;color:#cfcac7!important;transition:background .15s,color .15s,transform .15s}
.sidebar nav>button>span,.nav-group summary>span,.nav-group-items button>span,.nav-group-link>span{width:22px;color:#aaa4a0;text-align:center;font-size:14px}
.sidebar nav button:hover,.sidebar nav button.active,.nav-group-link:hover{background:rgba(242,106,33,.12)!important;color:#fff!important;transform:none}
.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--admin-orange)}
[dir="rtl"] .sidebar nav button.active{box-shadow:inset -3px 0 0 var(--admin-orange)}
.nav-group{border:0!important}
.nav-group summary{list-style:none;display:flex!important;align-items:center;gap:8px;cursor:pointer;font-weight:750}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:"⌄";margin-inline-start:auto;color:#777;font-size:11px;transition:transform .15s}
.nav-group[open] summary::after{transform:rotate(180deg)}
.nav-group-items{margin:1px 0 5px 9px!important;padding-left:9px!important;border-left:1px solid rgba(255,255,255,.08)}
[dir="rtl"] .nav-group-items{margin:1px 9px 5px 0!important;padding:0 9px 0 0!important;border:0;border-right:1px solid rgba(255,255,255,.08)}
.sidebar-bottom{gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.sidebar .user-chip{padding:8px;background:#222;border:1px solid #302d2b;border-radius:11px}
.sidebar .user-chip>span{width:31px;height:31px;background:var(--admin-orange);color:#fff}
.sidebar .user-chip strong{font-size:11px;color:#fff}.sidebar .user-chip small{font-size:9px;color:#aaa4a0}

body:not(.customer-mode) .topbar{position:sticky;top:0;z-index:11;height:78px;padding:12px 22px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--admin-line);backdrop-filter:blur(14px)}
.topbar .eyebrow{font-size:9px;color:var(--admin-orange-dark)}
.topbar h2{margin:1px 0 0;color:var(--admin-ink);font-size:22px;letter-spacing:-.025em}
.top-actions{gap:7px}
.build-badge{border:1px solid #eee7e2!important;background:#faf8f7!important;color:#827a75!important}
body:not(.customer-mode) .content{max-width:1640px;margin:0 auto;padding:22px 24px 54px}

/* Calm controls: one visual hierarchy and reliable touch sizes. */
.btn,.icon-btn{min-height:38px;border-radius:9px!important;font-weight:750;box-shadow:none!important}
.btn.primary{border-color:var(--admin-orange)!important;background:var(--admin-orange)!important;color:#fff!important}
.btn.primary:hover{border-color:var(--admin-orange-dark)!important;background:var(--admin-orange-dark)!important}
.btn.danger{background:#fff!important;color:#a83c3c!important;border-color:#efcece!important}
.btn.ghost{background:transparent!important}
.btn.small{min-height:34px}
input,select,textarea{min-height:42px;border-color:var(--admin-line)!important;border-radius:9px!important;background:#fff;color:var(--admin-ink)}
input:focus,select:focus,textarea:focus{border-color:#f29a6b!important;box-shadow:0 0 0 3px rgba(242,106,33,.11)!important;outline:0}
.panel,.data-card,.kpi-card,.website-settings-section,.sale-card{border-color:var(--admin-line)!important;border-radius:15px!important;box-shadow:none!important}
.toolbar{gap:8px;padding:10px;border:1px solid var(--admin-line);border-radius:13px;background:#fff}

/* Products: contextual actions remain close to selection, destructive action stays tucked away. */
.batch-product-toolbar{position:sticky;top:88px;z-index:8;display:grid!important;grid-template-columns:auto auto auto minmax(190px,260px) auto;align-items:center;gap:7px;margin:0 0 12px;padding:9px 10px;border:1px solid #ffd1b8;border-radius:12px;background:rgba(255,249,245,.96);box-shadow:0 8px 24px rgba(71,37,18,.07);backdrop-filter:blur(12px)}
.batch-product-toolbar>span{font-size:10px;color:#736a64;white-space:nowrap}
.batch-product-toolbar>select{min-height:36px;font-size:10px}
.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}
.product-card{overflow:visible;border-color:var(--admin-line);border-radius:14px;box-shadow:none}
.product-card>.product-image{border-radius:14px 14px 0 0}
.product-card:hover{border-color:#f3b28f;box-shadow:var(--admin-shadow);transform:translateY(-1px)}
.product-image{aspect-ratio:var(--product-thumb-ratio)!important;background:#f1eeec}
.product-image>img,.shop-product-image>img{object-fit:var(--product-thumb-fit)!important;object-position:var(--product-thumb-position)!important}
.product-body{padding:12px}.product-body h3{color:var(--admin-ink)}
.card-actions{align-items:stretch;flex-wrap:nowrap}.card-actions>.btn{flex:1;min-width:0;padding-inline:7px;font-size:9px}
.product-action-menu{position:relative;flex:0 0 auto}.product-action-menu>summary{list-style:none;width:38px;height:100%;min-height:34px}.product-action-menu>summary::-webkit-details-marker{display:none}
.product-action-menu>div{position:absolute;right:0;bottom:calc(100% + 6px);z-index:9;display:grid;min-width:145px;padding:6px;border:1px solid var(--admin-line);border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(34,25,20,.16)}
[dir="rtl"] .product-action-menu>div{right:auto;left:0}.product-action-menu>div .btn{justify-content:flex-start;width:100%;border:0;font-size:9px}

/* One simple image profile controls every matching visual without altering originals. */
.thumbnail-control-center{padding:17px;border:1px solid #ffd3bc;border-radius:16px;background:linear-gradient(135deg,#fffaf7,#fff)}
.thumbnail-control-center>.editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.thumbnail-control-center>.editor-title strong,.thumbnail-control-center>.editor-title small{display:block}
.thumbnail-control-center>.editor-title small{margin-top:4px;color:var(--admin-muted);font-size:10px}
.thumbnail-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.thumbnail-profile-grid>article{display:grid;align-content:start;gap:10px;min-width:0;padding:13px;border:1px solid var(--admin-line);border-radius:13px;background:#fff}
.thumbnail-profile-grid h4{margin:0;color:var(--admin-ink);font-size:13px}
.thumbnail-profile-preview{width:100%;max-height:190px;overflow:hidden;border-radius:11px;background:#f1eeec;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.thumbnail-profile-preview.category-preview{aspect-ratio:var(--category-thumb-ratio)}
.thumbnail-profile-preview.product-preview{aspect-ratio:var(--product-thumb-ratio)}
.thumbnail-profile-preview.gallery-preview{aspect-ratio:var(--gallery-thumb-ratio)}
.thumbnail-profile-preview img{width:100%;height:100%}
.thumbnail-profile-preview.category-preview img{object-fit:var(--category-thumb-fit);object-position:var(--category-thumb-position)}
.thumbnail-profile-preview.product-preview img{object-fit:var(--product-thumb-fit);object-position:var(--product-thumb-position)}
.thumbnail-profile-preview.gallery-preview img{object-fit:var(--gallery-thumb-fit);object-position:var(--gallery-thumb-position)}
.thumbnail-focus-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.thumbnail-focus-fields input[type="range"]{min-height:28px;padding:0;accent-color:var(--admin-orange)}
.collection-card>img,.mega-category-link img,.category-admin-cover,.category-image-option img,.catalogue-tile-photo img,.catalogue-page-category>img{object-fit:var(--category-thumb-fit)!important;object-position:var(--category-thumb-position)!important}
.collection-card{flex:0 0 calc(var(--category-thumb-size) + 10px)!important}
.collection-card>img{width:var(--category-thumb-size)!important;height:auto!important}
.collection-card>img,.catalogue-tile-photo{aspect-ratio:var(--category-thumb-ratio)!important}
.category-admin-cover-wrap{width:var(--category-thumb-size)!important;max-width:100%;aspect-ratio:var(--category-thumb-ratio);height:auto!important}
.product-gallery-main img,.product-detail-main-image{object-fit:var(--gallery-thumb-fit)!important;object-position:var(--gallery-thumb-position)!important}

/* Sales picker: filters + pagination eliminate the previous full-page scroll. */
.sales-order-modal{border-radius:18px!important}
.sales-product-browser,.sales-cart-panel{border-color:var(--admin-line);border-radius:14px}
.sales-browser-toolbar{grid-template-columns:minmax(190px,1fr) minmax(130px,190px) minmax(130px,190px)!important;gap:7px;background:#faf8f7}
.sales-product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;overscroll-behavior:contain}
.sales-product-card{position:relative;border-color:var(--admin-line);border-radius:12px}
.sales-product-card.is-picked{border-color:var(--admin-orange);box-shadow:0 0 0 2px rgba(242,106,33,.13)}
.sales-product-pick{position:absolute;top:6px;left:6px;z-index:2;display:flex;grid-template-columns:auto auto;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:8px}
[dir="rtl"] .sales-product-pick{right:6px;left:auto}
.sales-product-pick input{width:14px;height:14px;min-height:0;accent-color:var(--admin-orange)}
.sales-product-image{aspect-ratio:var(--product-thumb-ratio)!important}.sales-product-image img{object-fit:var(--product-thumb-fit)!important;object-position:var(--product-thumb-position)!important}
.sales-product-code{white-space:normal!important;line-height:1.35}
.sales-product-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;border-top:1px solid var(--admin-line);background:#fff}
.sales-product-pager{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}
.sales-product-pager .btn{min-width:34px;padding:6px}
.sales-component-price-list{border-top:1px solid #eee8e4;padding-top:5px}
.sales-component-price-list summary{cursor:pointer;color:#746c66;font-size:8px;font-weight:800}
.sales-component-price-list>div{display:grid;gap:3px;margin-top:5px}
.sales-component-price-list span{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;font-size:8px}

/* Fast showroom order desk: dense, image-led and usable while a client waits. */
.sales-order-modal{width:min(1440px,calc(100vw - 28px))!important}
.sales-order-modal .modal-head{min-height:62px;padding:13px 18px}
.sales-order-modal .modal-head h3{font-size:20px;color:var(--admin-orange-dark)}
.sales-order-modal .modal-body{background:#f7f5f3}
.sales-customer-panel{padding:12px!important;background:#fff!important;border-color:var(--admin-line)!important}
.sales-order-heading{margin-bottom:9px!important}.sales-order-heading p{max-width:420px;font-size:10px!important}
.sales-customer-grid{gap:8px!important}.sales-customer-grid label{font-size:9px}.sales-customer-grid input,.sales-customer-grid select{min-height:38px;padding:7px 9px;font-size:11px}
.sales-order-workspace{grid-template-columns:minmax(570px,1.12fr) minmax(480px,.88fr)!important;gap:10px!important;min-height:520px!important}
.sales-product-browser,.sales-cart-panel{border-radius:13px!important;background:#fff}
.sales-browser-head,.sales-cart-head{padding:10px 12px!important}.sales-browser-head strong,.sales-cart-head strong{font-size:13px}.sales-browser-head small,.sales-cart-head small{font-size:9px}
.sales-browser-toolbar{padding:8px 10px!important}.sales-browser-toolbar input,.sales-browser-toolbar select{min-height:38px;font-size:11px}
.sales-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
.sales-product-card{display:grid!important;grid-template-columns:112px minmax(0,1fr);min-height:138px;overflow:hidden!important;border-radius:11px!important;background:#fff}
.sales-product-image{width:112px;height:100%;min-height:138px;aspect-ratio:auto!important}.sales-product-image img{display:block;width:100%;height:100%}.sales-product-image>span{top:auto!important;right:6px!important;bottom:6px;left:6px;padding:4px!important;text-align:center;white-space:normal}
.sales-product-info{gap:4px!important;padding:9px!important}.sales-product-info>strong{min-height:0!important;font-size:11px!important}.sales-product-code{font-size:8px!important}.sales-product-price{font-size:13px!important}.sales-product-price small{display:block;color:#777;font-size:8px}
.sales-product-info>.btn{min-height:32px;margin-top:auto;padding:5px 7px;font-size:9px}
.sales-product-pick{top:6px!important;left:6px!important;padding:4px!important;border-radius:7px!important}.sales-product-pick span{display:none}
.sales-product-picker-footer{padding:7px 9px!important}.sales-product-picker-footer>[data-add-selected-sale-products]{min-height:34px}
.sales-cart-panel #saleItemRows{padding:0 9px}.sales-cart-panel .order-item-row{grid-template-columns:76px minmax(0,1fr)!important;gap:9px!important;padding:9px 0!important}.sales-cart-thumb{min-height:86px!important;border-radius:9px!important}.sales-cart-fields{gap:6px!important}.sales-cart-fields input,.sales-cart-fields select{min-height:35px!important;padding:6px 8px!important}

/* Social Studio: quiet hierarchy and compact mode selection on every screen. */
.social-flow-header{min-height:58px;padding:10px 13px!important}.social-flow-header .eyebrow{margin-bottom:2px}.social-flow-header h2{font-size:18px!important}.social-flow-header ol{gap:4px!important}.social-flow-header li{padding:5px 8px!important;border-radius:8px!important;font-size:9px}.social-flow-header li b{width:17px!important;height:17px!important}.social-flow-header li span{white-space:nowrap}
.social-design-studio{grid-template-columns:minmax(240px,280px) minmax(390px,1fr) minmax(300px,340px)!important;gap:9px!important}
.social-products-panel{padding:11px!important}.social-panel-description{margin:5px 0 9px!important;font-size:9px!important}.social-product-filter-grid{gap:5px}.social-product-search{margin-top:5px!important}.social-selection-actions{margin:6px 0 8px!important}
.social-workflow-modes{display:flex!important;gap:3px!important;padding:3px;border:1px solid var(--studio-line);border-radius:9px;background:#f5f2f0}
.social-workflow-modes label{position:relative;flex:1;justify-content:center;min-height:31px!important;padding:5px 7px!important;border:0!important;border-radius:7px!important;background:transparent!important;text-align:center;font-size:9px!important;cursor:pointer}
.social-workflow-modes label:has(input:checked){background:#fff!important;color:var(--admin-orange-dark);box-shadow:0 1px 5px rgba(35,25,20,.09)}
.social-workflow-modes input{position:absolute;width:1px!important;height:1px!important;min-height:1px!important;opacity:0}
.social-template-library{margin:6px 0!important;padding:7px!important}.social-inspector-section{padding:10px!important}.social-inspector-heading{margin-bottom:7px!important}.social-inspector-heading h3{font-size:11px!important}
.social-export-bar{gap:5px}.social-export-bar .btn{min-height:34px!important}

/* Catalogue control stays operationally dense without becoming visually crowded. */
.catalogue-control-hero{border-color:#ffd3bc;box-shadow:none}
.catalogue-layout-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.catalogue-control-card{border-color:var(--admin-line);box-shadow:none}
.catalogue-sub-control{display:flex;align-items:stretch;gap:3px;min-width:150px}
.catalogue-sub-control .catalogue-sub-switch{flex:1;min-width:0}
.catalogue-sub-download{display:grid;place-items:center;width:34px;min-width:34px;border:0;border-radius:9px;background:#171717;color:#fff;font-weight:900}
.catalogue-sub-download:hover{background:var(--admin-orange)}
.catalogue-sub-download:disabled{cursor:not-allowed;background:#ded9d6;color:#999}
.catalogue-tile-subcategories{display:grid!important;gap:5px!important}
.catalogue-tile-subcategories .catalogue-tile-download{background:#faf7f5}

/* Social Studio: editor first, contextual controls, saved templates, mobile tool sheets. */
.social-studio-page{--studio-line:#e7e2de;--studio-bg:#f4f1ef}
.social-flow-header{border-color:var(--studio-line);box-shadow:none}
.social-design-studio{gap:12px!important}
.social-products-panel,.social-preview-panel,.social-inspector-panel{border:1px solid var(--studio-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.social-product-list{max-height:610px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.social-product-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px}
.social-template-library{display:grid;grid-template-columns:1fr auto;gap:6px;margin:9px 0;padding:9px;border:1px solid #eee7e2;border-radius:10px;background:#faf8f7}
.social-template-library>strong{grid-column:1/-1;font-size:10px}.social-template-library select{min-width:0;min-height:36px;font-size:9px}
.social-product-pager{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px}.social-product-pager span{color:var(--admin-muted);font-size:9px}
.social-product-card{border-radius:10px!important}
.social-product-card.selected{border-color:var(--admin-orange)!important;background:#fff7f2!important}
.social-canvas-frame{overflow:hidden;border-radius:10px;background:#ddd9d6;box-shadow:0 14px 36px rgba(40,31,26,.12)}
.social-inspector-section{border-color:var(--studio-line)!important}
.social-export-bar{position:sticky;bottom:0;z-index:3;padding:8px;border:1px solid var(--studio-line);border-radius:11px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}

/* Settings no longer feel like one thousand fields on a single canvas. */
.website-control-tabs{top:88px;border-color:var(--admin-line);box-shadow:0 8px 24px rgba(44,34,28,.06);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.website-settings-section{max-width:1440px;margin-inline:auto;background:#fff}
.settings-section-shortcuts{padding-bottom:10px;border-bottom:1px solid var(--admin-line)}

@media(max-width:1180px){
  body:not(.customer-mode) .app-shell{grid-template-columns:220px minmax(0,1fr)}
  body:not(.customer-mode) .sidebar{width:220px}
  .thumbnail-profile-grid{grid-template-columns:1fr 1fr}.thumbnail-profile-grid>article:last-child{grid-column:1/-1}
  .batch-product-toolbar{grid-template-columns:auto auto 1fr minmax(180px,240px) auto}
}

@media(max-width:900px){
  body:not(.customer-mode) .app-shell{display:block}
  body:not(.customer-mode) .sidebar{position:fixed;left:-252px;width:238px;z-index:90;transition:left .2s ease}
  body:not(.customer-mode) .sidebar.open{left:0;box-shadow:18px 0 50px rgba(0,0,0,.22)}
  [dir="rtl"] body:not(.customer-mode) .sidebar{right:-252px;left:auto}
  [dir="rtl"] body:not(.customer-mode) .sidebar.open{right:0;left:auto}
  body:not(.customer-mode) .topbar{height:70px;padding:10px 14px}
  body:not(.customer-mode) .content{padding:16px 14px 46px}
  .mobile-only{display:inline-grid!important}
  .batch-product-toolbar{position:static;grid-template-columns:1fr 1fr 1fr}.batch-product-toolbar>span{align-self:center}.batch-product-toolbar>select{grid-column:1/3}.batch-product-toolbar>[data-apply-product-bulk]{grid-column:3}
  .sales-browser-toolbar{grid-template-columns:1fr 1fr!important}.sales-browser-toolbar>input{grid-column:1/-1}
  .catalogue-control-hero{padding:18px}
  .sales-order-workspace{grid-template-columns:1fr!important}.sales-product-browser,.sales-cart-panel{height:500px!important}
  .social-design-studio{grid-template-columns:minmax(220px,270px) minmax(360px,1fr)!important}.social-inspector-panel{grid-column:1/-1!important;max-height:none!important}
}

@media(max-width:680px){
  html{scrollbar-gutter:auto}
  .btn,.icon-btn{min-height:44px}
  input,select,textarea{min-height:46px;font-size:16px}
  .topbar h2{max-width:150px;font-size:18px}
  .top-actions{flex-wrap:nowrap}.top-actions .build-badge,.top-actions #notificationSoundBtn span{display:none}
  body:not(.customer-mode) .content{padding:13px 10px 78px}
  .toolbar{display:grid;grid-template-columns:1fr 1fr;padding:8px}.toolbar .grow{grid-column:1/-1;min-width:0}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-body{padding:9px}.product-body h3{font-size:12px}.product-meta{display:grid;font-size:9px}.price{font-size:15px}.card-actions>.btn{font-size:8px;padding:5px}.product-action-menu>div{position:fixed;right:10px;bottom:10px;left:10px;z-index:120;grid-template-columns:1fr}.product-action-menu>div .btn{min-height:46px;font-size:11px}
  .batch-product-toolbar{grid-template-columns:1fr 1fr;margin-inline:-2px}.batch-product-toolbar>span{grid-column:1/-1;order:-1}.batch-product-toolbar>select{grid-column:1/-1}.batch-product-toolbar>[data-apply-product-bulk]{grid-column:auto}
  .thumbnail-control-center{padding:11px}.thumbnail-control-center>.editor-title{align-items:flex-start}.thumbnail-profile-grid{grid-template-columns:1fr}.thumbnail-profile-grid>article:last-child{grid-column:auto}.thumbnail-profile-preview{max-height:230px}.thumbnail-focus-fields{grid-template-columns:1fr}
  .sales-order-modal{width:100vw!important;height:100dvh;max-height:100dvh!important;border-radius:0!important}.sales-order-modal .modal-head{min-height:52px;padding:8px 10px!important}.sales-order-modal .modal-head h3{font-size:18px}.sales-order-modal .modal-body{padding:7px!important}.sales-order-form{gap:8px!important}.sales-customer-panel{padding:9px!important}.sales-order-heading{display:flex!important;align-items:center!important;margin-bottom:7px!important}.sales-order-heading p,.sales-order-heading small{display:none}.sales-order-heading strong{font-size:12px!important}.sales-customer-grid{grid-template-columns:1fr 1fr!important}.sales-customer-grid .sales-address{grid-column:1/-1}.sales-customer-grid label{font-size:8px}.sales-customer-grid input,.sales-customer-grid select{min-height:39px!important;font-size:12px!important}.sales-order-workspace{gap:7px!important}.sales-product-browser{height:min(54dvh,500px)!important}.sales-cart-panel{height:auto!important;min-height:138px!important;max-height:52dvh}.sales-browser-head{padding:8px 9px!important}.sales-browser-head small{display:none}.sales-product-grid{grid-template-columns:1fr!important;padding:6px!important;gap:6px!important}.sales-browser-toolbar{grid-template-columns:1fr 1fr!important;padding:6px!important}.sales-browser-toolbar>input{grid-column:1/-1!important}.sales-browser-toolbar>*{min-height:38px!important;font-size:12px!important}.sales-product-card{grid-template-columns:92px minmax(0,1fr)!important;min-height:112px}.sales-product-image{width:92px!important;min-height:112px!important}.sales-product-info{padding:7px!important}.sales-product-info>strong{font-size:10px!important}.sales-product-price{font-size:12px!important}.sales-product-info>.btn{min-height:31px!important}.sales-product-pick{display:none!important}.sales-component-price-list{display:none}.sales-product-picker-footer{position:sticky;bottom:0;padding:6px!important}.sales-product-picker-footer>[data-add-selected-sale-products]{display:none}.sales-product-pager{width:100%;justify-content:center}.sales-product-pager .btn{min-width:40px}.sales-cart-head{padding:9px!important}.sales-cart-head small{display:none}.sales-cart-panel #saleItemRows{max-height:34dvh;overflow:auto}.sales-cart-fields{grid-template-columns:1fr 1fr!important}.sales-cart-fields .item-description{grid-column:1/-1}
  /* Keep the financial summary in the form flow on phones. It must never
     float over customer/order fields while the Sales modal scrolls. */
  .sales-order-modal .order-payment-panel{position:static!important;bottom:auto!important;z-index:auto!important;grid-template-columns:1fr 1fr!important;padding:12px!important;background:#fff8f3!important;border-color:#ffd2ba!important;box-shadow:none!important}
  .sales-order-modal .order-payment-panel>label{grid-column:1/-1}
  .sales-order-modal .order-payment-panel>div{min-height:58px;padding:9px;border:1px solid #f1e7e1;border-radius:11px;background:#fff}
  .sales-order-modal .order-payment-panel strong{font-size:19px}
  .sales-order-modal .modal-foot{position:sticky!important;bottom:0;display:grid!important;grid-template-columns:minmax(105px,.7fr) minmax(190px,1.3fr);padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
  .sales-order-modal .modal-foot .push-left{grid-column:1/-1;margin:0!important}
  .sales-order-modal .modal-foot .btn{min-width:0;white-space:normal}
  /* Product navigation remains visible near the gallery, but no longer
     follows the customer down the entire product page. */
  .customer-mode .product-detail-top{position:static!important;top:auto!important;z-index:auto!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;padding:0!important;background:transparent!important}
  .customer-mode .product-detail-top .btn{min-width:0;padding-inline:12px;font-size:12px;white-space:nowrap}
  /* The catalogue is an advertising landing page: one clear category card
     per row, with a dedicated download CTA and tidy sub-category downloads. */
  .customer-mode .catalogue-simple-page{gap:16px;margin-inline:-2px}
  .customer-mode .catalogue-simple-head{display:grid;align-items:start;gap:12px;padding:4px 2px 15px}
  .customer-mode .catalogue-simple-title h1{font-size:26px}
  .customer-mode .catalogue-simple-title>p:last-child{max-width:34rem;margin:7px 0 0;color:#6f6863;font-size:11px;line-height:1.6}
  .customer-mode .catalogue-simple-stats{width:100%}
  .customer-mode .catalogue-simple-stats>span{flex:1;justify-content:center;padding:9px}
  .customer-mode .catalogue-category-grid{grid-template-columns:1fr!important;gap:12px!important}
  .customer-mode .catalogue-category-tile{gap:0!important;padding:0!important;overflow:hidden;border-radius:16px!important;text-align:start;box-shadow:0 8px 24px rgba(37,25,18,.07)}
  .customer-mode .catalogue-tile-download{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:5px 12px!important;align-items:center!important;padding:10px!important;border-radius:0!important;background:#fff!important;text-align:start!important}
  .customer-mode .catalogue-tile-photo{grid-row:1/3;width:92px;aspect-ratio:4/3;border-radius:11px!important}
  .customer-mode .catalogue-tile-photo i{right:6px!important;bottom:6px!important;width:30px!important;height:30px!important;font-size:17px!important}
  .customer-mode .catalogue-tile-names{align-self:end;gap:2px}
  .customer-mode .catalogue-tile-names strong{font-size:15px!important}.customer-mode .catalogue-tile-names b{font-size:13px!important}
  .customer-mode .catalogue-tile-action{align-self:start;min-height:0!important;overflow:visible!important;color:var(--complete-orange);font-size:10px!important;text-overflow:clip!important;white-space:normal!important}
  .customer-mode .catalogue-tile-subcategories{display:grid!important;grid-template-columns:1fr 1fr;gap:1px!important;margin:0!important;padding:1px 0 0;background:#eee9e5}
  .customer-mode .catalogue-tile-subcategories>button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;min-height:45px;padding:8px 11px;border:0;border-radius:0;background:#fff;color:#312c29;text-align:start}
  .customer-mode .catalogue-tile-subcategories span{min-width:0;overflow:hidden;padding:0!important;background:none!important;color:inherit!important;font-size:10px!important;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
  .customer-mode .catalogue-tile-subcategories b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:#f4f0ed;font-size:9px}
  .customer-mode .catalogue-tile-subcategories i{color:var(--complete-orange);font-size:15px;font-style:normal;font-weight:900}
  .catalogue-control-kpis{grid-template-columns:1fr 1fr}.catalogue-control-summary{grid-template-columns:50px minmax(0,1fr)!important}.catalogue-control-buttons{display:grid;grid-template-columns:1fr 1fr}.catalogue-control-subs{display:grid!important;grid-template-columns:1fr 1fr}.catalogue-control-subs>span{grid-column:1/-1}.catalogue-sub-control{min-width:0}.catalogue-sub-switch span{max-width:100px}
  .social-flow-header{padding:9px!important}.social-flow-header h2{font-size:16px!important}.social-flow-header ol{display:none!important}.social-design-studio{display:flex!important;flex-direction:column}.social-products-panel{order:1!important;max-height:none!important}.social-preview-panel{order:2!important;position:static!important}.social-inspector-panel{order:3!important;max-height:none!important}.social-product-list{max-height:330px}.social-product-filter-grid{grid-template-columns:1fr 1fr}.social-canvas-frame{width:min(100%,430px)!important;margin-inline:auto}.social-inspector-grid{grid-template-columns:1fr 1fr!important}.social-export-bar{bottom:8px}.social-export-bar .btn{flex:1}.social-workflow-modes{position:sticky;top:0;z-index:4}.social-template-library{grid-template-columns:1fr auto!important}.social-template-library>strong{display:none}
  .website-control-tabs{position:static;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}.website-control-tabs .btn{flex:0 0 130px;scroll-snap-align:start}.website-settings-section{padding:11px!important}
  .modal-card{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important}.modal-head,.modal-foot{padding-inline:12px!important}.modal-body{padding:12px!important}
}

@media(max-width:390px){
  .products-grid,.sales-product-grid{grid-template-columns:1fr 1fr}
  .catalogue-control-kpis{grid-template-columns:1fr}.catalogue-control-subs{grid-template-columns:1fr}
  .social-inspector-grid{grid-template-columns:1fr!important}
  .customer-mode .catalogue-tile-subcategories{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* v19.0.3 — showroom-first sales workspace */
.sales-workbench-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:14px;padding:22px 24px;border:1px solid #f0e6df;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff8f3 100%);box-shadow:0 8px 26px rgba(45,30,20,.05)}
.sales-workbench-head h2{margin:2px 0 5px;font-size:clamp(22px,2.4vw,34px)}.sales-workbench-head p:last-child{margin:0;color:#756d67}.sales-workbench-head>.btn{min-width:190px}
.sales-customer-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:11px 14px;border:1px solid #ffd4bd;border-radius:13px;background:#fff7f2}.sales-customer-focus div{display:grid;gap:2px}.sales-customer-focus span{color:#8a776c;font-size:11px}.sales-customer-focus strong{font-size:15px}
.sales-direct-choices{display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #eee5df}.sales-direct-choices>span{color:#81756e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sales-direct-choices>div{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.sales-component-choice{display:grid;flex:0 0 auto;gap:1px;max-width:155px;padding:7px 9px;border:1px solid #eadfd8;border-radius:9px;background:#fff;color:#292522;text-align:start;cursor:pointer}.sales-component-choice:hover,.sales-component-choice:focus-visible{border-color:var(--complete-orange);background:#fff6f0;outline:0}.sales-component-choice b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sales-component-choice small{color:#786f69;font-size:8px;white-space:nowrap}

@media(max-width:680px){
  .sales-workbench-head{position:sticky;top:0;z-index:5;gap:10px;margin:0 -2px 10px;padding:11px 12px;border-radius:13px}.sales-workbench-head p:last-child{display:none}.sales-workbench-head h2{font-size:17px}.sales-workbench-head>.btn{min-width:0;min-height:40px;padding-inline:12px;font-size:11px}
  .sales-customer-focus{align-items:flex-start}.sales-customer-focus .btn{min-height:38px}
  .sales-direct-choices{grid-column:1/-1;margin-top:4px}.sales-direct-choices>div{margin-inline:-2px}.sales-component-choice{max-width:135px;padding:6px 8px}.sales-component-choice b{font-size:9px}
}