:root{--cream:#fff8e8;--cream2:#fff2d0;--purple:#6b2fa3;--purple-dark:#2c123d;--purple-soft:#efe3ff;--orange:#ff9d16;--yellow:#ffc31a;--bg:#faf8fc;--card:#fff;--text:#24172d;--muted:#756b7c;--line:#e9e1ec;--ok:#11845d;--danger:#c83c35;--shadow:0 14px 40px rgba(70,35,90,.09)}*{box-sizing:border-box}html{min-width:0}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#fcfaff,#fffaf0);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--purple-dark),#3b1852);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;margin:2px 4px 20px}.brand img{width:48px;height:48px;border-radius:15px;object-fit:cover;background:var(--cream)}.brand small{display:block;font-size:11px;font-weight:600;color:#dccdea;margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px}.nav a,.nav-logout{display:flex;width:100%;padding:11px 13px;border-radius:12px;color:#e7dced;background:transparent;border:0;text-align:left;cursor:pointer}.nav a:hover,.nav a.active,.nav-logout:hover{background:rgba(255,255,255,.12);color:#fff}.nav-logout{margin-top:8px}.nav-close{display:none;margin-left:auto;background:transparent;border:0;color:#fff;font-size:28px}.main{min-width:0;padding:24px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-size:20px}.title h1{margin:0;font-size:28px;line-height:1.2}.title p{margin:4px 0 0;color:var(--muted)}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-18px;bottom:-20px;background:linear-gradient(135deg,var(--yellow),var(--orange));opacity:.15}.metric b{font-size:28px;display:block;margin-top:7px}.muted{color:var(--muted)}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:linear-gradient(135deg,var(--purple),#8a42c7);color:#fff}.btn-secondary{background:var(--purple-soft);color:var(--purple)}.btn-danger{background:#fde9e7;color:var(--danger)}.btn-light{background:#fff;border:1px solid var(--line)}.full-btn{width:100%}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.search-form{display:flex;gap:8px;flex:1;min-width:260px}.input,.select{width:100%;padding:11px 12px;border:1px solid #dcd3e3;border-radius:11px;background:#fff;font-size:14px;outline:none}.input:focus,.select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(107,47,163,.1)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.form-actions{display:flex;gap:8px;margin-top:18px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{background:#fbf7ff;position:sticky;top:0;z-index:1}.thumb{width:54px;height:54px;object-fit:contain;border-radius:12px;background:var(--cream);border:1px solid var(--line)}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:12px;font-weight:800}.flash{padding:12px 14px;border-radius:11px;margin-bottom:15px}.flash-success{background:#e8f7f1;color:#08764d}.flash-error{background:#fdeceb;color:#b42318}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#efe5ff,transparent 38%),radial-gradient(circle at 90% 85%,#fff0c9,transparent 38%),var(--bg)}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:12px 0 20px;font-size:28px}.login-card h1 span{font-size:16px;color:var(--purple);display:block;margin-top:3px}.login-brand-logo{width:86px;height:86px;border-radius:24px;object-fit:cover;background:var(--cream);box-shadow:var(--shadow)}.tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 7px;margin-bottom:14px;scrollbar-width:thin}.tabs a{white-space:nowrap;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px}.tabs a.active{background:var(--purple);color:#fff;border-color:var(--purple)}.preview-cost{font-weight:900;color:var(--ok)}.actions{display:flex;gap:8px}.mobile-cards{display:none}.quick-card{margin-top:16px;display:flex;gap:18px;align-items:center}.quick-card img{width:90px;height:90px;border-radius:24px;object-fit:cover}.quick-card h2{margin:0 0 4px}.update-tabs{margin-top:14px}.update-list{display:grid;gap:10px}.update-row{display:grid;grid-template-columns:42px 62px minmax(160px,1fr) 150px 150px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.update-info{display:flex;flex-direction:column;gap:2px}.update-info small{color:var(--muted)}.update-usd label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:4px}.update-cost{text-align:right}.update-cost small{display:block;color:var(--muted);margin-bottom:4px}.check-wrap input{width:20px;height:20px;accent-color:var(--purple)}.submit-bar{display:flex;justify-content:flex-end;margin-top:16px}.two-col,.import-grid{grid-template-columns:1fr 1fr}.category-line{padding:10px 0;border-bottom:1px solid var(--line)}.settings-card{max-width:620px}.settings-card form{display:grid;gap:14px}.upload-box{display:grid;place-items:center;text-align:center;border:2px dashed #d9c7e9;border-radius:16px;padding:26px;background:#fffaf0;position:relative}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box strong{color:var(--purple);font-size:17px}.upload-box span{font-size:12px;color:var(--muted);margin-top:5px}.sample-cols{line-height:1.8;background:#faf7fd;border:1px solid var(--line);border-radius:12px;padding:12px;font-family:ui-monospace,monospace}.sample-cols span{color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(20,8,28,.5);display:none;place-items:center;padding:20px;z-index:100}.modal.show{display:grid}.modal-card{width:min(390px,100%);background:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 25px 80px rgba(20,8,28,.3)}.modal-card img{width:74px;height:74px;border-radius:20px}.modal-card h3{font-size:22px;margin:12px 0 5px}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.nav-overlay{display:none}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:220px minmax(0,1fr)}.update-row{grid-template-columns:38px 56px minmax(130px,1fr) 130px 130px}}
@media(max-width:820px){.layout{display:block}.sidebar{position:fixed;left:-285px;top:0;width:275px;height:100dvh;transition:.25s;box-shadow:10px 0 35px rgba(0,0,0,.2)}.sidebar.open{left:0}.nav-close{display:block}.nav-overlay{position:fixed;inset:0;background:rgba(24,8,34,.45);z-index:20}.nav-overlay.show{display:block}.main{padding:16px}.menu-btn{display:inline-flex}.topbar{align-items:flex-start}.form-grid,.two-col,.import-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-cards{display:grid;gap:10px}.product-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}.product-card .thumb{width:72px;height:72px}.product-card h3{margin:0 0 3px;font-size:15px}.product-card strong{display:block;font-size:14px}.product-card p{margin:3px 0;font-size:12px}.product-card .cost{margin:7px 0;display:flex;justify-content:space-between}.sticky-rates{position:sticky;top:8px;z-index:5}.update-row{grid-template-columns:34px 58px minmax(0,1fr);grid-template-areas:"check photo info" "usd usd usd" "cost cost cost"}.update-row .check-wrap{grid-area:check}.update-row>.thumb{grid-area:photo}.update-info{grid-area:info}.update-usd{grid-area:usd}.update-cost{grid-area:cost;display:flex;justify-content:space-between;text-align:left;border-top:1px dashed var(--line);padding-top:9px}.submit-bar{position:sticky;bottom:8px}.submit-bar .btn{width:100%;padding:13px}.quick-card{align-items:flex-start}.quick-card img{width:72px;height:72px}.search-form{min-width:100%;order:2}.toolbar>.btn-primary{width:100%}}
@media(max-width:520px){.main{padding:12px}.title h1{font-size:22px}.title p{font-size:13px}.grid-4{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px;border-radius:15px}.metric b{font-size:23px}.login-card{padding:20px}.login-card h1{font-size:24px}.login-brand-logo{width:76px;height:76px}.toolbar{align-items:stretch}.toolbar .btn{flex:1}.quick-card{display:block}.quick-card img{margin-bottom:10px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.modal-actions{flex-direction:column}.modal-actions form,.modal-actions .btn{width:100%}}
/* V3 refinements */
.thumb,.brand img,.login-brand-logo,.quick-card img{object-fit:cover;object-position:center}
.product-card{position:relative}.mobile-edit-icon{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--purple);display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 6px 18px rgba(70,35,90,.08)}
.shipping-meta{margin:4px 48px 0 0!important;font-size:12px!important;color:var(--muted)}
.update-search-field{margin-top:14px;position:relative}.search-suggestions{display:none;position:absolute;left:0;right:0;top:100%;z-index:25;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:var(--shadow);max-height:310px;overflow:auto}.search-suggestions.show{display:block}.search-suggestions button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:11px 13px;cursor:pointer}.search-suggestions button:hover{background:var(--purple-soft)}
[hidden]{display:none!important}
@media(max-width:820px){.product-card-body{padding-right:44px}.product-card .thumb{object-fit:cover}.update-search-field{margin-top:12px}.sticky-rates{position:relative;top:auto}.search-suggestions{position:relative;top:auto;border-radius:12px;margin-top:4px}.product-card .cost{padding-right:0}}
/* V4 product history and automatic costing */
.calculated-cost{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #dcd3e3;border-radius:11px;background:var(--cream);font-size:20px;font-weight:900;color:var(--purple)}
.mobile-history-link{display:inline-flex;margin-top:8px;color:var(--purple);font-size:12px;font-weight:900}
.product-detail-head{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:16px}.detail-photo{width:150px;height:150px;object-fit:cover;object-position:center;border-radius:20px;background:var(--cream);border:1px solid var(--line)}.product-detail-head h2{margin:0 0 5px}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.detail-metrics span{padding:12px;border-radius:13px;background:#faf7fd;border:1px solid var(--line)}.detail-metrics small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.detail-metrics b{font-size:17px}
@media(max-width:820px){.product-detail-head{grid-template-columns:92px minmax(0,1fr);gap:13px}.detail-photo{width:92px;height:92px;border-radius:16px}.detail-metrics{grid-template-columns:1fr 1fr}.product-detail-head .form-actions{grid-column:1/-1}.mobile-history-link{margin-right:48px}}
@media(max-width:520px){.product-detail-head{display:block}.detail-photo{width:110px;height:110px;margin-bottom:12px}.detail-metrics{grid-template-columns:1fr 1fr}.detail-metrics b{font-size:15px}}
/* V5 responsive product detail, compact history, and cache refresh */
.nav-cache-form{margin:0}.nav-cache{display:flex;width:100%;padding:11px 13px;border-radius:12px;color:#e7dced;background:transparent;border:0;text-align:left;cursor:pointer}.nav-cache:hover{background:rgba(255,255,255,.12);color:#fff}
.product-detail-card{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:16px}.detail-photo-wrap{width:180px;height:180px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#fffaf0,#f6edff);border:1px solid var(--line);overflow:hidden}.detail-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}.detail-photo-empty{background:var(--cream)}.detail-copy{min-width:0}.detail-copy h2{margin:0 48px 6px 0;font-size:27px;line-height:1.2}.detail-subtitle{margin:0;color:var(--muted);font-size:14px;display:flex;gap:8px;flex-wrap:wrap}.detail-edit-icon{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #d9cce5;border-radius:12px;background:#fff;color:var(--purple);display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 8px 22px rgba(70,35,90,.10);z-index:2}.detail-edit-icon:hover{background:var(--purple-soft)}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.detail-metrics span{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border-radius:14px;background:#faf7fd;border:1px solid var(--line);min-width:0}.detail-metrics small{color:var(--muted);font-size:11px}.detail-metrics b{font-size:17px;overflow-wrap:anywhere}.detail-actions{margin-top:15px}.history-card{padding:16px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.history-heading h2{font-size:21px;margin:0}.history-heading span{font-size:12px;color:var(--muted);background:#faf7fd;border:1px solid var(--line);padding:5px 9px;border-radius:999px}.history-table{min-width:760px}.history-table th,.history-table td{padding:9px 10px;font-size:13px}.history-mobile{display:none}
@media(max-width:820px){.product-detail-card{grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:start}.detail-photo-wrap{width:118px;height:118px;border-radius:18px}.detail-copy h2{font-size:23px}.detail-metrics{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:14px}.detail-actions{grid-column:1/-1}.detail-edit-icon{right:14px;top:14px}.history-desktop{display:none}.history-mobile{display:grid;gap:9px}.history-entry{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.history-date{font-size:12px;color:var(--muted);margin-bottom:9px}.history-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.history-price span{font-size:11px;color:var(--muted);font-weight:800}.history-price b{font-size:14px}.history-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.history-mini-grid span{padding:8px 9px;border-radius:10px;background:#faf7fd}.history-mini-grid small{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.history-mini-grid b{font-size:13px}.history-card{padding:13px}}
@media(max-width:520px){.product-detail-card{display:block;padding-top:64px;text-align:center}.detail-photo-wrap{width:132px;height:132px;margin:0 auto 14px}.detail-copy h2{margin:0 0 6px;font-size:24px}.detail-subtitle{justify-content:center;line-height:1.5}.detail-metrics{grid-template-columns:1fr 1fr;text-align:left}.detail-metrics span{padding:11px}.detail-metrics b{font-size:15px}.detail-actions .btn{width:100%}.detail-edit-icon{right:14px;top:14px}.history-heading h2{font-size:19px}.history-entry{padding:10px}.history-mini-grid{gap:6px}}

/* V6: edge-to-edge product image and editable categories */
.detail-photo-wrap{padding:0;background:#fff;border:1px solid var(--line);overflow:hidden}
.detail-photo{width:100%;height:100%;padding:0!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:inherit!important;background:#fff}
.category-edit-list{display:grid;gap:10px;margin-top:14px}
.category-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.category-edit-row .btn{min-width:92px}
.category-help{font-size:13px;margin-top:-4px}
@media(max-width:520px){.category-edit-row{grid-template-columns:1fr}.category-edit-row .btn{width:100%}}
.users-grid{grid-template-columns:minmax(320px,520px) minmax(0,1fr)}.user-form{display:grid;gap:14px}.status-check{display:flex;align-items:center;gap:9px;font-weight:700}.status-check input{width:18px;height:18px;accent-color:var(--purple)}.user-list{display:grid;gap:10px}.user-row{display:grid;grid-template-columns:minmax(160px,1fr) 90px 90px auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.user-row>div{display:flex;flex-direction:column;gap:3px}.user-row>div span{font-size:13px;color:var(--muted)}.user-status{font-size:12px;font-weight:800}.user-status.active{color:var(--ok)}.user-status.inactive{color:var(--danger)}
@media(max-width:760px){.users-grid{grid-template-columns:1fr}.user-row{grid-template-columns:minmax(0,1fr) auto}.user-row .tag,.user-row .user-status{justify-self:start}.user-row .btn{grid-column:2;grid-row:1/3}}


/* V10: aligned actions, customizable category colors, always-visible update action */
.row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.row-actions form{margin:0;display:inline-flex}
.row-actions .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center}
.category-tag{background:var(--cat-color)!important;color:var(--cat-text)!important}
.tabs a[style*="--cat-color"]{background:color-mix(in srgb,var(--cat-color) 14%,white);border-color:color-mix(in srgb,var(--cat-color) 38%,white);color:var(--cat-color);font-weight:800}
.tabs a[style*="--cat-color"].active{background:var(--cat-color);border-color:var(--cat-color);color:var(--cat-text);box-shadow:0 5px 14px color-mix(in srgb,var(--cat-color) 20%,transparent)}
.color-field{margin-top:14px}
.color-control{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.color-control.compact{min-width:150px}
.color-picker{width:42px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
.color-picker::-webkit-color-swatch-wrapper{padding:0}
.color-picker::-webkit-color-swatch{border:1px solid var(--line);border-radius:8px}
.color-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);font-weight:700}
.category-preview{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:8px 10px;border-radius:999px;background:var(--cat-color);color:var(--cat-text);font-size:12px;font-weight:900}
.category-edit-row{grid-template-columns:140px minmax(180px,1fr) 160px auto}
.update-toolbar{position:sticky;top:8px;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding:10px;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(46,20,61,.06)}
.update-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.update-now-btn{margin-left:auto}
.floating-update{position:fixed;right:22px;bottom:20px;z-index:30;filter:drop-shadow(0 12px 22px rgba(75,32,105,.22))}
.floating-update .btn{padding:13px 18px;border-radius:999px}
.main{padding-bottom:86px}

@media(max-width:820px){
  .category-edit-row{grid-template-columns:1fr;align-items:stretch}
  .category-preview{justify-self:start}
  .color-control.compact{min-width:0}
  .update-toolbar{top:6px}
  .update-now-btn{width:100%;margin-left:0}
  .floating-update{left:12px;right:12px;bottom:12px}
  .floating-update .btn{width:100%;border-radius:14px;padding:14px}
}

.mini-category{display:inline-flex;padding:3px 7px;border-radius:999px;background:var(--cat-color);color:var(--cat-text);font-size:11px;font-weight:800;vertical-align:middle}

/* V11: soft premium pastel category palette */
.category-tag,
.mini-category,
.category-preview{
  background:color-mix(in srgb,var(--cat-color) 13%,white)!important;
  color:color-mix(in srgb,var(--cat-color) 82%,#25152f)!important;
  border:1px solid color-mix(in srgb,var(--cat-color) 28%,white)!important;
  box-shadow:none!important;
}
.category-tag{padding:5px 10px;font-weight:800}
.mini-category{padding:4px 8px;font-weight:800}
.category-preview{font-weight:850}
.tabs a[style*="--cat-color"]{
  background:color-mix(in srgb,var(--cat-color) 10%,white)!important;
  border-color:color-mix(in srgb,var(--cat-color) 25%,white)!important;
  color:color-mix(in srgb,var(--cat-color) 82%,#25152f)!important;
  box-shadow:none!important;
}
.tabs a[style*="--cat-color"]:hover{
  background:color-mix(in srgb,var(--cat-color) 16%,white)!important;
  border-color:color-mix(in srgb,var(--cat-color) 36%,white)!important;
}
.tabs a[style*="--cat-color"].active{
  background:color-mix(in srgb,var(--cat-color) 20%,white)!important;
  border-color:color-mix(in srgb,var(--cat-color) 48%,white)!important;
  color:color-mix(in srgb,var(--cat-color) 92%,#1f1128)!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--cat-color) 10%,transparent)!important;
}

/* V12: selected category uses its full/dark category color */
.tabs a[style*="--cat-color"].active{
  background:var(--cat-color)!important;
  border-color:var(--cat-color)!important;
  color:var(--cat-text)!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--cat-color) 24%,transparent)!important;
}

/* V13: emphasize current landed cost */
.current-cost-value{color:var(--purple)!important;font-size:18px!important;font-weight:900!important;letter-spacing:.1px}
@media(max-width:820px){.product-card .current-cost-value{font-size:19px!important}}

/* ===== Catalog PDF Builder ===== */
.catalog-toolbar{display:flex;gap:12px;align-items:center;padding:14px;margin-bottom:12px}.catalog-search{flex:1}.catalog-selectbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;margin:14px 0}.catalog-generate-actions{display:flex;gap:10px;flex-wrap:wrap}.catalog-list-card{padding:14px}.catalog-list-head,.catalog-row{display:grid;grid-template-columns:52px minmax(320px,1.6fr) 110px 130px minmax(250px,1fr);align-items:center;gap:14px}.catalog-list-head{padding:8px 12px;font-weight:800;color:#6f6076;font-size:13px}.catalog-row{padding:12px;border:1px solid #eee5f2;border-radius:14px;margin-bottom:10px;background:#fff;cursor:default}.catalog-row.dragging{opacity:.48}.catalog-product-main{display:flex;align-items:center;gap:12px;min-width:0}.catalog-product-main img,.catalog-thumb-empty{width:54px;height:54px;border:1px solid #ece2ef;border-radius:12px;object-fit:cover;background:#faf7fb;flex:0 0 auto}.catalog-product-main>div{min-width:0}.catalog-product-main b{display:block;font-size:14px}.catalog-product-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-product-main small{color:#817286}.drag-handle{font-size:22px;color:#a894b1;cursor:grab;user-select:none}.catalog-check input{width:20px;height:20px;accent-color:#7b2fba}.catalog-photo-count{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f3eafa;color:#7131a8;font-weight:700;font-size:12px}.catalog-order-save{display:flex;justify-content:flex-end;margin-top:12px}.catalog-edit-top{align-items:start}.catalog-product-summary{display:flex;gap:14px;align-items:center;margin-bottom:18px}.catalog-product-summary img{width:76px;height:76px;border-radius:16px;object-fit:cover;border:1px solid #ebdfef}.catalog-product-summary b,.catalog-product-summary strong,.catalog-product-summary small{display:block}.catalog-product-summary b{color:#7b2fba}.catalog-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.catalog-image-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-image-editor{border:1px solid #eadfee;border-radius:18px;padding:14px;background:#fff}.catalog-image-editor.dragging{opacity:.5}.catalog-crop-preview{height:300px;border-radius:14px;overflow:hidden;background:#f4eff5;position:relative;border:1px solid #eadfee}.catalog-crop-preview img,.catalog-preview-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate(var(--x,0),var(--y,0)) scale(var(--z,1)) rotate(var(--r,0deg));transform-origin:center center}.catalog-image-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:12px}.catalog-image-controls label{font-size:12px;font-weight:800;color:#5d4e64}.catalog-image-controls input[type=range]{width:100%}.catalog-image-controls .btn{align-self:end}.catalog-preview-toolbar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.catalog-preview-stack{display:flex;flex-direction:column;gap:28px;align-items:center}.catalog-preview-page{width:min(100%,760px);aspect-ratio:595/842;background:var(--pdf-bg,#f6d6de);position:relative;box-shadow:0 10px 34px rgba(43,18,52,.12);overflow:hidden}.catalog-preview-grid{position:absolute;left:4.7%;right:4.7%;top:3.3%;bottom:13%;display:grid;gap:4px}.catalog-preview-cell{position:relative;overflow:hidden;background:#fff}.catalog-preview-page.count-1 .catalog-preview-grid{grid-template-columns:1fr}.catalog-preview-page.count-2 .catalog-preview-grid{grid-template-columns:1fr 1fr}.catalog-preview-page.count-3 .catalog-preview-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.catalog-preview-page.count-3 .catalog-preview-cell:nth-child(3){grid-column:1/3}.catalog-preview-page.count-4 .catalog-preview-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.catalog-preview-page.count-5 .catalog-preview-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr}.catalog-preview-page.count-5 .catalog-preview-cell:nth-child(1),.catalog-preview-page.count-5 .catalog-preview-cell:nth-child(2){grid-column:span 3}.catalog-preview-page.count-5 .catalog-preview-cell:nth-child(n+3){grid-column:span 2}.catalog-preview-page.count-6 .catalog-preview-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.catalog-page-label{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);background:#fff;border-radius:18px;padding:10px 24px;text-align:center;min-width:145px;box-shadow:0 2px 6px rgba(0,0,0,.04)}.catalog-page-label b,.catalog-page-label span{display:block;font-size:24px;line-height:1.15}.catalog-page-label span{font-size:20px;margin-top:4px}.catalog-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
@media(max-width:900px){.catalog-list-head{display:none}.catalog-row{grid-template-columns:40px 1fr;gap:10px}.catalog-row>div:nth-of-type(2),.catalog-row>div:nth-of-type(3){grid-column:2}.catalog-row>.row-actions{grid-column:1/3;display:flex;justify-content:flex-end}.catalog-product-main{grid-column:2}.catalog-selectbar{align-items:stretch;flex-direction:column}.catalog-generate-actions .btn{flex:1}.catalog-image-editor-grid{grid-template-columns:1fr}.catalog-crop-preview{height:320px}.catalog-edit-top{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-preview-toolbar{justify-content:stretch}.catalog-preview-toolbar .btn{flex:1}.catalog-page-label b{font-size:20px}.catalog-page-label span{font-size:17px}}
@media(max-width:520px){.catalog-crop-preview{height:260px}.catalog-image-controls{grid-template-columns:1fr}.catalog-product-main img,.catalog-thumb-empty{width:48px;height:48px}.catalog-row>.row-actions{display:grid;grid-template-columns:repeat(3,1fr)}.catalog-row>.row-actions .btn{padding-left:8px;padding-right:8px;text-align:center}.catalog-preview-page{width:100%}.catalog-page-label{bottom:6%;padding:8px 18px;min-width:120px}.catalog-page-label b{font-size:17px}.catalog-page-label span{font-size:15px}}
.saved-catalogs{padding:12px 14px;margin:10px 0;display:flex;gap:14px;align-items:center}.saved-catalog-pills{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.saved-catalog-pills form{display:inline-flex}.saved-set-delete{border:0;background:#ffe6e3;color:#c83f34;border-radius:999px;width:26px;height:26px;font-size:18px;cursor:pointer;margin-left:-4px}.active-set{outline:2px solid #7b2fba}.catalog-set-name{width:180px;min-width:160px}
@media(max-width:900px){.saved-catalogs{align-items:flex-start;flex-direction:column}.catalog-set-name{width:100%}.catalog-generate-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.catalog-generate-actions .catalog-set-name{grid-column:1/3}}

/* ===== V15 Catalog editor usability fixes ===== */
.catalog-image-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
@media(min-width:1500px){.catalog-image-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.catalog-image-editor{padding:10px;border-radius:18px;min-width:0;box-shadow:0 4px 14px rgba(42,20,52,.04)}
.catalog-editor-card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;color:#66586c}
.catalog-editor-card-head>span{flex:1}.catalog-drag-handle{border:0;background:#f4ecfa;color:#7330ad;border-radius:9px;width:34px;height:30px;font-size:20px;line-height:1;cursor:grab}.catalog-drag-handle:active{cursor:grabbing}
.catalog-order-buttons{display:flex;gap:4px}.mini-order{border:1px solid #e7dced;background:#fff;border-radius:8px;width:30px;height:28px;cursor:pointer;font-weight:900;color:#6e5978}.mini-order:hover{background:#f8f2fc}
.catalog-crop-preview{height:auto!important;width:100%;background:var(--catalog-bg,#F6D6DE)!important;border-radius:16px!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--catalog-bg,#F6D6DE) 68%,#a98bae);position:relative}
.catalog-crop-preview img,.catalog-preview-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate(var(--x,0),var(--y,0)) scale(var(--z,1)) rotate(var(--r,0deg));transform-origin:center center}
.catalog-quick-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.btn-small{padding:7px 8px!important;font-size:12px!important;min-height:34px}
.catalog-adjust-panel{margin-top:7px;border:1px solid #ece2ef;border-radius:12px;background:#fbf8fc}.catalog-adjust-panel summary{cursor:pointer;padding:9px 10px;font-size:12px;font-weight:800;color:#693673;user-select:none}.catalog-adjust-panel[open] summary{border-bottom:1px solid #eee4f1}.catalog-adjust-panel .catalog-image-controls{padding:10px;margin:0;display:grid;grid-template-columns:1fr;gap:8px}.catalog-adjust-panel .catalog-image-controls label{font-size:11px}.catalog-adjust-panel .select{min-height:36px;padding:6px 8px}
.catalog-remove-btn{width:100%;margin-top:7px;padding:8px!important;font-size:12px!important}.catalog-image-editor.dragging{opacity:.35;transform:scale(.98)}
.catalog-upload-card{position:relative}.catalog-ajax-upload{cursor:pointer}.catalog-upload-status{margin-top:12px;padding:12px;border-radius:14px;background:#faf6fc;border:1px solid #eadff0}.catalog-upload-status-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.catalog-upload-progress{height:9px;border-radius:999px;background:#eadff0;overflow:hidden}.catalog-upload-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6b2fa3,#a54bd4);border-radius:999px;transition:width .18s ease}.catalog-upload-status small{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-sticky-save{position:sticky;bottom:14px;z-index:15;background:rgba(255,255,255,.92);backdrop-filter:blur(9px);padding:10px;border:1px solid #eee3f1;border-radius:14px;box-shadow:0 8px 28px rgba(45,17,58,.12);margin-top:16px}
.catalog-preview-cell{background:var(--pdf-bg,#F6D6DE)!important;border-radius:14px;overflow:hidden}.catalog-page-label{border-radius:18px!important}.catalog-preview-page{border-radius:18px}
.catalog-layout-card .history-heading{align-items:flex-start}.catalog-layout-card .history-heading p{margin:3px 0 0}
@media(max-width:1100px){.catalog-image-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.catalog-image-editor-grid{grid-template-columns:1fr}.catalog-sticky-save{bottom:8px}.catalog-editor-card-head{font-size:13px}.catalog-crop-preview{max-height:none}.catalog-quick-tools{grid-template-columns:repeat(3,1fr)}}

/* V17 Variant Group Catalog */
.catalog-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.catalog-section-title h2{margin:0 0 4px}.catalog-section-title p{margin:0;color:var(--muted,#7c7180);font-size:13px}.variant-group-section{border:1px solid #eadcf4;background:linear-gradient(180deg,#fff,#fffafd)}.catalog-group-row{background:#fffdfd}.catalog-variant-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7f35bd,#f28b32);color:#fff;font-weight:900;font-size:18px;flex:0 0 46px}.variant-member-pills{display:flex;flex-wrap:wrap;gap:6px}.variant-member-pills span{padding:6px 9px;border-radius:999px;background:#f4eafe;color:#693098;font-size:12px;font-weight:700;border:1px solid #e6d5f5}.variant-builder-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:start}.variant-member-help{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0 10px;padding:12px 14px;border-radius:14px;background:#faf5ff}.variant-member-help span{font-size:12px;color:#756978}.variant-product-list{display:grid;gap:10px;max-height:650px;overflow:auto;padding-right:4px}.variant-product-option{display:grid;grid-template-columns:32px 50px minmax(170px,1fr) minmax(330px,1.5fr);gap:10px;align-items:center;border:1px solid #eadfeb;border-radius:14px;padding:10px;background:#fff}.variant-product-option>img{width:48px;height:48px;border-radius:10px;object-fit:cover}.variant-product-check input{display:none}.variant-product-check span{display:block;width:22px;height:22px;border:2px solid #c7b6d4;border-radius:6px;position:relative}.variant-product-check input:checked+span{background:#7b35b8;border-color:#7b35b8}.variant-product-check input:checked+span:after{content:'✓';position:absolute;color:#fff;font-size:15px;left:4px;top:-1px;font-weight:800}.variant-product-ident{display:flex;flex-direction:column;gap:2px}.variant-product-ident b{font-size:13px}.variant-product-ident strong{font-size:13px}.variant-product-ident small{color:#817886}.variant-member-fields{display:grid;grid-template-columns:1fr 130px auto;gap:8px;align-items:center}.variant-show-price{font-size:12px;white-space:nowrap}.catalog-page-label-multi span{display:block;line-height:1.25}.catalog-page-label-multi{min-width:150px;max-width:260px;padding-left:20px;padding-right:20px}
@media(max-width:1100px){.variant-builder-grid{grid-template-columns:1fr}.variant-product-option{grid-template-columns:32px 48px 1fr}.variant-member-fields{grid-column:2/-1;grid-template-columns:1fr 120px auto}}
@media(max-width:700px){.catalog-section-title{align-items:flex-start;flex-direction:column}.variant-member-help{align-items:flex-start;flex-direction:column}.variant-product-option{grid-template-columns:30px 44px 1fr}.variant-product-option>img{width:42px;height:42px}.variant-member-fields{grid-column:1/-1;grid-template-columns:1fr 1fr}.variant-show-price{grid-column:1/-1}.variant-member-pills{gap:4px}.variant-member-pills span{font-size:11px;padding:5px 7px}}

/* V19: Variant-group PDF/preview labels show real member SKUs vertically. */
.catalog-page-label-multi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.catalog-page-label-multi>b,.catalog-page-label-multi>span{display:block;line-height:1.12}

/* V20: common catalog PDF name/price controls */
.catalog-common-text{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 16px;margin:12px 0}.catalog-common-text>div:first-child{margin-right:auto;display:flex;flex-direction:column;gap:3px}.catalog-common-text small{color:#776c7e}.catalog-common-text .status-check{margin:0;white-space:nowrap}.catalog-text-global-note{padding:12px 14px;border:1px solid #eadff0;border-radius:12px;background:#fbf8fd;display:flex;flex-direction:column;gap:4px;margin:10px 0 14px}.catalog-text-global-note b{font-size:13px}.catalog-text-global-note small{line-height:1.4}
@media(max-width:700px){.catalog-common-text{align-items:flex-start;gap:10px}.catalog-common-text>div:first-child{width:100%;margin-right:0}.catalog-common-text .btn{width:100%}}

/* ===== V21 Common watermark + photo-count emphasis ===== */
.catalog-photo-count-multi{
  background:#fff0f0!important;
  color:#d52f2f!important;
  border:1px solid #ffcaca!important;
  font-size:13px!important;
  font-weight:900!important;
  padding:7px 11px!important;
  box-shadow:0 2px 8px rgba(213,47,47,.08);
}
.catalog-crop-preview,.catalog-preview-cell{position:relative}
.catalog-watermark-overlay{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--wm-size,36%)!important;
  height:auto!important;
  max-width:80%!important;
  max-height:80%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  opacity:var(--wm-opacity,.35)!important;
  pointer-events:none!important;
  z-index:6!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
.watermark-settings{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.watermark-settings-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.watermark-settings-head h2{margin:0 0 4px}.watermark-settings-head p{margin:0;color:var(--muted);font-size:13px}
.watermark-toggle{padding:9px 12px;border:1px solid #e3d5ea;border-radius:12px;background:#faf6fd}
.watermark-settings-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:24px;align-items:start}
.watermark-settings input[type=range]{width:100%}.watermark-preview-label{display:block;font-weight:800;margin-bottom:8px}
.watermark-live-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:var(--wm-bg,#F6D6DE);border:1px solid #eaddec;display:grid;place-items:center}
.watermark-preview-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.watermark-preview-empty{color:#987f9f;font-weight:800}
.watermark-preview-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--wm-size,36%);max-width:80%;max-height:80%;object-fit:contain;opacity:var(--wm-opacity,.35);transition:.15s;z-index:2}
.watermark-off .watermark-preview-logo{opacity:0!important}
.danger-check{margin-top:10px;color:#bd3c35}.watermark-settings-grid .muted{display:block;margin-top:6px}
@media(max-width:820px){.watermark-settings-head{align-items:flex-start;flex-direction:column}.watermark-settings-grid{grid-template-columns:1fr}.watermark-toggle{width:100%}.catalog-photo-count-multi{font-size:12px!important;padding:6px 10px!important}}


/* ===== V22 Catalog PDF Settings layout polish ===== */
.catalog-settings-card{
  max-width:1100px!important;
  width:100%;
  padding:24px!important;
}
.catalog-settings-card form{gap:18px!important}
.catalog-settings-card>.form-grid{width:100%}
.catalog-settings-card .form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding:18px;
  background:#fcf9fd;
  border:1px solid #eee4f1;
  border-radius:16px;
}
.catalog-settings-card .form-grid .field{min-width:0}
.catalog-settings-card .form-grid .input{min-width:0;width:100%}
.catalog-settings-card>form>.status-check{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:10px 12px;
  border:1px solid #eee4f1;
  border-radius:12px;
  background:#fff;
  font-weight:700;
}
.catalog-settings-card>form>.status-check input{flex:0 0 auto}
.watermark-settings{
  margin-top:4px!important;
  padding:20px!important;
  border:1px solid #eadff0!important;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fdf9ff);
}
.watermark-settings-head{
  margin-bottom:18px!important;
  padding-bottom:14px;
  border-bottom:1px solid #eee4f1;
}
.watermark-settings-head>div{min-width:0;flex:1}
.watermark-toggle{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  padding:10px 14px!important;
  flex:0 0 auto;
}
.watermark-settings-grid{
  grid-template-columns:minmax(0,1fr) minmax(360px,1fr)!important;
  gap:28px!important;
  align-items:start!important;
}
.watermark-settings-grid>div{min-width:0}
.watermark-settings-grid .field{margin-bottom:18px}
.watermark-settings-grid .input{width:100%;max-width:100%}
.watermark-settings input[type=range]{display:block;width:100%;margin-top:10px}
.watermark-live-preview{
  min-height:300px;
  aspect-ratio:4/3!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.watermark-preview-label{font-size:14px;margin-bottom:10px!important}
.catalog-settings-card .form-actions{
  padding-top:4px;
  align-items:center;
}
@media(max-width:980px){
  .catalog-settings-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .watermark-settings-grid{grid-template-columns:1fr!important}
  .watermark-live-preview{max-width:620px}
}
@media(max-width:620px){
  .catalog-settings-card{padding:14px!important}
  .catalog-settings-card .form-grid{grid-template-columns:1fr;padding:14px}
  .watermark-settings{padding:14px!important}
  .watermark-settings-head{align-items:stretch!important}
  .watermark-toggle{width:100%;justify-content:flex-start}
  .watermark-live-preview{min-height:220px}
}

/* ===== V23 PDF website footer link ===== */
.website-link-setting{margin:10px 0 14px;padding:14px;border:1px solid #eaddec;border-radius:14px;background:#fcf9fd}
.website-link-setting .field{margin-top:10px;margin-bottom:0}
.catalog-preview-brand{position:absolute;left:3.8%;top:2.2%;width:38px;height:38px;object-fit:contain;border-radius:10px;z-index:5;box-shadow:0 2px 8px rgba(35,17,44,.08)}
.catalog-preview-website{position:absolute;left:50%;bottom:1.8%;transform:translateX(-50%);z-index:6;color:#6f2dbd;font-weight:800;font-size:14px;text-decoration:none;border-bottom:1px solid rgba(111,45,189,.35);line-height:1.2}
.catalog-preview-website:hover{color:#54218f;border-color:#54218f}
@media(max-width:520px){.catalog-preview-brand{width:28px;height:28px}.catalog-preview-website{font-size:11px;bottom:1.5%}}


/* ===== Wholesale B2B admin ===== */
.wholesale-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}
.wholesale-subnav a{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #eadff3;color:#5b3b6e;font-weight:700;text-decoration:none}
.wholesale-subnav a:hover,.wholesale-subnav a.active{background:#6f2dbd;color:#fff;border-color:#6f2dbd;box-shadow:0 8px 18px rgba(111,45,189,.14)}
.wholesale-metrics .metric b{color:#6f2dbd}
.wholesale-dashboard-grid{align-items:start}
.wholesale-order-list{display:grid;gap:10px}
.wholesale-order-row{display:flex;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #eee5f5;border-radius:14px;text-decoration:none;color:inherit;background:#fff}
.wholesale-order-row:hover{border-color:#cbb3df;background:#fcf9ff}
.wholesale-order-row>div{display:flex;flex-direction:column;gap:4px}
.wholesale-order-row>div:last-child{align-items:flex-end}
.wholesale-order-row span{font-size:12px;color:#7b6a86}
.order-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;background:#eee8f5;color:#623781}
.status-new{background:#fff0d8;color:#a55b00}.status-confirmed{background:#e5f0ff;color:#225ea8}.status-packed{background:#eee7ff;color:#6f2dbd}.status-shipped{background:#dff5f2;color:#14796f}.status-completed{background:#e4f7e8;color:#257a36}.status-cancelled{background:#fde8ea;color:#b83243}
.wholesale-customer-rank{display:grid;gap:8px}.wholesale-customer-rank>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0e9f4}.wholesale-customer-rank span{display:flex;flex-direction:column;gap:3px}.wholesale-customer-rank small{color:#8c7d95}
.wholesale-info-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;background:linear-gradient(135deg,#fbf6ff,#fff7ed)}
.wholesale-info-card h2{margin-bottom:5px}
.wholesale-rule-note{display:flex;gap:12px;align-items:flex-start;background:#fbf7ff;border-color:#e2d5ef;margin-bottom:14px}.wholesale-rule-note b{color:#6f2dbd;white-space:nowrap}.wholesale-rule-note span{color:#685772}
.wholesale-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wholesale-tier-card{display:grid;gap:13px}.tier-head{display:flex;justify-content:space-between;align-items:center}.tier-badge{display:inline-flex;padding:8px 14px;border-radius:12px;background:#6f2dbd;color:#fff;font-size:18px;font-weight:900}.percent-input{position:relative}.percent-input .input{padding-right:40px}.percent-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:#6f2dbd}.add-tier-card{border-style:dashed}
.wholesale-customer-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.6fr);align-items:start}
.wholesale-customer-list{display:grid;gap:9px}.wholesale-customer-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #eee6f3;border-radius:15px}.customer-avatar{width:46px;height:46px;border-radius:13px;background:#f1e5fb;color:#6f2dbd;font-size:18px;font-weight:900;display:grid;place-items:center}.customer-main{display:flex;flex-direction:column;gap:3px;min-width:0}.customer-main span,.customer-main small{color:#806f89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.wholesale-list-search{max-width:280px}
.wholesale-pricing-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.tier-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.tier-tabs a{min-width:58px;text-align:center;padding:8px 12px;border-radius:12px;border:1px solid #e5d8ef;text-decoration:none;color:#5e416d;background:#fff;font-weight:800}.tier-tabs a small{display:block;font-size:10px;color:#8c7898;margin-top:2px}.tier-tabs a.active{background:#6f2dbd;color:#fff;border-color:#6f2dbd}.tier-tabs a.active small{color:#eadcf6}.wholesale-search-form{display:flex;gap:8px;align-items:center}.wholesale-search-form .input{min-width:250px}
.wholesale-pricing-list{display:grid;gap:12px}.wholesale-price-row{display:grid;grid-template-columns:76px minmax(170px,1.2fr) minmax(320px,1.6fr) minmax(330px,1.5fr);gap:14px;align-items:center}.wholesale-price-img{width:76px;height:76px;border-radius:14px;object-fit:cover;background:#f5f0f7}.wholesale-price-info{display:flex;flex-direction:column;gap:4px;min-width:0}.wholesale-price-info small{color:#8a7993}.wholesale-price-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wholesale-price-numbers span{padding:8px 10px;border-radius:10px;background:#f8f5fa;font-size:11px;color:#75647e}.wholesale-price-numbers b{display:block;font-size:14px;color:#3d2b47;margin-top:2px}.wholesale-effective-price{color:#6f2dbd!important;font-size:17px!important}.wholesale-inline-form{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.wholesale-inline-form label{font-size:10px;color:#7c6986;font-weight:700}.wholesale-inline-form .input{min-width:85px;padding:9px}.compact-check{display:flex!important;gap:5px;align-items:center;padding-bottom:10px}.tier-manual-form{grid-column:4}
.wholesale-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.wholesale-special-card{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.wholesale-special-card img{width:64px;height:64px;border-radius:12px;object-fit:cover}.wholesale-special-card>div{display:flex;flex-direction:column;gap:2px}.wholesale-special-card small{color:#84738d}.wholesale-special-card span{color:#6f2dbd;font-weight:800}.wholesale-special-card .input,.wholesale-special-card .btn{grid-column:1/-1}
.wholesale-order-filters form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wholesale-order-filters .select{max-width:260px}.wholesale-order-customer-select form{display:flex;gap:12px;align-items:end}.wholesale-order-customer-select .field{flex:1;max-width:520px}
.wholesale-order-builder-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:14px}.wholesale-order-builder-head .input{max-width:340px}
.wholesale-order-product-list{display:grid;gap:10px;margin-top:12px}.wholesale-order-product{display:grid;grid-template-columns:64px minmax(180px,1fr) 110px 90px 120px;gap:12px;align-items:center;padding:12px}.wholesale-order-product>img,.order-product-img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#f5f0f7}.order-product-info{display:flex;flex-direction:column;gap:2px}.order-product-info span,.order-product-info small{color:#84738d}.order-product-price span{display:block;font-size:11px;color:#8a7993}.order-product-price b{font-size:18px;color:#6f2dbd}.wholesale-order-product label{font-size:10px;color:#7e6b87;font-weight:700}.wholesale-order-summary{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;position:sticky;bottom:8px;z-index:3;margin-top:14px;box-shadow:0 16px 36px rgba(49,24,63,.13)}.wholesale-order-summary>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-order-total{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.manual-order-total span{color:#806e89}.manual-order-total b{font-size:26px;color:#6f2dbd}
.wholesale-order-detail-grid{align-items:start}.order-meta-list{display:grid;gap:0;margin-bottom:16px}.order-meta-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eee8f2}.order-meta-list span{color:#806f89}.wholesale-grand-total{font-size:20px;color:#6f2dbd}
.empty-state{padding:28px;text-align:center;color:#8a7894;background:#faf7fc;border-radius:14px}
@media(max-width:1180px){.wholesale-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-price-row{grid-template-columns:70px 1fr 1.4fr}.wholesale-inline-form,.tier-manual-form{grid-column:2/-1}.wholesale-special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wholesale-subnav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.wholesale-subnav a{white-space:nowrap}.wholesale-info-card,.wholesale-pricing-toolbar,.wholesale-order-builder-head{align-items:stretch;flex-direction:column}.wholesale-tier-grid,.wholesale-special-grid{grid-template-columns:1fr}.wholesale-customer-grid{grid-template-columns:1fr}.wholesale-customer-row{grid-template-columns:44px minmax(0,1fr) auto}.customer-actions{grid-column:1/-1}.wholesale-search-form{width:100%}.wholesale-search-form .input{min-width:0;flex:1}.wholesale-price-row{grid-template-columns:64px minmax(0,1fr);align-items:start}.wholesale-price-numbers,.wholesale-inline-form,.tier-manual-form{grid-column:1/-1}.wholesale-order-product{grid-template-columns:56px minmax(0,1fr) 90px}.wholesale-order-product>img,.order-product-img{width:56px;height:56px}.wholesale-order-product>label{grid-column:auto}.wholesale-order-summary{grid-template-columns:1fr;position:static}.wholesale-order-summary>div:first-child{grid-template-columns:1fr}.manual-order-total{align-items:stretch}.wholesale-order-customer-select form{flex-direction:column;align-items:stretch}.wholesale-order-customer-select .field{max-width:none}}
@media(max-width:560px){.wholesale-tier-grid{grid-template-columns:1fr}.wholesale-customer-row{grid-template-columns:42px 1fr}.wholesale-customer-row>.user-status{grid-column:2}.customer-actions{justify-content:flex-start}.wholesale-price-row{grid-template-columns:56px 1fr}.wholesale-price-img{width:56px;height:56px}.wholesale-price-numbers{grid-template-columns:1fr 1fr}.wholesale-inline-form{display:grid;grid-template-columns:1fr 1fr}.wholesale-inline-form .btn{grid-column:1/-1}.wholesale-order-product{grid-template-columns:52px 1fr}.wholesale-order-product-price{grid-column:2}.wholesale-order-product>label{grid-column:1/-1}.wholesale-order-row{flex-direction:column}.wholesale-order-row>div:last-child{align-items:flex-start}}

/* ===== V25 Wholesale polish ===== */
.nav-with-badge{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.nav-order-dot{width:10px;height:10px;border-radius:50%;background:#ff3b30;display:inline-block;box-shadow:0 0 0 3px rgba(255,59,48,.16);flex:0 0 auto}
.wholesale-subnav a{position:relative;display:inline-flex;align-items:center;gap:7px}
.order-nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff3b30;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1}
.wholesale-subnav a.active .order-nav-badge{background:#fff;color:#d9271d}

.wholesale-price-row{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr)!important;align-items:start!important;padding:18px!important}
.wholesale-price-main{display:grid;gap:12px;min-width:0}
.wholesale-category-top{justify-self:start;font-size:12px;padding:6px 12px}
.wholesale-price-identity{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center}
.wholesale-price-identity .wholesale-price-img{width:88px;height:88px}
.wholesale-price-info{gap:5px!important}
.wholesale-price-info b{font-size:15px}
.wholesale-price-info strong{font-size:17px}
.wholesale-price-numbers{max-width:540px;margin-left:104px}
.wholesale-price-actions{display:grid;gap:14px;padding-left:4px}
.wholesale-price-actions .wholesale-inline-form{display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(90px,.7fr);gap:8px;align-items:end}
.wholesale-price-actions .wholesale-inline-form .btn{align-self:end}
.wholesale-price-actions .tier-manual-form{grid-column:auto!important;grid-template-columns:minmax(160px,1fr) auto}

.special-category{align-self:flex-start;width:max-content;margin-bottom:3px;font-size:11px;padding:5px 9px}
.wholesale-special-card>div{align-items:flex-start}
.order-category{width:max-content;margin:2px 0 1px;font-size:11px;padding:4px 8px}

@media(max-width:1180px){
  .wholesale-price-row{grid-template-columns:1fr!important}
  .wholesale-price-actions{padding-left:0}
  .wholesale-price-numbers{margin-left:104px}
}
@media(max-width:720px){
  .wholesale-price-identity{grid-template-columns:70px minmax(0,1fr)}
  .wholesale-price-identity .wholesale-price-img{width:70px;height:70px}
  .wholesale-price-numbers{margin-left:0}
  .wholesale-price-actions .wholesale-inline-form{grid-template-columns:1fr 1fr}
  .wholesale-price-actions .wholesale-inline-form .compact-check{grid-column:1/-1}
  .wholesale-price-actions .wholesale-inline-form .btn{grid-column:1/-1}
  .wholesale-price-actions .tier-manual-form{grid-template-columns:1fr}
}

/* ===== V26 wholesale admin redesign ===== */
.wholesale-customer-list-card{min-width:0}
.wholesale-customer-heading{gap:16px;align-items:center}
.customer-list-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.customer-list-tools .wholesale-list-search{width:min(340px,42vw);max-width:none}
.wholesale-customer-modal{z-index:140}
.wholesale-customer-modal-card{width:min(820px,96vw);text-align:left;max-height:90vh;overflow:auto}
.modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.modal-title-row h2{margin:0 0 4px}.modal-title-row p{margin:0}
.modal-x{border:0;background:#f4eef8;color:#6f2dbd;width:38px;height:38px;border-radius:12px;font-size:25px;line-height:1;cursor:pointer;flex:0 0 auto}

.wholesale-pricing-toolbar.v26{display:block;padding:16px 18px}
.wholesale-pricing-filter{display:grid;grid-template-columns:minmax(190px,250px) minmax(240px,1fr) auto auto;gap:10px;align-items:end}
.wholesale-pricing-filter .field{min-width:0}.wholesale-pricing-filter .field label{margin-bottom:5px}
.pricing-hint{display:flex;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #efe6f4;color:#75627f;font-size:13px}
.pricing-hint b{color:#6f2dbd;white-space:nowrap}
.wholesale-pricing-list.v26{display:grid;gap:12px}
.wholesale-price-row-v26{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(440px,1.65fr) minmax(180px,.55fr);gap:18px;align-items:center;padding:16px;min-width:0}
.wholesale-product-head-v26{display:grid;grid-template-columns:1fr auto;grid-template-areas:"cat cat" "ident cost";gap:10px 12px;align-items:center;min-width:0}
.wholesale-product-head-v26>.wholesale-category-top{grid-area:cat}
.wholesale-product-identity-v26{grid-area:ident;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.wholesale-product-identity-v26 img,.wholesale-product-placeholder{width:72px;height:72px;border-radius:14px;object-fit:contain;background:#fff8e8;border:1px solid #eee4f2}
.wholesale-product-identity-v26>div{display:flex;flex-direction:column;gap:3px;min-width:0}.wholesale-product-identity-v26 b{font-size:14px}.wholesale-product-identity-v26 strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wholesale-product-identity-v26 small{color:#8b7895}
.wholesale-cost-pill{grid-area:cost;min-width:92px;background:#f8f4fb;border:1px solid #eadff2;border-radius:13px;padding:9px 10px;text-align:right}.wholesale-cost-pill span,.wholesale-cost-pill small{display:block;font-size:10px;color:#7d6a87}.wholesale-cost-pill b{display:block;font-size:17px;margin:2px 0;color:#2e1838}
.wholesale-tier-boxes-v26{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;min-width:0}
.tier-price-box-v26{display:grid;grid-template-columns:1fr auto;grid-template-areas:"head price" "input input" "state state";gap:5px 8px;padding:9px;border:1px solid #e9dff0;border-radius:13px;background:#fdfbff;min-width:0}
.tier-price-box-v26>span{grid-area:head;display:flex;align-items:baseline;gap:5px}.tier-price-box-v26>span b{color:#5e3a70}.tier-price-box-v26>span small{font-size:9px;color:#9a879f}.tier-price-box-v26>strong{grid-area:price;color:#6f2dbd;font-size:14px;white-space:nowrap}.tier-price-box-v26>.input{grid-area:input;padding:7px 8px;font-size:12px;min-width:0}.tier-price-box-v26>em{grid-area:state;font-style:normal;font-size:9px;color:#8f7b98}
.wholesale-product-controls-v26{display:grid;grid-template-columns:1fr 82px;gap:8px;align-items:end}.wholesale-product-controls-v26>.compact-check{grid-column:1/-1;padding:0}.wholesale-product-controls-v26>label>span{display:block;font-size:10px;color:#7d6986;font-weight:700;margin-bottom:4px}.wholesale-product-controls-v26>.btn{grid-column:1/-1;width:100%}

.special-price-toolbar{display:flex;align-items:center;gap:10px}.special-price-toolbar .wholesale-search-form{flex:1;justify-content:flex-end}.special-price-toolbar .select{max-width:230px}
.wholesale-special-card{position:relative;padding-top:48px!important}.wholesale-special-card .special-category{position:absolute;left:14px;top:14px}.wholesale-special-card img{object-fit:contain;background:#fff8e8}

.wholesale-reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.wholesale-reports-grid>*{min-width:0}.wholesale-reports-grid .table-wrap{max-width:100%}.wholesale-reports-grid table{min-width:620px}

@media(max-width:1280px){
  .wholesale-price-row-v26{grid-template-columns:minmax(220px,.8fr) minmax(380px,1.4fr)}
  .wholesale-product-controls-v26{grid-column:1/-1;grid-template-columns:auto minmax(160px,1fr) 100px auto;align-items:end;border-top:1px solid #efe7f3;padding-top:10px}
  .wholesale-product-controls-v26>.compact-check{grid-column:auto;padding-bottom:10px}.wholesale-product-controls-v26>.btn{grid-column:auto;width:auto}
  .wholesale-tier-boxes-v26{grid-template-columns:repeat(3,minmax(110px,1fr))}
  .wholesale-reports-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .wholesale-pricing-filter{grid-template-columns:1fr 1fr}.wholesale-pricing-filter>.btn{width:100%}
  .wholesale-price-row-v26{grid-template-columns:1fr}
  .wholesale-tier-boxes-v26{grid-template-columns:repeat(2,minmax(120px,1fr))}
  .wholesale-product-controls-v26{grid-column:auto;grid-template-columns:1fr 1fr}.wholesale-product-controls-v26>.compact-check{grid-column:1/-1}.wholesale-product-controls-v26>.btn{grid-column:1/-1;width:100%}
  .special-price-toolbar{align-items:stretch;flex-direction:column}.special-price-toolbar .wholesale-search-form{width:100%}.special-price-toolbar .select{max-width:none}
}
@media(max-width:620px){
  .customer-list-tools{width:100%;justify-content:stretch}.customer-list-tools .wholesale-list-search{width:100%}.customer-list-tools .btn{width:100%}
  .wholesale-customer-heading{align-items:stretch;flex-direction:column}
  .wholesale-pricing-filter{grid-template-columns:1fr}.pricing-hint{align-items:flex-start;flex-direction:column}
  .wholesale-product-head-v26{grid-template-columns:1fr;grid-template-areas:"cat" "ident" "cost"}.wholesale-cost-pill{text-align:left;width:100%}
  .wholesale-tier-boxes-v26{grid-template-columns:1fr 1fr}.tier-price-box-v26{grid-template-columns:1fr;grid-template-areas:"head" "price" "input" "state"}.tier-price-box-v26>strong{font-size:17px}
  .wholesale-product-controls-v26{grid-template-columns:1fr}.wholesale-product-controls-v26>*{grid-column:1!important}
  .wholesale-customer-modal-card{padding:18px}.wholesale-customer-modal-card .form-grid{grid-template-columns:1fr}
}

/* V27 Wholesale pricing + reports refinement */
.wholesale-pricing-toolbar.v27{padding:16px 18px;display:grid;gap:14px}
.wholesale-category-tabs{margin:0;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.wholesale-category-tabs a{flex:0 0 auto}
.wholesale-pricing-search-v27{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center}
.wholesale-product-head-v27{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0;align-self:stretch}
.wholesale-product-head-v27>.wholesale-category-top{justify-self:start}
.wholesale-product-identity-v27{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-width:0}
.wholesale-product-photo-stack{display:flex;flex-direction:column;gap:7px;align-items:stretch;width:92px}
.wholesale-product-photo-stack img,.wholesale-product-photo-stack>.wholesale-product-placeholder{width:92px;height:82px;object-fit:contain;border:1px solid #eee4f2;border-radius:14px;background:#fff8e8}
.wholesale-cost-under-photo{background:#f8f3fa;border:1px solid #eee4f2;border-radius:12px;padding:7px 8px;text-align:center;display:flex;flex-direction:column;line-height:1.15}
.wholesale-cost-under-photo span{font-size:10px;color:#7d6986}.wholesale-cost-under-photo b{font-size:15px}.wholesale-cost-under-photo small{font-size:9px;color:#8b7895;margin-top:3px}
.wholesale-product-copy-v27{display:flex;flex-direction:column;gap:4px;min-width:0}.wholesale-product-copy-v27 b{font-size:14px}.wholesale-product-copy-v27 strong{font-size:17px;line-height:1.2}.wholesale-product-copy-v27 small{color:#8b7895}
.wholesale-report-party-list{max-width:1180px}
.wholesale-report-party-grid{display:grid;gap:10px;margin-top:14px}
.wholesale-report-party-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid #eadff0;border-radius:16px;text-decoration:none;color:inherit;background:#fff;transition:.15s ease}
.wholesale-report-party-card:hover{border-color:#c9a9df;box-shadow:0 8px 24px rgba(74,31,96,.08);transform:translateY(-1px)}
.report-party-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.report-party-copy b{font-size:17px}.report-party-copy span,.report-party-copy small{color:#7d6986}.report-open-arrow{font-weight:800;color:#7c31c5;white-space:nowrap}
.report-detail-head{margin-bottom:12px}
.party-report-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.party-report-summary h2{margin:3px 0}.party-report-summary p{margin:0}
.party-report-metrics{display:flex;gap:10px}.party-report-metrics>span{min-width:140px;background:#f8f3fa;border-radius:14px;padding:12px 16px;display:flex;flex-direction:column}.party-report-metrics small{color:#7d6986}.party-report-metrics b{font-size:20px;color:#6f28bd}
.party-report-orders{display:grid;gap:14px}.party-report-order{padding:18px}.party-report-order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.party-report-order-head h3{margin:0 0 4px}.party-report-order-head p{margin:0}.party-report-order-head>div:last-child{display:flex;gap:12px;align-items:center}.party-report-order-total{font-size:19px;color:#6f28bd}.party-report-items{min-width:650px}.party-report-notes{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.party-report-notes>span{background:#faf6fc;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}.party-report-notes small{color:#7d6986;font-weight:700;margin-bottom:3px}
@media(max-width:900px){.wholesale-pricing-search-v27{grid-template-columns:1fr auto}.wholesale-pricing-search-v27 .btn-light{grid-column:1/-1;justify-self:start}.party-report-summary{align-items:flex-start;flex-direction:column}.party-report-metrics{width:100%}.party-report-metrics>span{flex:1}.party-report-order-head{flex-direction:column}.party-report-order-head>div:last-child{width:100%;justify-content:space-between}}
@media(max-width:600px){.wholesale-product-identity-v27{grid-template-columns:82px minmax(0,1fr)}.wholesale-product-photo-stack{width:82px}.wholesale-product-photo-stack img,.wholesale-product-photo-stack>.wholesale-product-placeholder{width:82px;height:74px}.wholesale-pricing-search-v27{grid-template-columns:1fr}.wholesale-pricing-search-v27>*{width:100%}.wholesale-report-party-card{grid-template-columns:auto minmax(0,1fr)}.report-open-arrow{grid-column:2}.party-report-metrics{flex-direction:column}.party-report-order-head>div:last-child{align-items:flex-start;flex-direction:column}}

/* ===== V28 wholesale customer tier quick/bulk edit ===== */
.wholesale-bulk-tier-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 12px;padding:11px 12px;border:1px solid #eadff2;background:#fbf8fd;border-radius:14px}
.bulk-select-all{display:flex;align-items:center;gap:7px;font-weight:800;color:#3c2449;cursor:pointer}.bulk-select-all input,.customer-select-box input{accent-color:#7a31c6;width:17px;height:17px}
.bulk-selected-count{font-size:13px;color:#806f89}.bulk-selected-count b{color:#6f2dbd;font-size:15px}
.bulk-tier-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.bulk-tier-controls .select{min-width:210px}.bulk-tier-controls .btn:disabled{opacity:.45;cursor:not-allowed}
.wholesale-customer-row.v28{grid-template-columns:24px 46px minmax(0,1fr) minmax(95px,125px) auto auto;gap:11px}
.customer-select-box{display:grid;place-items:center;cursor:pointer}.customer-tier-quick-form{margin:0}.customer-tier-quick-form label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#7f6a89;text-transform:uppercase;letter-spacing:.03em}.customer-tier-select{padding:7px 28px 7px 9px;min-height:36px;font-size:13px;font-weight:900;color:#6f2dbd;background:#fbf7ff}
@media(max-width:1000px){.wholesale-customer-row.v28{grid-template-columns:24px 44px minmax(0,1fr) minmax(90px,115px) auto}.wholesale-customer-row.v28 .customer-actions{grid-column:2/-1}.bulk-tier-controls{margin-left:0;width:100%}.bulk-tier-controls .select{flex:1;min-width:0}}
@media(max-width:620px){.wholesale-customer-row.v28{grid-template-columns:24px 42px minmax(0,1fr)}.wholesale-customer-row.v28 .customer-tier-quick-form{grid-column:2/3}.wholesale-customer-row.v28>.user-status{grid-column:3}.wholesale-customer-row.v28 .customer-actions{grid-column:1/-1}.wholesale-bulk-tier-bar{align-items:stretch}.bulk-tier-controls{display:grid;grid-template-columns:1fr auto}.bulk-select-all{flex:1}}


/* V29 wholesale tier deletion */
.wholesale-tier-card.v29{position:relative;align-content:start}.wholesale-tier-card.v29 .tier-edit-form{display:grid;gap:13px}.tier-customer-count{display:flex;align-items:baseline;gap:7px;padding:8px 10px;border-radius:12px;background:#fbf7ff;color:#6f2dbd}.tier-customer-count b{font-size:20px}.tier-customer-count span{font-size:12px;font-weight:800;color:#7f668f}.tier-delete-trigger{width:100%;margin-top:2px}.wholesale-tier-delete-modal{z-index:160}.wholesale-tier-delete-card{width:min(560px,96vw);text-align:left}.wholesale-tier-delete-card .field{margin-top:16px}.tier-delete-warning{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff6e5;border:1px solid #f0d7a5;color:#7b5717;font-size:13px;line-height:1.5}.wholesale-tier-delete-card .modal-actions{justify-content:flex-end}
@media(max-width:560px){.wholesale-tier-delete-card .modal-actions{flex-direction:column}.wholesale-tier-delete-card .modal-actions .btn{width:100%}}

/* V30 compact tiers + compact create-order cards */
.wholesale-tier-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.wholesale-tier-toolbar h3{margin:0}.wholesale-tier-toolbar p{margin:4px 0 0}.tier-toolbar-actions,.order-builder-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-view-control{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #eadff0;background:#fbf8fd;border-radius:12px}.compact-view-control>span{font-size:11px;font-weight:800;color:#7e6a88;padding:0 5px}.compact-view-control button{border:0;background:transparent;border-radius:8px;padding:7px 9px;font-weight:900;color:#6a5575;cursor:pointer}.compact-view-control button.active{background:#6f2dbd;color:#fff;box-shadow:0 4px 12px rgba(111,45,189,.18)}
.wholesale-tier-grid.v30{grid-template-columns:repeat(var(--tier-cols,4),minmax(0,1fr));gap:12px}.wholesale-tier-card.v30{padding:14px;gap:9px;min-width:0}.wholesale-tier-card.v30 .tier-edit-form.compact{gap:9px}.wholesale-tier-card.v30 .tier-head{gap:8px}.wholesale-tier-card.v30 .tier-badge{font-size:16px;padding:6px 10px}.status-check.compact{font-size:12px}.tier-customer-count.compact{padding:6px 9px}.tier-customer-count.compact b{font-size:17px}.tier-compact-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tier-compact-fields label{display:grid;gap:4px}.tier-compact-fields label>span{font-size:10px;font-weight:900;color:#745e80;text-transform:uppercase;letter-spacing:.03em}.tier-compact-fields .input{min-width:0;padding:9px 10px;min-height:38px}.tier-save-btn,.wholesale-tier-card.v30>.tier-delete-trigger{min-height:38px;padding:8px 10px}.tier-add-modal-card{width:min(620px,96vw)}
.wholesale-order-builder-head.v30{display:flex;justify-content:space-between;align-items:end;gap:14px}.order-builder-tools{justify-content:flex-end}.order-builder-tools>.input{min-width:300px}.wholesale-order-product-list.v30{display:grid;grid-template-columns:repeat(var(--order-cols,4),minmax(0,1fr));gap:12px;margin-top:12px}.wholesale-order-product.v30{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;min-width:0}.order-card-top{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start}.order-card-top>img,.order-card-top>.order-product-img{width:70px;height:70px;border-radius:12px;object-fit:cover;background:#f5f0f7}.wholesale-order-product.v30 .order-product-info{gap:2px;min-width:0}.wholesale-order-product.v30 .order-product-info b{font-size:12px}.wholesale-order-product.v30 .order-product-info strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.wholesale-order-product.v30 .order-product-info small{font-size:10px}.wholesale-order-product.v30 .order-category{width:max-content;max-width:100%;font-size:10px}.order-card-price{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:#fbf7ff}.order-card-price span{font-size:10px;color:#7e6a88;font-weight:800}.order-card-price b{color:#6f2dbd;font-size:17px}.order-card-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-card-inputs label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#725e7c}.order-card-inputs .input{min-width:0;padding:9px 10px;min-height:38px}.wholesale-order-product.v30[hidden]{display:none!important}
@media(max-width:1180px){.wholesale-tier-grid.v30{grid-template-columns:repeat(3,minmax(0,1fr))}.wholesale-order-product-list.v30{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.wholesale-tier-toolbar,.wholesale-order-builder-head.v30{align-items:stretch;flex-direction:column}.tier-toolbar-actions,.order-builder-tools{justify-content:flex-start}.order-builder-tools>.input{min-width:0;width:100%}.wholesale-tier-grid.v30,.wholesale-order-product-list.v30{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wholesale-tier-grid.v30,.wholesale-order-product-list.v30{grid-template-columns:1fr}.tier-compact-fields{grid-template-columns:1fr 1fr}.compact-view-control>span{display:none}.tier-toolbar-actions{width:100%}.tier-toolbar-actions>.btn{margin-left:auto}.order-card-top{grid-template-columns:62px minmax(0,1fr)}.order-card-top>img,.order-card-top>.order-product-img{width:62px;height:62px}}


/* ===== V31 customer product visibility + login aliases + responsive compact UI ===== */
.customer-main-link{text-decoration:none;color:inherit;border-radius:10px;padding:3px 5px;margin:-3px -5px}.customer-main-link:hover{background:#faf6fd}.customer-main-link b{color:#24142f}
.customer-products-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}.customer-products-head>div{display:grid;gap:6px}.customer-products-head h2,.customer-products-head p{margin:0}.customer-products-search{display:flex;gap:8px;align-items:center;min-width:min(480px,45vw)}.customer-products-search .input{min-width:0;flex:1}.customer-product-category-tabs{margin:0 0 14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.customer-product-category-tabs a{white-space:nowrap}
.customer-product-visibility-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.customer-product-visibility-card{display:grid;gap:10px;padding:13px;min-width:0}.customer-product-visibility-card.excluded{background:#fffafa;border-color:#f1cccc;opacity:.82}.customer-product-visibility-main{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;align-items:center}.customer-product-visibility-main img,.customer-product-placeholder{width:66px;height:66px;border-radius:12px;object-fit:cover;background:#f5f0f7}.customer-product-visibility-main>div{display:flex;flex-direction:column;gap:2px;min-width:0}.customer-product-visibility-main b{font-size:12px}.customer-product-visibility-main strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.customer-product-visibility-main small{font-size:10px;color:#806f89}.customer-product-visibility-card>.btn{width:100%}.visibility-global-note{font-size:11px;font-weight:800;color:#a63f35;background:#fff0ee;padding:7px 9px;border-radius:9px}
.wholesale-tier-card.v30 .tier-save-btn,.wholesale-tier-card.v30>.tier-delete-trigger{width:100%;display:flex;justify-content:center;align-items:center}.wholesale-tier-card.v30 .tier-edit-form.compact{height:100%}.wholesale-tier-card.v30 .tier-save-btn{margin-top:auto}
.wholesale-order-builder-head.v31{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.wholesale-order-builder-head.v31 .order-category-tabs{grid-column:1/-1;margin-top:2px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.order-category-tabs button{border:1px solid color-mix(in srgb,var(--cat-color,#6B2FA3) 25%,#fff);background:color-mix(in srgb,var(--cat-color,#6B2FA3) 8%,#fff);color:var(--cat-text,var(--cat-color,#6B2FA3));border-radius:999px;padding:9px 14px;font-weight:800;white-space:nowrap;cursor:pointer}.order-category-tabs button:first-child{--cat-color:#6f2dbd;--cat-text:#6f2dbd}.order-category-tabs button.active{background:var(--cat-color,#6f2dbd);border-color:var(--cat-color,#6f2dbd);color:#fff}
.wholesale-order-product.v31{position:relative}.order-card-price{position:relative}.order-cost-info{width:24px;height:24px;border-radius:50%;border:1px solid #d8c8e5;background:#fff;color:#6f2dbd;font-weight:900;cursor:pointer;display:grid;place-items:center;font-family:Georgia,serif;font-size:13px;padding:0}.order-cost-popover{position:absolute;right:4px;bottom:calc(100% + 7px);z-index:12;min-width:112px;background:#281532;color:#fff;border-radius:9px;padding:7px 9px;box-shadow:0 8px 24px rgba(36,20,47,.22);font-size:10px}.order-cost-popover small{display:block;color:#d9c9e2;font-size:9px}.order-cost-popover strong{display:block;color:#fff;font-size:12px;margin-top:2px}
@media(max-width:1180px){.customer-product-visibility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.customer-products-head{align-items:stretch;flex-direction:column}.customer-products-search{min-width:0;width:100%}.customer-product-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-order-builder-head.v31{grid-template-columns:1fr}.wholesale-order-builder-head.v31 .order-builder-tools{justify-content:flex-start}.wholesale-order-builder-head.v31 .order-category-tabs{grid-column:1}.wholesale-tier-grid.v30{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wholesale-order-product-list.v30{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.customer-product-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-product-visibility-card{padding:9px;gap:7px}.customer-product-visibility-main{grid-template-columns:48px minmax(0,1fr);gap:7px}.customer-product-visibility-main img,.customer-product-placeholder{width:48px;height:48px}.customer-product-visibility-main strong{font-size:12px}.customer-product-visibility-main small{display:none}.customer-product-visibility-card .mini-category{font-size:9px}.wholesale-tier-grid.v30,.wholesale-order-product-list.v30{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.wholesale-tier-card.v30{padding:9px}.wholesale-tier-card.v30 .tier-badge{font-size:14px;padding:5px 8px}.tier-compact-fields{grid-template-columns:1fr}.wholesale-tier-card.v30 .status-check.compact{font-size:10px}.wholesale-order-product.v30,.wholesale-order-product.v31{padding:8px;gap:7px}.order-card-top{grid-template-columns:44px minmax(0,1fr);gap:7px}.order-card-top>img,.order-card-top>.order-product-img{width:44px;height:44px}.wholesale-order-product.v30 .order-product-info strong{font-size:12px}.wholesale-order-product.v30 .order-product-info small{display:none}.order-card-price{padding:6px 7px}.order-card-price b{font-size:14px}.order-card-inputs{gap:5px}.order-card-inputs .input{padding:7px;min-height:34px}.order-builder-tools .compact-view-control{display:none}}

/* V32 wholesale visual polish */
.wholesale-order-product.v31{position:relative;padding-top:14px}
.order-card-info-wrap{position:absolute;top:10px;right:10px;z-index:14}
.order-cost-info{width:27px;height:27px;border-radius:999px;border:1px solid #d9c9e6;background:#fff;color:#6f2dbd;font-weight:900;cursor:pointer;display:grid;place-items:center;font-family:Georgia,serif;font-size:13px;padding:0;box-shadow:0 4px 12px rgba(75,36,102,.08)}
.order-cost-info:hover{background:#f5edff;border-color:#b995d5}
.order-card-info-wrap .order-cost-popover{position:absolute;right:0;top:calc(100% + 7px);bottom:auto;z-index:20;min-width:118px;background:#281532;color:#fff;border-radius:9px;padding:7px 9px;box-shadow:0 8px 24px rgba(36,20,47,.22);font-size:10px}
.order-card-top{padding-right:30px}
.order-card-price{padding-right:10px}

.wholesale-info-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 26px}
.wholesale-info-card>div{min-width:0}
.wholesale-info-card h2{margin:0 0 8px;line-height:1.2}
.wholesale-info-card p{margin:0;line-height:1.55;max-width:1000px}
.wholesale-info-card>.btn{white-space:nowrap;min-width:170px;min-height:46px;padding:11px 18px;align-self:center}

.wholesale-tier-card.v30 .tier-edit-form.compact{gap:10px}
.wholesale-tier-card.v30 .tier-save-btn{margin-top:10px!important}
.wholesale-tier-card.v30>.tier-delete-trigger{margin-top:10px}

@media(max-width:820px){
  .wholesale-info-card{grid-template-columns:1fr;padding:18px;gap:14px}
  .wholesale-info-card>.btn{width:100%;min-width:0}
}
@media(max-width:560px){
  .order-card-info-wrap{top:8px;right:8px}
  .order-cost-info{width:25px;height:25px}
  .order-card-top{padding-right:28px}
  .wholesale-tier-card.v30 .tier-save-btn{margin-top:8px!important}
  .wholesale-tier-card.v30>.tier-delete-trigger{margin-top:8px}
}

/* ===== V33 order-card + tier spacing correction ===== */
/* Keep create-order cards readable even when 4/5 columns are selected. */
.wholesale-order-product.v31{
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto;
  align-content:start;
  gap:10px;
  padding:14px;
  min-width:0;
  overflow:visible;
}
.wholesale-order-product.v31 .order-card-top{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding-right:32px;
  min-width:0;
}
.wholesale-order-product.v31 .order-card-top>img,
.wholesale-order-product.v31 .order-card-top>.order-product-img{
  width:72px;
  height:72px;
  object-fit:contain;
  background:#fff9ef;
  border:1px solid #eee3f2;
  border-radius:13px;
}
.wholesale-order-product.v31 .order-product-info{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
  overflow:hidden;
}
.wholesale-order-product.v31 .order-product-info .order-category{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wholesale-order-product.v31 .order-product-info b{
  display:block;
  width:100%;
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#24142f;
}
.wholesale-order-product.v31 .order-product-info strong{
  display:block;
  width:100%;
  font-size:14px;
  line-height:1.25;
  min-height:35px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.wholesale-order-product.v31 .order-product-info small{
  display:block;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wholesale-order-product.v31 .order-card-price{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  border-radius:11px;
  background:#fbf7ff;
  min-width:0;
}
.wholesale-order-product.v31 .order-card-price b{
  white-space:nowrap;
  flex:0 0 auto;
}
.wholesale-order-product.v31 .order-card-inputs{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:8px;
  min-width:0;
}
.wholesale-order-product.v31 .order-card-inputs label{
  display:grid;
  gap:4px;
  min-width:0;
  font-size:10px;
  font-weight:800;
  color:#725e7c;
}
.wholesale-order-product.v31 .order-card-inputs .input{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  padding:9px 9px;
  min-height:38px;
}
.wholesale-order-product.v31 .order-card-info-wrap{
  position:absolute;
  top:12px;
  right:12px;
  z-index:25;
}
.wholesale-order-product.v31 .order-cost-info{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  border:1px solid #d6c3e5;
  color:#6f2dbd;
  box-shadow:0 4px 12px rgba(75,36,102,.10);
}
.wholesale-order-product.v31 .order-card-info-wrap .order-cost-popover{
  right:0;
  top:34px;
  bottom:auto;
}
/* Keep sticky total panel from visually eating the product controls. */
#manualWholesaleOrder .wholesale-order-product-list.v30{padding-bottom:16px}
#manualWholesaleOrder .wholesale-order-summary{background:rgba(255,255,255,.98);backdrop-filter:blur(7px)}

/* Tier cards: compact and even vertical rhythm. */
.wholesale-tier-card.v30{
  gap:8px;
}
.wholesale-tier-card.v30 .tier-edit-form.compact{
  gap:8px;
  height:auto;
}
.wholesale-tier-card.v30 .tier-save-btn{
  margin-top:4px!important;
}
.wholesale-tier-card.v30>.tier-delete-trigger{
  margin-top:6px!important;
}

@media(max-width:1180px){
  .wholesale-order-product.v31 .order-card-top{grid-template-columns:64px minmax(0,1fr)}
  .wholesale-order-product.v31 .order-card-top>img,
  .wholesale-order-product.v31 .order-card-top>.order-product-img{width:64px;height:64px}
}
@media(max-width:900px){
  .wholesale-order-product.v31{padding:11px;gap:8px}
  .wholesale-order-product.v31 .order-card-top{grid-template-columns:58px minmax(0,1fr);gap:8px;padding-right:29px}
  .wholesale-order-product.v31 .order-card-top>img,
  .wholesale-order-product.v31 .order-card-top>.order-product-img{width:58px;height:58px}
  .wholesale-order-product.v31 .order-card-info-wrap{top:9px;right:9px}
  .wholesale-order-product.v31 .order-product-info strong{font-size:13px;min-height:32px}
}
@media(max-width:560px){
  .wholesale-order-product.v31{padding:9px;gap:7px}
  .wholesale-order-product.v31 .order-card-top{grid-template-columns:48px minmax(0,1fr);gap:7px;padding-right:27px}
  .wholesale-order-product.v31 .order-card-top>img,
  .wholesale-order-product.v31 .order-card-top>.order-product-img{width:48px;height:48px}
  .wholesale-order-product.v31 .order-product-info b{font-size:11px}
  .wholesale-order-product.v31 .order-product-info strong{font-size:12px;min-height:30px}
  .wholesale-order-product.v31 .order-card-inputs{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:5px}
  .wholesale-order-product.v31 .order-card-inputs .input{padding:7px 6px;min-height:34px;font-size:12px}
  .wholesale-order-product.v31 .order-cost-info{width:25px;height:25px}
  .wholesale-tier-card.v30 .tier-save-btn{margin-top:3px!important}
  .wholesale-tier-card.v30>.tier-delete-trigger{margin-top:5px!important}
}


/* ===== V34 restore compact create-order card ===== */
/* Restore the clean V30 card composition. Only the cost info button is added. */
.wholesale-order-product.v31{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  padding:12px;
  min-width:0;
  overflow:visible;
}
.wholesale-order-product.v31 .order-card-top{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding-right:30px;
  min-width:0;
}
.wholesale-order-product.v31 .order-card-top>img,
.wholesale-order-product.v31 .order-card-top>.order-product-img{
  width:70px;
  height:70px;
  border-radius:12px;
  object-fit:contain;
  background:#fff9ef;
  border:1px solid #eee3f2;
}
.wholesale-order-product.v31 .order-product-info{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  min-width:0;
  overflow:visible;
}
.wholesale-order-product.v31 .order-product-info .order-category{
  width:max-content;
  max-width:100%;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wholesale-order-product.v31 .order-product-info b{
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.wholesale-order-product.v31 .order-product-info strong{
  font-size:14px;
  line-height:1.25;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:0;
  max-width:100%;
}
.wholesale-order-product.v31 .order-product-info small{
  display:block;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.wholesale-order-product.v31 .order-card-price{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:10px;
  background:#fbf7ff;
  min-width:0;
}
.wholesale-order-product.v31 .order-card-price span{
  font-size:10px;
  color:#7e6a88;
  font-weight:800;
}
.wholesale-order-product.v31 .order-card-price b{
  color:#6f2dbd;
  font-size:17px;
  white-space:nowrap;
}
.wholesale-order-product.v31 .order-card-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  min-width:0;
}
.wholesale-order-product.v31 .order-card-inputs label{
  display:grid;
  gap:4px;
  min-width:0;
  font-size:10px;
  font-weight:800;
  color:#725e7c;
}
.wholesale-order-product.v31 .order-card-inputs .input{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  padding:9px 10px;
  min-height:38px;
}
/* info button only: original cost is never printed in the visible card */
.wholesale-order-product.v31 .order-card-info-wrap{
  position:absolute;
  top:10px;
  right:10px;
  z-index:30;
}
.wholesale-order-product.v31 .order-cost-info{
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid #d8c8e5;
  background:#fff;
  color:#6f2dbd;
  font-weight:900;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  font-size:13px;
  padding:0;
  box-shadow:0 4px 12px rgba(75,36,102,.08);
}
.wholesale-order-product.v31 .order-card-info-wrap .order-cost-popover{
  position:absolute;
  right:0;
  top:calc(100% + 7px);
  bottom:auto;
  z-index:40;
  min-width:118px;
  background:#281532;
  color:#fff;
  border-radius:9px;
  padding:7px 9px;
  box-shadow:0 8px 24px rgba(36,20,47,.22);
  font-size:10px;
}
/* desktop density still follows 3/4/5 selector */
@media(max-width:1180px){
  .wholesale-order-product.v31 .order-card-top{grid-template-columns:64px minmax(0,1fr)}
  .wholesale-order-product.v31 .order-card-top>img,
  .wholesale-order-product.v31 .order-card-top>.order-product-img{width:64px;height:64px}
}
@media(max-width:900px){
  .wholesale-order-product-list.v30{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wholesale-order-product.v31{padding:10px;gap:8px}
  .wholesale-order-product.v31 .order-card-top{grid-template-columns:58px minmax(0,1fr);gap:8px;padding-right:28px}
  .wholesale-order-product.v31 .order-card-top>img,
  .wholesale-order-product.v31 .order-card-top>.order-product-img{width:58px;height:58px}
}
@media(max-width:560px){
  .wholesale-order-product-list.v30{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .wholesale-order-product.v31{padding:8px;gap:7px}
  .wholesale-order-product.v31 .order-card-top{grid-template-columns:44px minmax(0,1fr);gap:7px;padding-right:25px}
  .wholesale-order-product.v31 .order-card-top>img,
  .wholesale-order-product.v31 .order-card-top>.order-product-img{width:44px;height:44px}
  .wholesale-order-product.v31 .order-product-info strong{font-size:12px}
  .wholesale-order-product.v31 .order-product-info small{display:none}
  .wholesale-order-product.v31 .order-card-price{padding:6px 7px}
  .wholesale-order-product.v31 .order-card-price b{font-size:14px}
  .wholesale-order-product.v31 .order-card-inputs{gap:5px}
  .wholesale-order-product.v31 .order-card-inputs .input{padding:7px 6px;min-height:34px;font-size:12px}
  .wholesale-order-product.v31 .order-cost-info{width:24px;height:24px;font-size:12px}
}


/* ===== V35 focused create-order fixes ===== */
/* Keep cost info inside its own card layer; the sticky order footer must cover cards while scrolling. */
#manualWholesaleOrder .wholesale-order-product.v31{isolation:isolate;overflow:hidden}
#manualWholesaleOrder .wholesale-order-product.v31 .order-card-info-wrap{z-index:3}
#manualWholesaleOrder .wholesale-order-product.v31 .order-card-info-wrap:has(.order-cost-popover:not([hidden])){z-index:45}
#manualWholesaleOrder .wholesale-order-summary{z-index:70;background:#fff;backdrop-filter:none}

/* Category pills: readable pastel text when inactive, strong fill only when selected. */
#manualWholesaleOrder .order-category-tabs{display:flex;gap:9px;align-items:center;overflow-x:auto;flex-wrap:nowrap;padding:3px 0 7px;scrollbar-width:thin}
#manualWholesaleOrder .order-category-tabs button{
  flex:0 0 auto;
  border:1px solid color-mix(in srgb,var(--cat-color,#6B2FA3) 30%,#fff);
  background:color-mix(in srgb,var(--cat-color,#6B2FA3) 10%,#fff);
  color:var(--cat-color,#6B2FA3)!important;
  border-radius:999px;
  padding:9px 16px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  opacity:1!important;
}
#manualWholesaleOrder .order-category-tabs button:first-child{
  --cat-color:#6f2dbd;
  color:#6f2dbd!important;
}
#manualWholesaleOrder .order-category-tabs button.active{
  background:var(--cat-color,#6f2dbd)!important;
  border-color:var(--cat-color,#6f2dbd)!important;
  color:#fff!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--cat-color,#6f2dbd) 18%,transparent);
}
#manualWholesaleOrder .order-category-tabs button:first-child.active{color:#fff!important}

/* An unset customer/tier selling price stays visually blank—never substitute cost/auto price here. */
#manualWholesaleOrder .order-card-price b:empty{min-width:1px}

@media(max-width:820px){
  #manualWholesaleOrder .wholesale-order-summary{z-index:70}
}

/* ===== V37 price-tier card spacing polish ===== */
.wholesale-tier-card.v30{
  padding:16px 16px 15px;
  gap:10px;
  align-content:start;
}
.wholesale-tier-card.v30 .tier-head{
  min-height:38px;
  align-items:center;
  margin-bottom:1px;
}
.wholesale-tier-card.v30 .tier-customer-count.compact{
  margin:0;
  min-height:40px;
  padding:7px 11px;
  border-radius:12px;
}
.wholesale-tier-card.v30 .tier-edit-form.compact{
  display:grid;
  gap:9px;
  height:auto;
  margin:0;
}
.wholesale-tier-card.v30 .tier-compact-fields{
  gap:10px;
  align-items:end;
}
.wholesale-tier-card.v30 .tier-compact-fields label{
  gap:5px;
  margin:0;
}
.wholesale-tier-card.v30 .tier-compact-fields label>span{
  line-height:1.15;
  margin:0;
}
.wholesale-tier-card.v30 .tier-compact-fields .input{
  min-height:44px;
  padding:10px 12px;
}
.wholesale-tier-card.v30 .tier-save-btn{
  width:100%;
  min-height:46px;
  margin:0!important;
}
.wholesale-tier-card.v30>.tier-delete-trigger{
  width:100%;
  min-height:46px;
  margin-top:8px!important;
}
@media(max-width:900px){
  .wholesale-tier-card.v30{padding:13px;gap:9px}
  .wholesale-tier-card.v30 .tier-compact-fields{gap:8px}
  .wholesale-tier-card.v30 .tier-save-btn,
  .wholesale-tier-card.v30>.tier-delete-trigger{min-height:42px}
}
@media(max-width:560px){
  .wholesale-tier-card.v30{padding:11px;gap:8px}
  .wholesale-tier-card.v30 .tier-head{min-height:34px}
  .wholesale-tier-card.v30 .tier-customer-count.compact{min-height:36px;padding:6px 9px}
  .wholesale-tier-card.v30 .tier-compact-fields{grid-template-columns:1fr 1fr;gap:7px}
  .wholesale-tier-card.v30 .tier-compact-fields .input{min-height:40px;padding:8px 9px}
  .wholesale-tier-card.v30 .tier-save-btn,
  .wholesale-tier-card.v30>.tier-delete-trigger{min-height:40px}
  .wholesale-tier-card.v30>.tier-delete-trigger{margin-top:7px!important}
}

/* ===== V38 wholesale product image parity with main Products panel ===== */
/* Use the exact same visual treatment as the main Products table thumbnail. */
.wholesale-product-photo-stack img,
.wholesale-product-photo-stack > .wholesale-product-placeholder{
  width:54px;
  height:54px;
  margin:0 auto;
  object-fit:cover;
  object-position:center;
  border-radius:12px;
  background:var(--cream);
  border:1px solid var(--line);
}
@media(max-width:600px){
  .wholesale-product-photo-stack img,
  .wholesale-product-photo-stack > .wholesale-product-placeholder{
    width:54px;
    height:54px;
  }
}

/* ===== V39 mobile wholesale QA fixes ===== */
/* 1. Customer tier selector: keep the full tier value visible on phones. */
.customer-tier-status{display:flex;align-items:center;gap:10px;min-width:0}
.customer-tier-status .customer-tier-quick-form{min-width:105px}
.customer-tier-status .customer-tier-quick-form label{display:grid;gap:4px;margin:0}
.customer-tier-status .customer-tier-quick-form label>span{font-size:10px;font-weight:800;color:#7f6a89;text-transform:uppercase;letter-spacing:.03em}
.customer-tier-status .customer-tier-select{min-width:105px}

/* 2. Customer product category badge should be a pill, not a stretched bar. */
.customer-product-visibility-card>.mini-category{justify-self:start;align-self:start;width:auto;max-width:100%;display:inline-flex}

/* 3/4. Mobile modals: true viewport-centered cards with internal scrolling. */
@media(max-width:620px){
  .modal{padding:12px;place-items:center;overflow:hidden}
  .wholesale-customer-modal-card,
  .tier-add-modal-card,
  .wholesale-tier-delete-card{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    padding:18px!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    border-radius:18px;
  }
  .wholesale-customer-modal-card .form-grid,
  .tier-add-modal-card .form-grid{grid-template-columns:1fr!important}
  .modal-title-row{gap:10px;position:relative}
  .modal-title-row>div{min-width:0}
  .modal-title-row h2{font-size:24px;line-height:1.15}
  .modal-x{position:sticky;top:0;right:0;z-index:2}
  body:has(.modal.show){overflow:hidden}
}

/* 5. Mobile Create Order: always expose total + submit action after quantities change. */
.mobile-order-action{display:none}
@media(max-width:820px){
  #manualWholesaleOrder{padding-bottom:92px}
  #manualWholesaleOrder .wholesale-order-summary{position:static!important;z-index:1!important;margin-bottom:10px}
  .mobile-order-action{
    position:fixed;
    display:flex;
    left:12px;
    right:12px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    z-index:95;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:15px;
    background:rgba(255,255,255,.98);
    box-shadow:0 12px 34px rgba(49,24,63,.18);
    backdrop-filter:blur(8px);
  }
  .mobile-order-action>div{display:flex;flex-direction:column;gap:1px;min-width:0}
  .mobile-order-action span{font-size:11px;color:var(--muted)}
  .mobile-order-action b{font-size:21px;color:var(--purple);line-height:1.1}
  .mobile-order-action .btn{min-width:126px;padding:10px 13px}
}

/* 6. Party report order items: no horizontal scrolling on mobile. */
@media(max-width:620px){
  .party-report-order .table-wrap{overflow:visible;border:0;border-radius:0}
  .party-report-items{min-width:0!important;width:100%;border-collapse:separate;border-spacing:0}
  .party-report-items thead{display:none}
  .party-report-items tbody{display:grid;gap:9px}
  .party-report-items tr{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
  .party-report-items td{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:baseline;padding:0!important;border:0!important;min-width:0;font-size:13px}
  .party-report-items td::before{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
  .party-report-items td:nth-child(1)::before{content:'SKU'}
  .party-report-items td:nth-child(2)::before{content:'Product'}
  .party-report-items td:nth-child(3)::before{content:'Qty'}
  .party-report-items td:nth-child(4)::before{content:'Rate'}
  .party-report-items td:nth-child(5)::before{content:'Total'}
  .party-report-items td:nth-child(1),.party-report-items td:nth-child(2){grid-column:1/-1}
  .party-report-items td:nth-child(5){grid-column:1/-1;color:var(--purple)}
  .party-report-order{padding:14px}
}

/* Mobile customer row layout after wrapping tier + status together. */
.wholesale-customer-row.v28{grid-template-columns:24px 46px minmax(0,1fr) auto auto;}
@media(max-width:1000px){
  .wholesale-customer-row.v28{grid-template-columns:24px 44px minmax(0,1fr) auto}
  .wholesale-customer-row.v28 .customer-actions{grid-column:2/-1}
}
@media(max-width:620px){
  .wholesale-customer-row.v28{grid-template-columns:24px 52px minmax(0,1fr);gap:9px}
  .wholesale-customer-row.v28 .customer-tier-status{grid-column:2/-1;display:flex;align-items:flex-end;gap:12px;margin-top:2px}
  .wholesale-customer-row.v28 .customer-tier-quick-form{width:132px;min-width:132px}
  .wholesale-customer-row.v28 .customer-tier-select{width:132px;min-width:132px;padding-right:30px}
  .wholesale-customer-row.v28 .customer-actions{grid-column:1/-1}
}


/* V40: bulk product visibility controls on wholesale pricing */
.wholesale-visibility-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:14px 18px}
.wholesale-visibility-bulk-copy{display:flex;align-items:center;gap:12px;min-width:0}.wholesale-visibility-bulk-copy>b{font-size:16px}.wholesale-visibility-bulk-copy>span{color:#806f8d;font-size:13px;font-weight:700}
.wholesale-visibility-bulk-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
@media(max-width:700px){.wholesale-visibility-bulk-toolbar{align-items:stretch;flex-direction:column}.wholesale-visibility-bulk-actions{display:grid;grid-template-columns:1fr 1fr}.wholesale-visibility-bulk-actions .btn{width:100%}.wholesale-visibility-bulk-actions .btn-primary{grid-column:1/-1}}

/* ===== V41 panel modernization, collapsible navigation, payments & filters ===== */
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.section-title h2{margin:0}.section-title p{margin:4px 0 0}.section-title>span{min-width:34px;height:34px;border-radius:10px;background:#f3e8fd;color:var(--purple);font-weight:900;display:grid;place-items:center}
.card{transition:box-shadow .18s ease,border-color .18s ease}.card:hover{border-color:#e1d5e7}.main{padding:26px 30px}.topbar{background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid #eee6f1;border-radius:18px;padding:14px 16px;box-shadow:0 8px 28px rgba(57,29,72,.05);position:relative;z-index:18}.title{min-width:260px}.global-search{margin-left:auto;display:flex;align-items:center;gap:8px;width:min(520px,45vw);height:44px;border:1px solid #e1d7e6;border-radius:13px;background:#fff;padding:0 8px 0 12px}.global-search>span{color:var(--purple);font-size:22px;line-height:1}.global-search input{border:0;outline:0;min-width:0;flex:1;font-size:13px}.global-search button{border:0;background:#f2e6fc;color:var(--purple);font-weight:900;border-radius:9px;padding:8px 12px;cursor:pointer}
.sidebar{transition:width .22s ease,padding .22s ease}.brand{position:relative}.brand-copy{display:flex;flex-direction:column;min-width:0}.sidebar-collapse{margin-left:auto;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer}.nav a,.nav-logout,.nav-cache{align-items:center;gap:12px;min-height:46px;font-weight:650}.nav-cache-form{margin:0}.nav-cache{display:flex;width:100%;padding:11px 13px;border-radius:12px;color:#e7dced;background:transparent;border:0;text-align:left;cursor:pointer}.nav-cache:hover{background:rgba(255,255,255,.12);color:#fff}.nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-label{white-space:nowrap;overflow:hidden}.layout.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.layout.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.layout.sidebar-collapsed .brand{justify-content:center;margin-left:0;margin-right:0}.layout.sidebar-collapsed .brand img{width:46px;height:46px}.layout.sidebar-collapsed .brand-copy,.layout.sidebar-collapsed .nav-label{display:none}.layout.sidebar-collapsed .sidebar-collapse{position:absolute;right:-28px;top:8px;background:#fff;color:var(--purple);border-color:#e8dfeb;box-shadow:0 6px 18px rgba(40,17,53,.12);transform:rotate(180deg);z-index:3}.layout.sidebar-collapsed .nav a,.layout.sidebar-collapsed .nav-logout,.layout.sidebar-collapsed .nav-cache{justify-content:center;padding:11px}.layout.sidebar-collapsed .nav-order-dot{position:absolute;right:7px}.nav-with-badge{position:relative}
.dashboard-metrics-modern .metric,.wholesale-metrics.modern .metric{min-height:132px;padding:20px}.metric-icon{width:40px;height:40px;border-radius:12px;background:#f1e5fc;color:var(--purple);display:grid;place-items:center;font-weight:900;margin-bottom:10px}.outstanding-metric b,.finance-card.outstanding b,.money-due{color:#d03c35!important}.money-positive,.finance-card.received b{color:#10815a!important}.finance-summary,.payment-breakdown,.order-payment-summary{margin-top:16px}.finance-card{display:flex;flex-direction:column;gap:7px;min-height:126px}.finance-card>span{color:var(--muted);font-weight:700}.finance-card>b{font-size:28px;color:var(--purple)}.finance-card>small{color:var(--muted)}
.dashboard-shortcuts,.attention-card{margin-top:16px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shortcut-grid a{border:1px solid #e7dcec;border-radius:15px;padding:14px;background:linear-gradient(180deg,#fff,#fcf9ff);display:flex;align-items:center;gap:10px;font-weight:800;transition:.18s}.shortcut-grid a:hover{transform:translateY(-1px);border-color:#ceb6df;box-shadow:0 8px 18px rgba(90,43,120,.08)}.shortcut-grid a b{width:34px;height:34px;border-radius:10px;background:#efe2fb;color:var(--purple);display:grid;place-items:center}.attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attention-grid a{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #eee2e4;background:#fffafb;border-radius:14px;padding:13px 14px}.attention-grid a b{font-size:20px;color:#c43e38}
.date-filter-bar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px;padding:14px 16px}.date-filter-bar>div{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.date-filter-bar label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--muted)}.date-filter-bar .input{min-width:155px;padding:9px 10px}
.wholesale-subnav{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:16px}.wholesale-subnav a{white-space:nowrap;padding:10px 14px;border:1px solid #e5dbe9;border-radius:12px;background:#fff;font-weight:800;color:#58415f;display:inline-flex;align-items:center;gap:7px}.wholesale-subnav a.active{background:linear-gradient(135deg,var(--purple),#8c3dcc);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(107,47,163,.15)}
.payment-status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.payment-unpaid{background:#fde8e5;color:#bd3a34}.payment-partial{background:#fff0d8;color:#ad6b00}.payment-paid{background:#e5f5ec;color:#137650}.table-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.wholesale-order-filters form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 145px 145px auto auto auto;gap:9px;align-items:center}.payment-section-grid{margin-top:16px}.payment-form .form-grid{margin-bottom:12px}.payment-history-list{display:grid;gap:8px}.payment-history-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.payment-history-list>div:last-child{border-bottom:0}.payment-history-list span{display:grid;gap:3px}.payment-history-list small{color:var(--muted)}.payment-history-list b{font-size:18px;color:var(--purple)}.payment-account-list{display:grid;gap:10px}.payment-account-list form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px}.payment-account-layout{align-items:start}.account-breakdown{margin-top:16px}.account-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.account-breakdown-grid>div{background:#faf7fc;border:1px solid #eee4f1;border-radius:12px;padding:12px;display:grid;gap:5px}.account-breakdown-grid span{color:var(--muted);font-size:12px}.account-breakdown-grid b{font-size:19px;color:var(--purple)}
.search-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.search-result-list{display:grid;gap:7px}.search-result-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.search-result-list a div{display:grid;gap:3px}.search-result-list small{color:var(--muted)}
.settings-modern-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,340px);gap:18px;align-items:start}.settings-card.modern{max-width:none;padding:24px}.settings-card.modern form{gap:16px}.settings-save{min-width:220px}.settings-profile-card{text-align:center;position:sticky;top:24px}.settings-avatar{width:72px;height:72px;margin:2px auto 12px;border-radius:22px;background:linear-gradient(135deg,var(--purple),#9850cf);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}.settings-profile-card h3{margin:0}.settings-profile-card>p{margin:5px 0 10px;color:var(--muted)}.role-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f0e4fb;color:var(--purple);font-size:12px;font-weight:900}.settings-tip{margin-top:18px;text-align:left;padding:13px;border-radius:13px;background:#fff8e8;border:1px solid #f2dfb7;display:grid;gap:4px}.settings-tip span{font-size:12px;color:#77686b;line-height:1.45}.party-report-metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}

@media(max-width:1250px){.shortcut-grid,.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-order-filters form{grid-template-columns:repeat(3,minmax(150px,1fr)) auto}.search-results-grid{grid-template-columns:1fr 1fr}.account-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-modern-grid{grid-template-columns:1fr}}
@media(max-width:820px){.layout.sidebar-collapsed{display:block}.sidebar-collapse{display:none}.global-search{order:3;width:100%;max-width:none;margin-left:0}.topbar{flex-wrap:wrap}.title{min-width:0;flex:1}.global-search button{display:none}.grid-3,.finance-summary,.payment-breakdown,.order-payment-summary{grid-template-columns:1fr}.date-filter-bar{align-items:stretch;flex-direction:column}.date-filter-bar>div{width:100%}.date-filter-bar label{flex:1}.date-filter-bar .input{min-width:0}.wholesale-order-filters form{grid-template-columns:1fr 1fr}.payment-account-list form{grid-template-columns:1fr}.search-results-grid{grid-template-columns:1fr}.party-report-metrics.four{grid-template-columns:1fr 1fr!important}.settings-profile-card{position:static}.main{padding:16px}.shortcut-grid,.attention-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.shortcut-grid,.attention-grid,.wholesale-order-filters form,.account-breakdown-grid{grid-template-columns:1fr}.date-filter-bar>div{display:grid;grid-template-columns:1fr 1fr}.date-filter-bar>div:last-child{display:flex}.payment-history-list>div{display:grid}.party-report-metrics.four{grid-template-columns:1fr 1fr!important}.global-search{height:42px}.global-search input{font-size:12px}}


/* ===== V42 UI spacing / customer detail / payment QR ===== */
.nav a,.nav-logout,.nav-cache{justify-content:flex-start}
.nav-label{flex:1;text-align:left}
.nav-with-badge .nav-order-dot{margin-left:auto}
.wholesale-nav,.tabs{gap:9px}
.wholesale-nav a,.tabs a{padding:9px 14px}
.order-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 14px}
.order-payment-summary{margin-bottom:16px}
.wholesale-order-detail-grid{align-items:start;margin-bottom:16px}
.payment-history-card{margin-top:0}
.payment-modal-card{width:min(760px,96vw);text-align:left;max-height:min(86vh,760px);overflow:auto}
.payment-modal-card .modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.payment-modal-card .modal-title-row h2{margin:0 0 4px}
.payment-qr-preview{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#faf7fd;display:grid;place-items:center;gap:6px}
.payment-qr-preview img{width:150px;height:150px;object-fit:contain;border-radius:10px;background:#fff}
.payment-qr-preview small{color:var(--muted)}
.payment-account-list.qr-enabled form{grid-template-columns:minmax(210px,1fr) minmax(180px,.75fr) auto auto}
.payment-account-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.payment-account-qr{width:92px;min-height:74px;border:1px solid var(--line);border-radius:12px;background:#faf7fd;padding:6px;display:grid;place-items:center;gap:3px}
.payment-account-qr img{width:62px;height:62px;object-fit:contain;border-radius:8px;background:#fff}.payment-account-qr span{font-size:9px;color:var(--muted);text-align:center}.payment-account-qr.empty{color:var(--muted)}
.customer-detail-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding:2px 0 4px}.customer-detail-tabs a{white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:800;color:#5d426b}.customer-detail-tabs a.active{background:linear-gradient(135deg,var(--purple),#8a42c7);color:#fff;border-color:transparent}
.customer-product-visibility-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.customer-product-visibility-card{padding:11px}.customer-product-visibility-main{grid-template-columns:54px minmax(0,1fr);gap:8px}.customer-product-visibility-main img,.customer-product-placeholder{width:54px;height:54px}.customer-product-visibility-main strong{font-size:13px}
.topbar{margin-bottom:16px}.main{padding-top:22px}.card{padding:17px}.history-heading{gap:12px}.order-meta-list>div{padding:10px 0}
@media(max-width:1450px){.customer-product-visibility-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1180px){.customer-product-visibility-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payment-account-list.qr-enabled form{grid-template-columns:1fr 1fr}.payment-account-main{grid-column:1/-1}}
@media(max-width:900px){.customer-product-visibility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-detail-actions{align-items:stretch}.order-detail-actions .btn{flex:1}.payment-account-list.qr-enabled form{grid-template-columns:1fr}.payment-account-main{grid-template-columns:1fr auto}}
@media(max-width:560px){.customer-product-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-modal-card{width:100%;max-height:90vh}.payment-qr-preview img{width:130px;height:130px}}

/* ===== V43 spacing, customer detail persistence, order payment action, responsive polish ===== */
.wholesale-subnav{margin-bottom:18px}
.customer-detail-tabs.persistent{margin:0 0 16px;padding:0 2px 5px}
.customer-products-head,.special-price-toolbar{margin-top:0}
.customer-product-visibility-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.customer-product-visibility-card{padding:14px;min-width:0}
.customer-product-visibility-main{gap:10px}
.customer-product-visibility-main img,.customer-product-placeholder{width:58px;height:58px}
.order-row-actions{display:flex;gap:7px;align-items:center;white-space:nowrap}
.order-row-actions .btn{padding:9px 12px}
.wholesale-order-filters,.date-filter-bar,.report-detail-head{margin-bottom:16px}
.party-report-summary{margin-bottom:16px}
.party-report-orders{display:grid;gap:14px}
.party-report-order{margin:0}
.payment-history-card,.customer-payment-history{margin-top:14px}

@media(max-width:1400px){.customer-product-visibility-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1180px){.customer-product-visibility-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
  .customer-product-visibility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wholesale-subnav,.customer-detail-tabs{scrollbar-width:none}
  .wholesale-subnav::-webkit-scrollbar,.customer-detail-tabs::-webkit-scrollbar{display:none}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .order-row-actions{flex-direction:column;align-items:stretch}
  .order-row-actions .btn{width:100%;text-align:center}
}
@media(max-width:640px){
  .main{padding:12px!important}
  .topbar{gap:10px;margin-bottom:14px}
  .topbar .title h1{font-size:23px}
  .topbar .title p{font-size:12px}
  .wholesale-subnav{gap:7px;margin-bottom:14px;padding-bottom:4px}
  .wholesale-subnav a,.customer-detail-tabs a{padding:8px 11px;font-size:12px}
  .card{border-radius:16px}
  .customer-product-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .customer-product-visibility-card{padding:10px}
  .customer-product-visibility-main{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}
  .customer-product-visibility-main img,.customer-product-placeholder{width:48px;height:48px}
  .customer-product-visibility-main b,.customer-product-visibility-main strong{font-size:12px}
  .customer-products-head{padding:14px}
  .customer-products-head>div,.customer-products-search{width:100%}
  .customer-products-head{display:grid;gap:12px}
  .customer-products-search{display:grid;grid-template-columns:1fr auto}
  .wholesale-order-filters form{grid-template-columns:1fr!important}
  .wholesale-order-filters .select,.wholesale-order-filters .input{max-width:none!important;width:100%}
  .party-report-metrics.four{grid-template-columns:1fr 1fr!important}
  .party-report-order-head{display:grid;gap:10px}
  .party-report-order-head>div:last-child{text-align:left!important;justify-items:start!important}
  .order-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
}
@media(max-width:420px){
  .customer-product-visibility-grid{grid-template-columns:1fr 1fr}
  .party-report-metrics.four{grid-template-columns:1fr!important}
  .order-detail-actions{grid-template-columns:1fr}
}

/* V44 primary receiving QR selection */
.primary-account-badge{display:inline-flex;align-self:flex-start;background:#f2e8fc;color:#7130b9;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:750}.payment-account-list.qr-enabled form{flex-wrap:wrap}.payment-account-list .status-check{white-space:normal}.payment-account-list .status-check input{flex-shrink:0}.party-report-order-head .money-due{display:block;margin:5px 0}
.payment-account-list.qr-enabled form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}.payment-account-list.qr-enabled .payment-account-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center}.payment-account-main .primary-account-badge{grid-column:1/-1;justify-self:start}.payment-account-list.qr-enabled .payment-qr-file{grid-column:1/-1;width:100%;min-width:0}.payment-account-list.qr-enabled form>.btn{grid-column:1/-1;justify-self:start;min-width:120px}.payment-account-list.qr-enabled .payment-account-qr{width:92px;min-width:0}.payment-account-list.qr-enabled .payment-account-main input{width:100%;min-width:0}@media(max-width:480px){.payment-account-list.qr-enabled form{grid-template-columns:minmax(0,1fr)}.payment-account-list.qr-enabled form>.status-check{grid-column:1}}
.order-edit-rows{display:grid;gap:12px;margin:18px 0}.order-edit-row{display:grid;grid-template-columns:minmax(150px,1fr) 85px 130px 120px auto;align-items:end;gap:12px;padding:16px;border:1px solid #e6dfed;border-radius:14px;background:#fcfaff}.order-edit-row label,.order-edit-notes label,.order-add-product label,.order-cancel-panel label{display:grid;gap:6px;font-size:13px;color:#5e506b}.edit-item-name{align-self:center;min-width:0}.edit-item-name b,.edit-item-name small{display:block;overflow-wrap:anywhere}.edit-item-name small{color:#7b6d86;margin-top:5px}.edit-line-total span{display:block;font-size:12px;color:#7b6d86}.edit-line-total b{display:block;font-size:17px;margin-top:6px;overflow-wrap:anywhere}.order-edit-row.removed{opacity:.65;background:#f8f5f7}.order-add-product{display:flex;align-items:end;gap:12px}.order-add-product label{flex:1;min-width:0}.order-edit-summary{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.order-edit-notes{display:grid;gap:16px}.edit-totals{display:flex;flex-direction:column;gap:9px}.edit-totals>b{font-size:28px;color:#6b2fa3}.edit-totals>span{color:#72647d;font-size:13px}.edit-totals button{margin-top:14px}.edit-totals p,.order-surplus-notice{color:#8b4b10;background:#fff8ef}.order-cancel-button{color:#b0213b!important;background:#fff0f3!important;border:1px solid #efcbd4!important}.order-cancel-panel summary{cursor:pointer;font-weight:700;color:#b0213b}.order-cancel-panel form{display:grid;gap:12px}.order-cancel-panel form button{justify-self:start}.order-change{border-top:1px solid #ece4f2;padding:16px 0}.order-change summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-change summary small,.change-item small{display:block;color:#7b6d86;margin-top:5px}.order-change-snapshots{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-change-snapshots>div{min-width:0;border:1px solid #eee6f4;border-radius:12px;padding:14px}.change-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eee6f4}.change-item>span{min-width:0;overflow-wrap:anywhere}.change-item>span:last-child{text-align:right;flex-shrink:0}.order-change p,.order-surplus-notice p{overflow-wrap:anywhere}.payment-cancelled{background:#f4edf0;color:#8f2d46}
@media(max-width:900px){.order-edit-row{grid-template-columns:minmax(70px,1fr) minmax(85px,1fr) minmax(80px,1fr)}.edit-item-name{grid-column:1/-1}.edit-line-total{align-self:center}.edit-remove{grid-column:1/-1;justify-self:start}.order-edit-summary{grid-template-columns:1fr}.order-change-snapshots{grid-template-columns:1fr}.order-detail-actions{flex-wrap:wrap}.order-add-product{flex-direction:column;align-items:stretch}.order-add-product label{width:100%}}
@media(max-width:400px){.order-edit-row{gap:8px;padding:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.edit-line-total{grid-column:1/-1}.order-edit-row .input{padding:9px;min-width:0}.order-editor{padding:14px}.order-edit-summary{padding:16px}}
.wholesale-order-detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.wholesale-order-detail-grid>.card{min-width:0}.order-surplus-notice,.order-cancel-panel,.order-change-history{margin-bottom:16px}.order-edit-row label .input{width:100%}.order-change-history summary>span{overflow-wrap:anywhere;min-width:0}@media(max-width:1100px){.wholesale-order-detail-grid{grid-template-columns:minmax(0,1fr)}}