:root{
  --blue:#083f91;
  --blue-2:#0d74d8;
  --yellow:#f6c733;
  --green:#13a957;
  --red:#dc2626;
  --ink:#111c33;
  --muted:#697386;
  --line:#dde6f3;
  --bg:#f3f6fb;
  --surface:#fff;
  --radius:22px;
  --shadow:0 18px 42px rgba(17,28,51,.08);
  --shadow-soft:0 10px 28px rgba(17,28,51,.06);
}
*{box-sizing:border-box}
html,body{max-width:100%}
html{overflow-x:hidden}
body{margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--ink);background:
  linear-gradient(180deg,#ffffff 0,#f6f8fc 230px,#f3f6fb 100%);
  padding-bottom:98px;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,input,select{font-family:inherit}
.public-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(221,230,243,.85);padding:18px 22px 16px;box-shadow:0 8px 30px rgba(17,28,51,.04)}
.brand-row{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-block{display:flex;align-items:center;gap:14px;min-width:270px}
.brand-logo{width:72px;height:72px;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(8,63,145,.12)}
.brand-block h1{margin:0;font-size:26px;font-weight:900;color:var(--blue);line-height:1.18}
.brand-block p{margin:6px 0 0;color:#536178;font-weight:800;font-size:13px}
.banner-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;max-width:760px}
.banner-row img{width:100%;height:78px;object-fit:cover;border:1px dashed #c7d2e5;border-radius:20px;background:#fafcff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.search-band{position:sticky;top:10px;z-index:20;max-width:1240px;margin:14px auto 4px;padding:10px;background:linear-gradient(135deg,#07377e,#075dbc);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.32);border-radius:24px;box-shadow:0 18px 46px rgba(8,63,145,.22);display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px;align-items:center}
.search-primary{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px;min-width:0}
.search-filters{display:grid;grid-template-columns:184px 120px 72px;gap:8px;min-width:0}
.search-band input,.search-band select{height:48px;border:0;border-radius:17px;padding:0 16px;font-size:14px;font-weight:800;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #d9e3f1,0 6px 16px rgba(4,31,72,.08);min-width:0;outline:none}
.search-band input:focus,.search-band select:focus{box-shadow:inset 0 0 0 2px #8ec5ff,0 8px 20px rgba(4,31,72,.12)}
.search-band button{height:48px;border:0;border-radius:17px;background:linear-gradient(135deg,#1491ea,#18a8ff);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(20,145,234,.32);transition:transform .15s ease,box-shadow .15s ease}
.search-band button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(20,145,234,.36)}
.ghost-link{height:48px;border:1px solid rgba(255,255,255,.52);border-radius:17px;color:#fff;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.09)}
.toggle-line{height:48px;border-radius:17px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px #d9e3f1,0 6px 16px rgba(4,31,72,.08)}
.toggle-line input{accent-color:var(--green)}
.catalog-wrap{max-width:1240px;margin:18px auto;padding:0 18px}
.empty-state{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;text-align:center;font-weight:900;color:var(--muted);box-shadow:var(--shadow-soft)}
.category-section{margin-bottom:24px;filter:drop-shadow(0 16px 30px rgba(17,28,51,.045))}
.category-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;padding:13px 16px}
.category-head h2{margin:0;font-size:20px;font-weight:900;color:var(--blue);line-height:1.2}
.category-head span{color:var(--muted);font-weight:800;font-size:12px}
.category-head img{width:74px;height:62px;border-radius:18px;object-fit:contain;border:1px solid var(--line);background:#fff;box-shadow:0 8px 18px rgba(17,28,51,.06)}
.table-shell,.admin-table-shell{overflow:auto;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}
.product-table,.admin-table{width:100%;border-collapse:collapse;background:#fff}
.product-table th{background:linear-gradient(180deg,#ffd94d,#f6c733);color:#172033;border:1px solid #e3bd22;padding:10px 8px;font-size:13px;font-weight:900;white-space:nowrap}
.product-table td{border:1px solid #e8eef7;padding:8px 8px;text-align:center;font-size:13px;font-weight:700}
.product-table tbody tr{transition:background-color .12s ease}
.product-table tbody tr:nth-child(even){background:#fbfdff}
.product-table tbody tr:hover{background:#f2f8ff}
.product-table .product-name{text-align:right;min-width:330px;line-height:1.55}
.product-table .product-name .highlight-target{font-weight:900}
.product-table .num{color:var(--blue);font-weight:900}
.product-table .separator-row td{position:relative;padding:11px 14px;background:linear-gradient(90deg,rgba(8,63,145,.02),rgba(8,63,145,.08),rgba(8,63,145,.02));border-right:0;border-left:0;text-align:center}
.separator-row td::before,.separator-row td::after{content:"";display:inline-block;width:min(120px,22vw);height:2px;background:#d6e0ee;vertical-align:middle;border-radius:999px}
.separator-row td::before{margin-left:12px}
.separator-row td::after{margin-right:12px}
.separator-row span{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 14px;border-radius:999px;background:#fff;color:var(--blue);border:1px solid #d6e0ee;font-size:12px;font-weight:900;vertical-align:middle;box-shadow:0 6px 16px rgba(17,28,51,.05)}
.separator-row .separator-logos{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;vertical-align:middle}
.separator-row .brand-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:86px;height:36px;min-height:0;padding:2px 10px;border-radius:999px;background:#fff;border:1px solid #d6e0ee;vertical-align:middle;box-shadow:0 8px 18px rgba(17,28,51,.08)}
.separator-row .brand-logo-mark img{display:block;max-width:76px;max-height:26px;object-fit:contain}
.separator-row .brand-logo-chevrolet{width:98px}
.separator-row .brand-logo-catalog{width:76px}
.separator-row .brand-logo-catalog img{max-width:48px;max-height:28px;border-radius:10px}
.separator-row .brand-logo-daewoo{width:102px}
.separator-row .brand-logo-daewoo img{max-width:88px}
.separator-row .brand-logo-brilliance,
.separator-row .brand-logo-geely,
.separator-row .brand-logo-renault,
.separator-row .brand-logo-skoda{width:106px}
.separator-row .brand-logo-brilliance img,
.separator-row .brand-logo-geely img,
.separator-row .brand-logo-renault img,
.separator-row .brand-logo-skoda img{max-width:92px}
@media(max-width:780px){
  .product-table .separator-row td{padding:8px 10px}
  .separator-row td::before,.separator-row td::after{display:none}
  .separator-row .separator-logos{position:sticky;right:50%;transform:translateX(50%);max-width:calc(100vw - 42px);gap:5px}
  .separator-row .brand-logo-mark{width:58px;height:30px;padding:2px 6px}
  .separator-row .brand-logo-mark img{max-width:46px;max-height:20px}
  .separator-row .brand-logo-chevrolet,
  .separator-row .brand-logo-catalog,
  .separator-row .brand-logo-daewoo,
  .separator-row .brand-logo-brilliance,
  .separator-row .brand-logo-geely,
  .separator-row .brand-logo-renault,
  .separator-row .brand-logo-skoda{width:68px}
  .separator-row .brand-logo-daewoo img,
  .separator-row .brand-logo-catalog img,
  .separator-row .brand-logo-brilliance img,
  .separator-row .brand-logo-geely img,
  .separator-row .brand-logo-renault img,
  .separator-row .brand-logo-skoda img{max-width:54px}
}
.muted{color:#4b5563}
.price{color:#064eb3;font-weight:900;white-space:nowrap}
.new-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef233c,#dc2626);color:#fff;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:900;line-height:1.5;margin-left:7px;vertical-align:middle;white-space:nowrap;box-shadow:0 7px 16px rgba(220,38,38,.24)}
.popular-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:900;line-height:1.5;margin-left:7px;vertical-align:middle;white-space:nowrap;box-shadow:0 7px 16px rgba(249,115,22,.24)}
.search-highlight{background:#ffe45c;color:#111827;border-radius:5px;padding:0 3px;box-shadow:0 0 0 1px rgba(245,158,11,.25);font-weight:900}
.qty-control{display:inline-grid;grid-template-columns:32px 46px 32px;border:1px solid #dfe7f2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 12px rgba(17,28,51,.04)}
.qty-control button{border:0;background:#f7faff;font-size:17px;font-weight:900;color:var(--ink);cursor:pointer;transition:background-color .12s ease,color .12s ease}
.qty-control button:hover{background:#e9f4ff;color:var(--blue)}
.qty-control input{width:44px;border:0;border-right:1px solid #e3ebf5;border-left:1px solid #e3ebf5;text-align:center;font-weight:900;background:#fff}
.order-bar{position:fixed;left:18px;right:18px;bottom:14px;background:linear-gradient(135deg,#063574,#0755b3);color:#fff;z-index:30;display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,380px);gap:12px;align-items:center;padding:12px;border-radius:24px;box-shadow:0 -8px 34px rgba(8,63,145,.24),0 12px 30px rgba(17,28,51,.12)}
.order-bar div{display:grid;gap:3px;text-align:center}
.order-bar span{font-size:12px;color:#cfe2ff;font-weight:800}
.order-bar strong{font-size:22px;font-weight:900}
.order-bar button{height:50px;border:0;border-radius:18px;background:linear-gradient(135deg,#17b65f,#0f9d4d);color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(19,169,87,.30);transition:transform .15s ease,box-shadow .15s ease}
.order-bar button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(19,169,87,.34)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#f7fbff,#eaf2ff)}
.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 18px 44px rgba(16,33,63,.09);display:grid;gap:10px}
.login-card h1{margin:0 0 10px;font-size:22px;font-weight:900;color:var(--blue)}
.login-card input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px}
.login-card button,.admin-panel button,.inline-form button,.product-create button,.bulk-bar button{height:40px;border:0;border-radius:8px;background:var(--blue-2);color:#fff;font-weight:900;cursor:pointer;padding:0 14px}
.flash{border-radius:8px;padding:10px 12px;margin-bottom:10px;font-weight:900}.flash.success{background:#e9f8ef;color:#087647}.flash.error{background:#ffe8e8;color:#a31616}
.admin-page{padding-bottom:30px}
.admin-top{position:sticky;top:0;z-index:25;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-top h1{margin:0;font-size:22px;font-weight:900;color:var(--blue)}
.admin-top p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:800}
.admin-top nav{display:flex;gap:8px;flex-wrap:wrap}.admin-top a{background:#eef5ff;color:var(--blue);border:1px solid #cfe2ff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}
.admin-wrap{max-width:1320px;margin:18px auto;padding:0 14px}
.admin-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 10px 24px rgba(16,33,63,.04)}
.admin-panel h2{margin:0 0 12px;font-size:18px;font-weight:900;color:var(--blue)}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:end}
.form-grid label,.login-card label{display:grid;gap:5px;color:#344054;font-size:12px;font-weight:900}
.form-grid input,.inline-form input,.inline-form select,.product-create input,.product-create select,.bulk-bar input,.bulk-bar select,.admin-table input,.admin-table select,#adminProductSearch{height:38px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:#fff;color:var(--ink);font-weight:800;min-width:0}
.inline-form,.product-create,.bulk-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.product-create{display:grid;grid-template-columns:minmax(260px,1fr) 110px 110px 180px 90px 150px 110px;gap:8px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#adminProductSearch{width:min(420px,100%)}
.admin-table th{background:#f3f7fc;color:#344054;border:1px solid var(--line);padding:8px;font-size:12px;font-weight:900;white-space:nowrap}
.admin-table td{border:1px solid var(--line);padding:6px;vertical-align:middle;font-size:12px}
.thumb{width:48px;height:38px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;display:block;margin-bottom:4px}
.products-admin-list{border:1px solid var(--line);border-radius:8px;overflow:auto;background:#fff;max-height:760px}
.product-admin-head,.product-admin-row{display:grid;grid-template-columns:36px 62px minmax(0,1fr);gap:0;align-items:center;min-width:1120px}
.product-admin-head{position:sticky;top:0;z-index:3;background:#f3f7fc;color:#344054;font-size:12px;font-weight:900}
.product-admin-head span{border-left:1px solid var(--line);padding:8px}
.product-admin-head span:nth-child(n+4){display:none}
.product-admin-row{border-top:1px solid var(--line)}
.row-select,.row-id{padding:6px;text-align:center;font-size:12px;font-weight:900}
.row-id{color:var(--blue)}
.product-row-form{display:grid;grid-template-columns:minmax(260px,1fr) 160px 90px 90px 100px 136px 118px 88px 120px 58px 62px;gap:6px;align-items:center;padding:6px;border-right:1px solid var(--line)}
.check-line{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:900;white-space:nowrap}
.danger{background:#dc2626!important}.hint{color:var(--muted);font-weight:800;font-size:12px;margin:8px 0 0}
@media(max-width:780px){
  body{padding-bottom:132px;background:linear-gradient(180deg,#fff 0,#f6f8fc 190px,#f3f6fb 100%)}
  .public-header{padding:12px 10px}
  .brand-row{display:block}
  .brand-block{min-width:0}
  .brand-block h1{font-size:20px}
  .brand-block p{font-size:12px}
  .brand-logo{width:58px;height:58px;border-radius:17px}
  .banner-row{grid-template-columns:1fr;margin-top:10px}
  .banner-row img{height:64px;border-radius:17px}
  .search-band{top:6px;margin:8px 8px 0;border-radius:20px;grid-template-columns:1fr;gap:7px;padding:8px}
  .search-primary{grid-template-columns:1fr 70px}
  .search-filters{grid-template-columns:1fr 108px 74px}
  .search-band input,.search-band select,.toggle-line,.search-band button,.ghost-link{height:39px;font-size:12px;border-radius:14px;padding-inline:10px}
  .catalog-wrap{padding:0 8px;margin-top:10px}
  .category-section{margin-bottom:16px;filter:drop-shadow(0 10px 20px rgba(17,28,51,.045))}
  .category-head{padding:9px 10px;border-radius:18px 18px 0 0}
  .category-head h2{font-size:16px}
  .category-head img{width:58px;height:48px;border-radius:15px}
  .product-table th,.product-table td{font-size:11px;padding:5px 4px}
  .product-table .product-name{min-width:170px}
  .qty-control{grid-template-columns:26px 36px 26px;border-radius:13px}.qty-control input{width:36px}
  .order-bar{left:8px;right:8px;bottom:8px;grid-template-columns:1fr;padding:9px;border-radius:20px}.order-bar button{height:46px;border-radius:16px}.order-bar strong{font-size:18px}
  .admin-top{display:block}.admin-top nav{margin-top:8px}
  .product-create,.product-row-form{grid-template-columns:1fr}
  .product-admin-head,.product-admin-row{grid-template-columns:34px 54px minmax(620px,1fr);min-width:760px}
}

/* New customer catalog surface */
body.customer-page{
  --customer-blue:#06438f;
  --customer-blue-2:#0878d8;
  --customer-ink:#111827;
  --customer-muted:#667085;
  --customer-line:#e3e9f2;
  --customer-soft:#f5f7fb;
  --customer-green:#13ad5b;
  background:
    radial-gradient(circle at 88% 20px,rgba(8,120,216,.12),transparent 260px),
    linear-gradient(180deg,#ffffff 0,#f6f8fc 260px,#eef3f8 100%);
  color:var(--customer-ink);
  padding-bottom:104px;
  overflow-x:clip;
}
.customer-page .public-header{
  background:#fff;
  border:0;
  padding:16px 18px 12px;
  box-shadow:0 1px 0 rgba(227,233,242,.9);
}
.customer-page .brand-row{
  max-width:1180px;
  gap:16px;
  align-items:center;
}
.customer-page .brand-block{
  min-width:280px;
  gap:12px;
}
.customer-page .brand-logo{
  width:64px;
  height:64px;
  border-radius:22px;
  box-shadow:0 12px 26px rgba(6,67,143,.12);
}
.customer-page .brand-block h1{
  color:var(--customer-blue);
  font-size:24px;
  letter-spacing:0;
}
.customer-page .brand-block p{
  color:#526071;
  font-size:12px;
  margin-top:4px;
}
.customer-page .banner-row{
  max-width:720px;
  gap:10px;
}
.customer-page .banner-row img{
  height:72px;
  border-radius:22px;
  border:1px solid var(--customer-line);
  object-fit:cover;
  background:#fff;
}
.customer-page .search-band{
  max-width:1180px;
  top:8px;
  margin:12px auto 0;
  padding:8px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(135deg,#052b61,#0755b4);
  grid-template-columns:minmax(340px,1fr) auto;
  box-shadow:0 20px 46px rgba(6,67,143,.22);
}
.customer-page .search-primary{
  grid-template-columns:minmax(0,1fr) 92px;
}
.customer-page .search-filters{
  grid-template-columns:172px 116px 68px;
}
.customer-page .search-band input,
.customer-page .search-band select,
.customer-page .toggle-line,
.customer-page .ghost-link,
.customer-page .search-band button{
  height:46px;
  border-radius:20px;
  font-size:13px;
}
.customer-page .search-band input,
.customer-page .search-band select,
.customer-page .toggle-line{
  box-shadow:none;
  border:1px solid rgba(226,234,245,.95);
}
.customer-page .search-band button{
  background:linear-gradient(135deg,#1396ee,#13b3ff);
  box-shadow:0 10px 22px rgba(19,150,238,.3);
}
.category-strip{
  max-width:1180px;
  margin:12px auto 0;
  padding:0 4px 4px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
}
.category-strip::-webkit-scrollbar{display:none}
.category-chip{
  flex:0 0 auto;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid var(--customer-line);
  border-radius:999px;
  background:#fff;
  color:#344054;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(17,24,39,.04);
}
.category-chip.active{
  background:var(--customer-blue);
  border-color:var(--customer-blue);
  color:#fff;
}
.customer-page .catalog-wrap{
  max-width:1180px;
  margin:16px auto;
  padding:0 12px;
}
.customer-page .empty-state{
  border-radius:24px;
  border:1px solid var(--customer-line);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
}
.customer-page .category-section{
  margin-bottom:18px;
  filter:none;
}
.customer-page .category-head{
  margin-bottom:10px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.customer-page .category-head>div{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.customer-page .category-head h2{
  font-size:21px;
  color:var(--customer-blue);
}
.customer-page .category-head span{
  color:var(--customer-muted);
  font-size:12px;
}
.customer-page .category-head img{
  width:58px;
  height:48px;
  border-radius:18px;
  border:1px solid var(--customer-line);
}
.product-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.product-card{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid var(--customer-line);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 26px rgba(17,24,39,.055);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.product-card:hover{
  transform:translateY(-1px);
  border-color:#b9d7f5;
  box-shadow:0 16px 34px rgba(17,24,39,.075);
}
.product-card.selected{
  border-color:#89d9ad;
  background:linear-gradient(180deg,#fff,#f3fff7);
}
.product-main{
  min-width:0;
}
.product-topline{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
}
.product-id{
  color:var(--customer-blue-2);
  font-size:12px;
  font-weight:900;
  direction:ltr;
}
.customer-page .new-badge{
  padding:2px 8px;
  border-radius:999px;
  font-size:10px;
  background:#e9263d;
  box-shadow:none;
}
.customer-page .popular-badge{
  padding:2px 8px;
  border-radius:999px;
  font-size:10px;
  background:linear-gradient(135deg,#f59e0b,#f97316);
  box-shadow:none;
}
.product-card h3{
  margin:0;
  color:#172033;
  font-size:15px;
  font-weight:900;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.product-meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:var(--customer-muted);
  font-size:11px;
  font-weight:800;
}
.product-meta span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:#f3f6fa;
}
.product-meta b,
.product-meta strong{
  color:#243044;
  font-weight:900;
}
.product-actions{
  display:grid;
  justify-items:end;
  gap:9px;
}
.card-price{
  color:var(--customer-blue);
  font-size:15px;
  font-weight:900;
  white-space:nowrap;
  direction:ltr;
}
.customer-page .qty-control{
  grid-template-columns:34px 44px 34px;
  border:1px solid #dce5f0;
  border-radius:999px;
  box-shadow:none;
}
.customer-page .qty-control button{
  background:#f8fafc;
  font-size:18px;
}
.customer-page .qty-control button:hover{
  background:#e9f5ff;
}
.customer-page .qty-control input{
  width:44px;
  height:36px;
  border-color:#e3ebf5;
}
.customer-page .order-bar{
  max-width:1180px;
  margin:auto;
  left:18px;
  right:18px;
  bottom:14px;
  grid-template-columns:minmax(150px,1fr) minmax(230px,360px);
  padding:10px;
  border-radius:28px;
  background:linear-gradient(135deg,#052b61,#0759bd);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 -10px 34px rgba(6,67,143,.22);
}
.customer-page .order-bar button{
  border-radius:22px;
  background:linear-gradient(135deg,#18bc64,#10a451);
}
@media(max-width:980px){
  .customer-page .search-band{
    grid-template-columns:1fr;
    margin-inline:10px;
  }
  .customer-page .search-filters{
    grid-template-columns:1fr 118px 70px;
  }
  .product-list{
    grid-template-columns:1fr;
  }
}
@media(max-width:780px){
  body.customer-page{
    padding-bottom:132px;
    background:
      radial-gradient(circle at 90% 0,rgba(8,120,216,.13),transparent 190px),
      linear-gradient(180deg,#fff 0,#f7f9fc 220px,#eef3f8 100%);
  }
  .customer-page .public-header{
    padding:10px 10px 8px;
  }
  .customer-page .brand-block h1{
    font-size:19px;
  }
  .customer-page .brand-logo{
    width:54px;
    height:54px;
    border-radius:18px;
  }
  .customer-page .banner-row img{
    height:62px;
    border-radius:18px;
  }
  .customer-page .search-band{
    top:6px;
    margin:8px 8px 0;
    padding:7px;
    border-radius:22px;
    gap:7px;
  }
  .customer-page .search-primary{
    grid-template-columns:minmax(0,1fr) 64px;
  }
  .customer-page .search-filters{
    grid-template-columns:minmax(0,1fr) 104px 62px;
  }
  .customer-page .search-band input,
  .customer-page .search-band select,
  .customer-page .toggle-line,
  .customer-page .ghost-link,
  .customer-page .search-band button{
    height:38px;
    border-radius:16px;
    padding-inline:9px;
    font-size:11px;
  }
  .category-strip{
    margin:10px 8px 0;
    padding-bottom:3px;
  }
  .category-chip{
    min-height:34px;
    padding:0 11px;
    font-size:11px;
  }
  .customer-page .catalog-wrap{
    margin-top:12px;
    padding:0 8px;
  }
  .customer-page .category-head{
    margin-bottom:8px;
  }
  .customer-page .category-head h2{
    font-size:17px;
  }
  .customer-page .category-head img{
    width:50px;
    height:42px;
    border-radius:15px;
  }
  .product-list{
    gap:8px;
  }
  .product-card{
    grid-template-columns:1fr;
    gap:9px;
    padding:10px;
    border-radius:20px;
  }
  .product-card h3{
    font-size:13px;
  }
  .product-meta{
    margin-top:7px;
    gap:5px;
  }
  .product-meta span{
    min-height:22px;
    padding:0 7px;
    font-size:10px;
  }
  .product-actions{
    grid-template-columns:1fr auto;
    align-items:center;
    justify-items:stretch;
  }
  .card-price{
    font-size:14px;
  }
  .customer-page .qty-control{
    grid-template-columns:32px 42px 32px;
  }
  .customer-page .qty-control input{
    height:34px;
    width:42px;
  }
  .customer-page .order-bar{
    left:8px;
    right:8px;
    bottom:8px;
    grid-template-columns:1fr;
    border-radius:22px;
    padding:9px;
  }
  .customer-page .order-bar button{
    height:46px;
    border-radius:18px;
  }
}

/* Customer table rollback: keep the familiar table layout and a compact fixed order bar. */
body.customer-page{
  background:var(--bg);
  padding-bottom:68px;
}
.customer-page .public-header{
  background:linear-gradient(180deg,#fff,#f8fbff);
  border-bottom:1px solid var(--line);
  padding:14px 18px 10px;
  box-shadow:none;
}
.customer-page .brand-row{
  max-width:1240px;
  gap:18px;
}
.customer-page .brand-block{
  min-width:260px;
}
.customer-page .brand-logo{
  width:66px;
  height:66px;
  border-radius:18px;
  box-shadow:none;
}
.customer-page .brand-block h1{
  font-size:23px;
  color:var(--blue);
}
.customer-page .brand-block p{
  color:var(--muted);
  font-size:12px;
}
.customer-page .banner-row{
  max-width:760px;
}
.customer-page .banner-row img{
  height:70px;
  border-radius:18px;
  border:1px dashed #c5cedb;
}
.customer-page .search-band{
  max-width:1240px;
  top:8px;
  margin:10px auto 4px;
  padding:8px;
  border-radius:20px;
  background:rgba(6,74,162,.96);
  grid-template-columns:minmax(260px,1fr) auto;
  box-shadow:0 12px 28px rgba(6,74,162,.16);
}
.customer-page .search-primary{
  grid-template-columns:minmax(0,1fr) 86px;
}
.customer-page .search-filters{
  grid-template-columns:174px 112px 64px;
}
.customer-page .search-band input,
.customer-page .search-band select,
.customer-page .toggle-line,
.customer-page .ghost-link,
.customer-page .search-band button{
  height:42px;
  border-radius:14px;
  font-size:12px;
}
.customer-page .catalog-wrap{
  max-width:1240px;
  margin:14px auto;
  padding:0 14px;
}
.customer-page .category-section{
  margin-bottom:18px;
  filter:drop-shadow(0 10px 22px rgba(16,33,63,.04));
}
.customer-page .category-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px 18px 0 0;
  padding:10px 13px;
  box-shadow:none;
}
.customer-page .category-head>div{
  display:block;
}
.customer-page .category-head h2{
  margin:0;
  font-size:18px;
  color:var(--blue);
}
.customer-page .category-head span{
  color:var(--muted);
  font-size:11px;
}
.customer-page .category-head img{
  width:62px;
  height:50px;
  border-radius:14px;
  border:1px solid var(--line);
}
.customer-page .table-shell{
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 18px 18px;
}
.customer-page .product-table th{
  padding:8px 7px;
  font-size:12px;
}
.customer-page .product-table td{
  padding:6px 7px;
  font-size:12px;
}
.customer-page .product-table .product-name{
  min-width:280px;
}
.customer-page .qty-control{
  grid-template-columns:28px 40px 28px;
  border-radius:13px;
  box-shadow:none;
}
.customer-page .qty-control input{
  width:40px;
  height:32px;
}
.customer-page .order-bar{
  left:0;
  right:0;
  bottom:0;
  width:auto;
  max-width:none;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 12px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,#073f91,#075cc9);
  box-shadow:0 -4px 14px rgba(6,74,162,.18);
  overflow:hidden;
}
.customer-page .order-bar div{
  flex:1 1 auto;
}
.customer-page .order-bar span{
  font-size:10px;
}
.customer-page .order-bar strong{
  font-size:18px;
  line-height:1.1;
}
.customer-page .order-bar button{
  flex:0 0 320px;
  max-width:42%;
  height:40px;
  border-radius:12px;
  font-size:14px;
  box-shadow:none;
}
@media(max-width:780px){
  body.customer-page{
    padding-bottom:72px;
  }
  .customer-page .public-header{
    padding:10px;
  }
  .customer-page .brand-row{
    display:block;
  }
  .customer-page .brand-logo{
    width:54px;
    height:54px;
  }
  .customer-page .brand-block h1{
    font-size:18px;
  }
  .customer-page .banner-row{
    grid-template-columns:1fr;
    margin-top:8px;
  }
  .customer-page .banner-row img{
    height:58px;
  }
  .customer-page .search-band{
    margin:7px 7px 0;
    top:5px;
    grid-template-columns:1fr;
    padding:7px;
    border-radius:17px;
  }
  .customer-page .search-primary{
    grid-template-columns:minmax(0,1fr) 64px;
  }
  .customer-page .search-filters{
    grid-template-columns:minmax(0,1fr) 96px 58px;
  }
  .customer-page .search-band input,
  .customer-page .search-band select,
  .customer-page .toggle-line,
  .customer-page .ghost-link,
  .customer-page .search-band button{
    height:36px;
    border-radius:12px;
    font-size:11px;
    padding-inline:8px;
  }
  .customer-page .catalog-wrap{
    padding:0 7px;
    margin-top:8px;
  }
  .customer-page .category-head{
    padding:8px 9px;
    border-radius:15px 15px 0 0;
  }
  .customer-page .category-head h2{
    font-size:15px;
  }
  .customer-page .category-head img{
    width:50px;
    height:40px;
  }
  .customer-page .product-table th,
  .customer-page .product-table td{
    font-size:10px;
    padding:4px 4px;
  }
  .customer-page .product-table .product-name{
    min-width:160px;
  }
  .customer-page .qty-control{
    grid-template-columns:24px 32px 24px;
    border-radius:11px;
  }
  .customer-page .qty-control input{
    width:32px;
    height:30px;
  }
  .customer-page .order-bar{
    left:0;
    right:0;
    bottom:0;
    width:auto;
    margin:0;
    display:flex;
    gap:7px;
    padding:7px 8px;
    border-radius:12px 12px 0 0;
  }
  .customer-page .order-bar div{
    flex:1 1 auto;
  }
  .customer-page .order-bar strong{
    font-size:16px;
  }
  .customer-page .order-bar button{
    flex:0 0 58%;
    max-width:58%;
    height:38px;
    border-radius:11px;
    font-size:12px;
  }
}

/* Admin redesign */
.admin-redesign{
  background:#f3f6fb;
  color:#111827;
  padding-bottom:36px;
}
.admin-shell-top{
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 22px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #dde6f2;
  box-shadow:0 8px 24px rgba(17,24,39,.05);
}
.admin-shell-top h1{
  margin:0;
  color:#083f91;
  font-size:23px;
  font-weight:900;
}
.admin-shell-top p{
  margin:3px 0 0;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.admin-shell-top nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.admin-shell-top a,
.export-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border-radius:10px;
  border:1px solid #cfe0f5;
  background:#eef6ff;
  color:#064aa2;
  font-size:12px;
  font-weight:900;
}
.admin-shell{
  max-width:1420px;
  margin:16px auto 0;
  padding:0 16px;
}
.admin-tabs{
  position:sticky;
  top:73px;
  z-index:32;
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:8px;
  margin-bottom:14px;
  border:1px solid #dde6f2;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 26px rgba(17,24,39,.05);
  scrollbar-width:none;
}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tab-btn{
  flex:0 0 auto;
  min-height:38px;
  border:0;
  border-radius:12px;
  padding:0 15px;
  background:transparent;
  color:#344054;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.admin-tab-btn.active{
  background:#083f91;
  color:#fff;
  box-shadow:0 8px 18px rgba(8,63,145,.18);
}
.admin-tab-panel{display:none}
.admin-tab-panel.active{display:block}
.admin-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.metric-tile{
  background:#fff;
  border:1px solid #dde6f2;
  border-radius:14px;
  padding:14px;
  box-shadow:0 10px 24px rgba(17,24,39,.04);
}
.metric-tile span{
  display:block;
  color:#667085;
  font-size:12px;
  font-weight:900;
}
.metric-tile strong{
  display:block;
  margin-top:6px;
  color:#083f91;
  font-size:28px;
  font-weight:900;
  line-height:1;
}
.clean-panel{
  border-radius:16px;
  border:1px solid #dde6f2;
  box-shadow:0 10px 24px rgba(17,24,39,.04);
  padding:16px;
}
.admin-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.admin-section-head h2{
  margin:0;
  color:#083f91;
  font-size:18px;
  font-weight:900;
}
.admin-section-head p{
  margin:3px 0 0;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.quick-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.quick-actions button,
.admin-panel button,
.bulk-redesign button,
.category-card-actions button{
  border:0;
  border-radius:10px;
  min-height:38px;
  padding:0 13px;
  background:#0d6efd;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.product-create-redesign,
.settings-grid-redesign{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  align-items:end;
}
.product-create-redesign input,
.product-create-redesign select,
.settings-grid-redesign input,
.category-create-redesign input,
.category-create-redesign select,
.admin-product-tools input,
.admin-product-tools select,
.bulk-redesign input,
.bulk-redesign select,
.product-row-form-redesign input,
.product-row-form-redesign select,
.category-card-admin input,
.category-card-admin select{
  height:38px;
  min-width:0;
  border:1px solid #d8e2ef;
  border-radius:9px;
  padding:0 10px;
  background:#fff;
  color:#111827;
  font-weight:800;
}
.settings-grid-redesign label,
.product-row-form-redesign label,
.category-card-admin label{
  display:grid;
  gap:5px;
  color:#344054;
  font-size:11px;
  font-weight:900;
}
.product-create-redesign button,
.settings-grid-redesign button{
  min-height:38px;
}
.product-tools-head{
  align-items:center;
}
.admin-product-tools{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) minmax(135px,.75fr) minmax(105px,.55fr) minmax(115px,.55fr) minmax(115px,.55fr);
  gap:8px;
  width:min(760px,100%);
}
.bulk-redesign{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid #dde6f2;
  border-radius:13px;
  background:#f8fbff;
}
.bulk-redesign span{
  color:#083f91;
  font-size:12px;
  font-weight:900;
}
.products-admin-redesign{
  margin-top:12px;
  border-radius:14px;
  border:1px solid #dde6f2;
  max-height:720px;
}
.product-admin-head-redesign,
.product-admin-row-redesign{
  display:grid;
  grid-template-columns:42px 70px minmax(960px,1fr);
  min-width:1120px;
  align-items:stretch;
}
.product-admin-head-redesign{
  position:sticky;
  top:0;
  z-index:3;
  background:#eef4fb;
  color:#344054;
  font-size:12px;
  font-weight:900;
}
.product-admin-head-redesign span{
  padding:9px;
  border-inline-start:1px solid #dde6f2;
}
.product-admin-row-redesign{
  border-top:1px solid #edf1f7;
  background:#fff;
}
.product-admin-row-redesign[hidden]{display:none}
.product-admin-row-redesign:nth-child(even){
  background:#fbfdff;
}
.product-row-form-redesign{
  display:grid;
  grid-template-columns:minmax(250px,1.5fr) 150px 105px 90px 82px 90px 120px 130px 90px 110px 58px 62px;
  gap:7px;
  align-items:end;
  padding:8px;
  border-inline-start:1px solid #dde6f2;
}
.row-select,
.row-id{
  display:grid;
  place-items:center;
  padding:8px;
  color:#083f91;
  font-size:12px;
  font-weight:900;
}
.new-check{
  align-self:center;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
}
.status-pill.ok{background:#e8f8ef;color:#087647}
.status-pill.off{background:#f2f4f7;color:#667085}
.category-create-redesign{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 120px 220px 120px;
  gap:9px;
  align-items:end;
}
.category-grid-admin{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:10px;
}
.category-card-admin{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid #dde6f2;
  border-radius:14px;
  background:#fff;
}
.category-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.empty-thumb{
  display:grid;
  place-items:center;
  width:54px;
  height:42px;
  border:1px dashed #cbd5e1;
  border-radius:8px;
  color:#667085;
  font-size:11px;
  font-weight:900;
}
.category-card-actions{
  display:flex;
  gap:7px;
}
.category-select-toolbar{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #dde6f2;
  border-radius:14px;
  padding:10px 12px;
  background:#f8fbff;
  color:#0f172a;
  font-size:12px;
  font-weight:900;
}
.category-select-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #dbe7f5;
  border-radius:999px;
  padding:5px 8px;
  background:#fff;
  color:#0f172a;
  font-size:11px;
  font-weight:900;
}
.danger{
  background:#dc2626!important;
}
.import-export-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.import-box{
  border:1px solid #dde6f2;
  border-radius:14px;
  padding:14px;
  background:#fff;
}
.import-box h3{
  margin:0 0 10px;
  color:#083f91;
  font-size:16px;
  font-weight:900;
}
.import-box .inline-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:center;
}
.import-box .inline-form input,
.import-box .inline-form select{
  min-width:0;
}
.import-box .inline-form button,
.import-box .inline-form .export-button{
  width:100%;
  box-sizing:border-box;
  text-align:center;
}
.price-tools-box{
  grid-column:1/-1;
}
.replace-hide-preview{
  margin-top:12px;
  border:1px solid #fed7aa;
  border-radius:14px;
  padding:12px;
  background:#fff7ed;
}
.replace-hide-preview h3{
  margin:0 0 8px;
  color:#9a3412;
  font-size:14px;
  font-weight:950;
}
.replace-hide-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.replace-hide-list span,
.replace-hide-list b{
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  background:#fff;
  color:#7c2d12;
  font-size:11px;
  font-weight:900;
}
.import-preview-panel{
  margin-top:14px;
  border:1px solid #cfe0f6;
  border-radius:18px;
  padding:14px;
  background:#f8fbff;
}
.confirm-import-form button{
  border:0;
  border-radius:12px;
  padding:10px 16px;
  background:#087647;
  color:#fff;
  font-family:inherit;
  font-weight:950;
  cursor:pointer;
}
.import-preview-stats{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.import-preview-stats div{
  border:1px solid #dbe7f5;
  border-radius:12px;
  padding:10px;
  background:#fff;
}
.import-preview-stats span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
}
.import-preview-stats strong{
  display:block;
  color:#0f172a;
  font-size:20px;
  font-weight:950;
  line-height:1.2;
}
.import-preview-table-wrap{
  overflow:auto;
  max-height:430px;
  border:1px solid #dbe7f5;
  border-radius:14px;
  background:#fff;
}
.import-preview-table{
  width:100%;
  min-width:840px;
  border-collapse:collapse;
  font-size:12px;
}
.import-preview-table th,
.import-preview-table td{
  padding:9px 10px;
  border-bottom:1px solid #edf2f7;
  text-align:right;
  vertical-align:top;
}
.import-preview-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#eef5ff;
  color:#083f91;
  font-weight:950;
}
.import-preview-table .preview-new td{
  background:#eff6ff;
}
.preview-note{
  display:inline-block;
  margin:0 0 4px 4px;
  border-radius:999px;
  padding:3px 7px;
  background:#fff7ed;
  color:#9a3412;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:980px){
  .admin-shell-top{
    display:block;
  }
  .admin-shell-top nav{
    margin-top:10px;
  }
  .admin-tabs{
    top:112px;
  }
  .admin-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-create-redesign,
  .settings-grid-redesign,
  .category-create-redesign,
  .import-export-grid{
    grid-template-columns:1fr;
  }
  .import-box .inline-form{
    grid-template-columns:1fr;
  }
  .import-preview-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-section-head,
  .product-tools-head{
    display:block;
  }
  .admin-product-tools{
    grid-template-columns:1fr;
    margin-top:10px;
  }
}
@media(max-width:720px){
  .admin-shell{
    padding:0 8px;
  }
  .admin-shell-top{
    padding:12px;
  }
  .admin-shell-top h1{
    font-size:19px;
  }
  .admin-tabs{
    top:105px;
    border-radius:13px;
    flex-wrap:wrap;
    overflow:visible;
  }
  .admin-tab-btn{
    flex:1 1 calc(33.333% - 8px);
    min-height:34px;
    font-size:12px;
    padding:0 11px;
  }
  .metric-tile strong{
    font-size:22px;
  }
  .clean-panel{
    padding:12px;
    border-radius:13px;
  }
  .product-admin-head-redesign,
  .product-admin-row-redesign{
    grid-template-columns:36px 58px minmax(780px,1fr);
    min-width:900px;
  }
  .product-row-form-redesign{
    grid-template-columns:210px 128px 92px 84px 76px 82px 120px 82px 100px 54px 58px;
  }
}

/* Keep imported banner artwork fully visible instead of cropped. */
.customer-page .banner-row img{
  object-fit:contain!important;
  object-position:center;
  background:#fff;
}

/* Stronger customer category titles. */
.customer-page .category-head{
  background:linear-gradient(135deg,#fff8db,#fffdfa)!important;
  border:1px solid #f2c94c!important;
  border-bottom-color:#e3b928!important;
  box-shadow:0 10px 24px rgba(246,199,51,.16)!important;
}
.customer-page .category-head h2{
  display:inline-flex!important;
  align-items:center;
  margin:0!important;
  color:#b42318!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-shadow:0 1px 0 #fff,0 8px 18px rgba(180,35,24,.12);
}
.customer-page .category-head h2::before{
  content:"";
  width:10px;
  height:28px;
  margin-left:10px;
  border-radius:999px;
  background:#f6c733;
  box-shadow:0 0 0 4px rgba(246,199,51,.18);
}
.customer-page .category-head span{
  color:#8a4b00!important;
  font-size:13px!important;
  font-weight:900!important;
}
.customer-page .category-head img{
  width:150px!important;
  height:118px!important;
  border-radius:20px!important;
  object-fit:contain!important;
  background:#fff!important;
  border:2px solid #f2c94c!important;
  box-shadow:0 12px 24px rgba(17,28,51,.12)!important;
}
@media(max-width:780px){
  .customer-page .category-head{
    padding:10px 11px!important;
  }
  .customer-page .category-head h2{
    font-size:20px!important;
  }
  .customer-page .category-head h2::before{
    width:8px;
    height:22px;
    margin-left:8px;
  }
  .customer-page .category-head span{
    font-size:11px!important;
  }
.customer-page .category-head img{
    width:104px!important;
    height:82px!important;
    border-radius:16px!important;
  }
}

/* Keep the current category visible while scrolling its products. */
.customer-page .category-head{
  position:sticky!important;
  top:92px!important;
  z-index:18!important;
  transition:padding .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.customer-page .category-section{
  scroll-margin-top:190px;
}
.customer-page.category-head-compact .category-head{
  top:82px!important;
  padding:7px 12px!important;
  border-radius:14px 14px 0 0!important;
  box-shadow:0 8px 18px rgba(17,28,51,.10)!important;
}
.customer-page.category-head-compact .category-head h2{
  font-size:18px!important;
}
.customer-page.category-head-compact .category-head h2::before{
  width:7px;
  height:20px;
  margin-left:8px;
  box-shadow:0 0 0 3px rgba(246,199,51,.16);
}
.customer-page.category-head-compact .category-head img{
  width:70px!important;
  height:52px!important;
  border-radius:13px!important;
  box-shadow:0 7px 14px rgba(17,28,51,.10)!important;
}
.customer-page.category-head-compact .category-head span{
  font-size:11px!important;
}
@media(max-width:780px){
  .customer-page .category-head{
    top:116px!important;
    z-index:18!important;
  }
  .customer-page .category-section{
    scroll-margin-top:220px;
  }
  .customer-page.category-head-compact .category-head{
    top:94px!important;
    padding:6px 8px!important;
  }
  .customer-page.category-head-compact .category-head h2{
    font-size:14px!important;
  }
  .customer-page.category-head-compact .category-head h2::before{
    width:5px;
    height:16px;
    margin-left:6px;
  }
  .customer-page.category-head-compact .category-head img{
    width:46px!important;
    height:36px!important;
    border-radius:10px!important;
    border-width:1px!important;
  }
  .customer-page.category-head-compact .category-head span{
    display:none!important;
  }
}

/* Extra vehicle-region filter. */
.customer-page .search-filters{
  grid-template-columns:174px 124px 112px 64px!important;
}
@media(max-width:980px){
  .customer-page .search-filters{
    grid-template-columns:1fr 112px 104px 62px!important;
  }
}
@media(max-width:780px){
  .customer-page .search-filters{
    grid-template-columns:1fr 1fr 86px 54px!important;
  }
  .customer-page .search-filters select{
    padding-inline:7px!important;
  }
}

/* Quick category jump bar. */
.customer-page .category-jump-bar{
  position:sticky;
  top:82px;
  z-index:19;
  max-width:1240px;
  margin:8px auto 6px;
  padding:7px 10px;
  display:flex;
  gap:7px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  background:rgba(255,255,255,.95);
  border:1px solid #dfe7f2;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(17,28,51,.08);
}
.customer-page .category-jump-bar a{
  flex:0 0 auto;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border-radius:999px;
  background:#f7faff;
  border:1px solid #dfe7f2;
  color:#0b3f8d;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.customer-page .category-jump-bar a:hover,
.customer-page .category-jump-bar a.active{
  background:linear-gradient(135deg,#083f91,#0d74d8);
  border-color:#0d74d8;
  color:#fff;
}
.customer-page .category-head{
  top:150px!important;
}
.customer-page.category-head-compact .category-head{
  top:150px!important;
}
.customer-page .category-section{
  scroll-margin-top:295px;
}
@media(max-width:780px){
  .customer-page .category-jump-bar{
    top:92px;
    margin:7px 7px 5px;
    padding:6px 7px;
    border-radius:15px;
  }
  .customer-page .category-jump-bar a{
    height:29px;
    padding:0 10px;
    font-size:11px;
  }
  .customer-page .category-head{
    top:148px!important;
  }
  .customer-page.category-head-compact .category-head{
    top:148px!important;
  }
  .customer-page .category-section{
    scroll-margin-top:305px;
  }
}

/* Unified sticky search and category tabs. */
.customer-page .customer-sticky-tools{
  position:sticky;
  top:0;
  z-index:30;
  padding:8px 12px 0;
  background:rgba(247,250,255,.98);
  border-bottom:1px solid #dfe7f2;
  box-shadow:0 4px 14px rgba(17,28,51,.07);
  backdrop-filter:blur(12px);
}
.customer-page .customer-sticky-tools .search-band{
  position:relative!important;
  top:auto!important;
  max-width:1240px;
  margin:0 auto!important;
  box-shadow:none!important;
  border-radius:18px!important;
  grid-template-columns:minmax(280px,1fr) auto;
}
.customer-page .customer-sticky-tools .search-filters{
  grid-template-columns:126px 104px 70px!important;
}
.customer-page .customer-sticky-tools .category-jump-bar{
  position:relative!important;
  top:auto!important;
  max-width:1240px;
  margin:6px auto 0!important;
  padding:6px 8px!important;
  border-radius:14px 14px 0 0!important;
  border-bottom-color:#f2c94c!important;
  box-shadow:none!important;
  background:#fff!important;
}
.customer-page .customer-sticky-tools .category-jump-bar a{
  height:30px;
  padding:0 12px;
}
.customer-page .category-head,
.customer-page.category-head-compact .category-head{
  top:128px!important;
  margin-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  box-shadow:none!important;
}
.customer-page .category-section{
  scroll-margin-top:194px;
}
@media(max-width:980px){
  .customer-page .customer-sticky-tools .search-band{
    grid-template-columns:1fr;
  }
  .customer-page .customer-sticky-tools .search-filters{
    grid-template-columns:1fr 104px 68px!important;
  }
}
@media(max-width:780px){
  .customer-page .customer-sticky-tools{
    padding:6px 7px 0;
  }
  .customer-page .customer-sticky-tools .search-band{
    margin:0!important;
    padding:6px!important;
    border-radius:17px!important;
  }
  .customer-page .customer-sticky-tools .category-jump-bar{
    margin-top:5px!important;
    padding:5px 6px!important;
    border-radius:13px 13px 0 0!important;
  }
  .customer-page .customer-sticky-tools .category-jump-bar a{
    height:28px;
    padding:0 10px;
  }
  .customer-page .category-head,
  .customer-page.category-head-compact .category-head{
    top:154px!important;
  }
  .customer-page .category-section{
    scroll-margin-top:208px;
  }
}

/* Manager admin rebuild */
.manager-admin{
  --admin-bg:#f4f7fb;
  --admin-surface:#ffffff;
  --admin-surface-2:#f8fafc;
  --admin-text:#0f172a;
  --admin-muted:#667085;
  --admin-border:#dbe4f0;
  --admin-blue:#0f5fc2;
  --admin-blue-2:#1976f3;
  --admin-green:#087647;
  --admin-amber:#b45309;
  --admin-red:#dc2626;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  min-height:100vh;
  background:var(--admin-bg);
  color:var(--admin-text);
  font-family:Cairo,Arial,sans-serif;
  letter-spacing:0;
}
.manager-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:18px;
  background:#0b1f3a;
  color:#fff;
  box-sizing:border-box;
}
.manager-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:52px;
}
.brand-mark{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:8px;
  background:#1976f3;
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.manager-brand strong{
  display:block;
  font-size:18px;
  font-weight:950;
  line-height:1.25;
}
.manager-brand small{
  display:block;
  color:#bfd4f2;
  font-size:12px;
  font-weight:800;
}
.manager-nav{
  display:grid;
  gap:8px;
}
.manager-nav .admin-tab-btn{
  width:100%;
  min-height:42px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  padding:9px 12px;
  background:transparent;
  color:#dbeafe;
  text-align:right;
  font-family:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.manager-nav .admin-tab-btn.active{
  background:#fff;
  color:#0b1f3a;
  border-color:#fff;
}
.manager-sidebar-foot{
  margin-top:auto;
  display:grid;
  gap:8px;
}
.manager-sidebar-foot a{
  color:#dbeafe;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}
.manager-main{
  min-width:0;
  padding:18px 22px 40px;
}
.manager-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.manager-topbar h1{
  margin:0;
  color:var(--admin-text);
  font-size:24px;
  font-weight:950;
  line-height:1.2;
}
.manager-topbar p,
.manager-page-head p,
.manager-panel .hint{
  margin:4px 0 0;
  color:var(--admin-muted);
  font-size:12px;
  font-weight:800;
}
.manager-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.manager-actions a,
.manager-admin button,
.manager-admin .export-button{
  border:0;
  border-radius:8px;
  padding:9px 12px;
  background:var(--admin-blue-2);
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.manager-actions a:first-child{
  background:#e8f1ff;
  color:#0f5fc2;
}
.manager-admin .danger{
  background:var(--admin-red)!important;
}
.manager-admin .soft-danger{
  background:#f59e0b!important;
}
.manager-admin .admin-tab-panel{
  display:none;
}
.manager-admin .admin-tab-panel.active{
  display:block;
}
.manager-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
}
.manager-page-head h2{
  margin:0;
  color:var(--admin-text);
  font-size:22px;
  font-weight:950;
  line-height:1.25;
}
.primary-action{
  background:var(--admin-green)!important;
}
.manager-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.manager-metrics div{
  min-height:78px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  padding:12px;
  background:var(--admin-surface);
  box-sizing:border-box;
}
.manager-metrics span{
  display:block;
  color:var(--admin-muted);
  font-size:11px;
  font-weight:900;
}
.manager-metrics strong{
  display:block;
  margin-top:6px;
  color:var(--admin-text);
  font-size:25px;
  font-weight:950;
  line-height:1;
}
.manager-metrics.mini{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.manager-metrics.mini div{
  min-height:62px;
}
.manager-workgrid,
.operation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.operation-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:14px;
}
.manager-panel{
  border:1px solid var(--admin-border);
  border-radius:8px;
  padding:14px;
  background:var(--admin-surface);
  box-shadow:0 10px 28px rgba(15,23,42,.04);
}
.manager-panel h3{
  margin:0 0 10px;
  color:#083f91;
  font-size:16px;
  font-weight:950;
}
.quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.manager-notes{
  margin:0;
  padding:0 18px 0 0;
  color:var(--admin-muted);
  font-size:13px;
  font-weight:800;
  line-height:1.9;
}
.manager-create-grid,
.manager-tools,
.operation-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  align-items:center;
}
.admin-search-tools{
  grid-template-columns:minmax(240px,1.6fr) repeat(4,minmax(118px,1fr)) 105px 110px;
  margin-bottom:10px;
}
.category-admin-search{
  grid-template-columns:minmax(240px,1.6fr) minmax(130px,1fr) 105px 110px;
}
.admin-search-count{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dce8f8;
  border-radius:8px;
  background:#f7fbff;
  color:#083f91;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.operation-form{
  grid-template-columns:1fr;
}
.operation-form button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  text-align:center;
}
.manager-admin input,
.manager-admin select,
.manager-admin textarea{
  width:100%;
  min-width:0;
  min-height:38px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  padding:7px 9px;
  background:#fff;
  color:var(--admin-text);
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  box-sizing:border-box;
}
.manager-admin input[type="checkbox"]{
  width:auto;
  min-height:0;
}
.manager-admin label{
  color:var(--admin-muted);
  font-size:12px;
  font-weight:900;
}
.check-line{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  padding:7px 9px;
  background:var(--admin-surface-2);
  box-sizing:border-box;
}
.manager-bulkbar{
  display:grid;
  grid-template-columns:160px 160px 150px 160px auto 90px;
  gap:8px;
  align-items:center;
  margin:0 0 10px;
  padding:10px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  background:var(--admin-surface-2);
}
.manager-bulkbar span{
  color:var(--admin-muted);
  font-size:12px;
  font-weight:950;
}
.manager-table{
  border:1px solid var(--admin-border);
  border-radius:8px;
  overflow:auto;
  background:#fff;
}
.manager-table-head,
.manager-table-row{
  display:grid;
  align-items:center;
  min-width:1050px;
  border-bottom:1px solid #edf2f7;
}
.products-manager-table .manager-table-head,
.products-manager-table .manager-table-row{
  grid-template-columns:42px 86px 100px minmax(220px,2fr) 170px 120px 110px 110px 96px 190px;
}
.categories-manager-table .manager-table-head,
.categories-manager-table .manager-table-row{
  grid-template-columns:42px minmax(220px,2fr) 120px 120px 220px 140px;
}
.manager-table-head{
  position:sticky;
  top:0;
  z-index:2;
  background:#eef5ff;
  color:#083f91;
  font-size:12px;
  font-weight:950;
}
.manager-table-head span,
.manager-table-row > span,
.manager-table-row > input,
.manager-table-row > select,
.manager-row-form > input,
.manager-row-form > select,
.manager-row-form > span{
  margin:0;
  padding:9px;
}
.manager-table-row{
  background:#fff;
}
.manager-table-row[hidden],
.product-admin-row[hidden],
.category-manager-row[hidden]{
  display:none!important;
}
.manager-table-row.admin-row-visible-match{
  background:#fffdf0;
}
.manager-table-row:hover{
  background:#fbfdff;
}
.manager-row-form{
  display:contents;
}
.manager-row-form input,
.manager-row-form select,
.category-manager-row input,
.category-manager-row select{
  min-height:34px;
  border-radius:7px;
}
.row-id{
  color:#0f5fc2;
  font-size:12px;
  font-weight:950;
}
.manager-admin .admin-search-hit,
.manager-table-row .admin-search-hit{
  background:#fff6b8!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.32) inset!important;
  border-color:#f2c94c!important;
}
.order-input{
  direction:ltr;
  text-align:center;
  font-weight:900;
  color:#0f5fc2;
}
.row-move{
  display:flex;
  justify-content:center;
  gap:5px;
}
.row-move button{
  width:34px;
  height:32px;
  padding:0;
  border-radius:8px;
  font-size:17px;
  line-height:1;
}
.row-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.row-actions button{
  padding:7px 9px;
}
.danger-panel{
  border-color:#fecaca!important;
  background:#fff7f7!important;
}
.sahl-search-form{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.sahl-search-form input{
  min-width:260px;
}
.sahl-hub-nav{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0;
}
.sahl-hub-nav a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #dbe7f7;
  border-radius:8px;
  background:#fff;
  color:#0f5fc2;
  text-decoration:none;
  font-size:12px;
  font-weight:950;
}
.sahl-hub-nav a:hover{
  background:#eef5ff;
}
.sahl-hub-section{
  scroll-margin-top:14px;
}
.sahl-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.sahl-status-card{
  display:grid;
  gap:5px;
  min-height:108px;
  padding:14px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  background:#fff;
}
.sahl-status-card span{
  color:var(--admin-muted);
  font-size:12px;
  font-weight:950;
}
.sahl-status-card strong{
  color:#0f172a;
  font-size:28px;
  font-weight:950;
  line-height:1;
}
.sahl-status-card small{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.sahl-status-card.good{border-color:#bbf7d0;background:#f8fff9}
.sahl-status-card.warn{border-color:#fde68a;background:#fffdf2}
.sahl-status-card.info{border-color:#bfdbfe;background:#f8fbff}
.sahl-status-card.danger{border-color:#fecaca;background:#fff8f8}
.sahl-sync-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.sahl-rule-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.sahl-rule-grid div{
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid #dbe7f7;
  border-radius:8px;
  background:#fbfdff;
}
.sahl-rule-grid strong{
  color:#0f172a;
  font-size:13px;
  font-weight:950;
}
.sahl-rule-grid span{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}
.sahl-hub-section h3 span{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-left:6px;
  border-radius:7px;
  background:#0f5fc2;
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.sahl-link-studio{
  display:grid;
  grid-template-columns:minmax(260px,1.15fr) minmax(260px,1fr) 118px;
  gap:8px;
  align-items:center;
}
.sahl-link-studio select,
.sahl-link-studio input{
  min-height:40px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  padding:0 10px;
  background:#fff;
  color:#14213d;
  font-weight:850;
  min-width:0;
}
.sahl-product-select{
  width:100%;
}
.sahl-selected-product{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #bfdbfe;
  border-radius:8px;
  background:#eff6ff;
  display:grid;
  gap:3px;
}
.sahl-selected-product span{
  color:#0f5fc2;
  font-size:12px;
  font-weight:950;
}
.sahl-selected-product strong{
  color:#0f172a;
  line-height:1.5;
}
.sahl-selected-product small{
  color:var(--admin-muted);
  font-weight:800;
}
.sahl-live-message{
  margin-top:10px;
  padding:9px 11px;
  border:1px solid #dbeafe;
  border-radius:8px;
  background:#f8fbff;
  color:#0f5fc2;
  font-size:12px;
  font-weight:900;
}
.sahl-live-message:empty,
.sahl-live-message[hidden]{
  display:none;
}
.sahl-live-message[data-type="error"]{
  border-color:#fecaca;
  background:#fff7f7;
  color:#b91c1c;
}
.sahl-live-message[data-type="success"]{
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#15803d;
}
.sahl-live-message[data-type="loading"]{
  border-color:#fde68a;
  background:#fffbeb;
  color:#92400e;
}
.sahl-review-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:12px 0 16px;
}
.sahl-review-box{
  display:grid;
  align-content:start;
  gap:8px;
  padding:12px;
  border:1px solid #dbe7f7;
  border-radius:8px;
  background:#fbfdff;
}
.sahl-review-box h4,
.sahl-subhead{
  margin:0;
  color:#0f172a;
  font-size:14px;
  font-weight:950;
}
.sahl-subhead{
  margin-top:8px;
}
.sahl-review-row,
.sahl-duplicate-group{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  background:#fff;
}
.sahl-review-row strong,
.sahl-duplicate-group strong{
  color:#0f172a;
  font-size:13px;
  font-weight:950;
  line-height:1.45;
}
.sahl-review-row span,
.sahl-duplicate-group span{
  color:#b45309;
  font-size:12px;
  font-weight:900;
  line-height:1.5;
}
.sahl-review-row small,
.sahl-duplicate-group small{
  color:#64748b;
  font-size:11px;
  font-weight:800;
}
.sahl-results-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:10px;
  margin-top:12px;
}
.sahl-result-card{
  display:grid;
  gap:6px;
  padding:12px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  background:#fff;
}
.sahl-result-card:hover{
  border-color:#8ab8f8;
  box-shadow:0 12px 28px rgba(15,95,194,.08);
}
.sahl-result-card.already-linked{
  border-color:#fed7aa;
  background:#fffaf3;
}
.sahl-result-card button{
  justify-self:start;
  margin-top:3px;
}
.sahl-result-card button:disabled{
  background:#f1f5f9;
  color:#64748b;
  cursor:not-allowed;
}
.sahl-link-status{
  justify-self:start;
  border-radius:999px;
  padding:5px 9px;
  background:#dcfce7;
  color:#166534;
  font-size:11px;
  font-weight:950;
  line-height:1.4;
}
.sahl-result-card.already-linked .sahl-link-status{
  background:#ffedd5;
  color:#9a3412;
}
.sahl-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:10px;
  margin-top:12px;
}
.sahl-card{
  display:grid;
  gap:5px;
  padding:11px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  background:#fff;
  cursor:pointer;
}
.sahl-card:hover{
  border-color:#8ab8f8;
  background:#fbfdff;
}
.sahl-card input{
  width:18px;
  height:18px;
}
.sahl-title{
  font-weight:950;
  color:#0f172a;
  line-height:1.5;
}
.sahl-meta{
  color:var(--admin-muted);
  font-size:12px;
  font-weight:800;
}
.sahl-link-table .manager-table-head,
.sahl-link-table .manager-table-row{
  grid-template-columns:90px minmax(260px,2fr) 170px 120px;
}
.sahl-link-row{
  display:grid;
}
.sahl-row-actions{
  display:flex;
  gap:6px;
  align-items:center;
}
.sahl-row-actions a,
.sahl-row-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 9px;
  border-radius:8px;
  background:#eef5ff;
  color:#0f5fc2;
  text-decoration:none;
  font-size:12px;
  font-weight:950;
  border:0;
  cursor:pointer;
}
.sahl-row-actions a:hover,
.sahl-row-actions button:hover{
  background:#dbeafe;
}
.empty-manager-row{
  padding:14px;
  color:var(--admin-muted);
  font-weight:850;
}
.preview-panel{
  margin-top:14px;
}
.manager-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.manager-preview-head h3{
  margin:0;
}
.manager-preview-head p{
  margin:3px 0 0;
  color:var(--admin-muted);
  font-size:12px;
  font-weight:800;
}
.preview-table-wrap{
  max-height:430px;
  overflow:auto;
  border:1px solid var(--admin-border);
  border-radius:8px;
}
.import-preview-table{
  width:100%;
  min-width:840px;
  border-collapse:collapse;
  background:#fff;
  font-size:12px;
}
.import-preview-table th,
.import-preview-table td{
  padding:9px 10px;
  border-bottom:1px solid #edf2f7;
  text-align:right;
  vertical-align:top;
}
.import-preview-table th{
  position:sticky;
  top:0;
  background:#eef5ff;
  color:#083f91;
  z-index:1;
}
.preview-note{
  display:inline-block;
  margin:0 0 4px 4px;
  border-radius:999px;
  padding:3px 7px;
  background:#fff7ed;
  color:#9a3412;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.replace-hide-preview{
  margin-top:12px;
  border:1px solid #fed7aa;
  border-radius:8px;
  padding:12px;
  background:#fff7ed;
}
.replace-hide-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.replace-hide-list span,
.replace-hide-list b{
  border-radius:999px;
  padding:5px 8px;
  background:#fff;
  color:#7c2d12;
  font-size:11px;
  font-weight:900;
}
@media(max-width:1180px){
  .manager-admin{
    grid-template-columns:82px minmax(0,1fr);
  }
  .manager-sidebar{
    position:sticky;
    top:0;
    z-index:20;
    height:100dvh;
    padding:8px 6px;
    gap:10px;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:none;
  }
  .manager-sidebar::-webkit-scrollbar{
    display:none;
  }
  .manager-sidebar-foot{
    display:none;
  }
  .manager-brand{
    display:grid;
    place-items:center;
    min-height:auto;
  }
  .manager-brand > div{
    display:none;
  }
  .brand-mark{
    width:48px;
    height:44px;
    font-size:13px;
  }
  .manager-nav{
    display:grid;
    gap:7px;
    overflow:visible;
  }
  .manager-nav .admin-tab-btn{
    min-width:0;
    width:100%;
    min-height:54px;
    padding:6px 4px;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.2;
    font-size:11px;
    border-radius:10px;
  }
  .manager-main{
    min-width:0;
    padding:12px;
  }
  .manager-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .manager-workgrid,
  .operation-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .manager-admin{
    grid-template-columns:68px minmax(0,1fr);
  }
  .manager-sidebar{
    padding:7px 5px;
  }
  .brand-mark{
    width:42px;
    height:40px;
    font-size:12px;
  }
  .manager-nav .admin-tab-btn{
    min-height:50px;
    padding:5px 3px;
    font-size:10px;
  }
  .manager-topbar,
  .manager-page-head,
  .manager-preview-head{
    display:block;
  }
  .manager-actions{
    margin-top:10px;
  }
  .manager-metrics,
  .manager-metrics.mini{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sahl-status-grid,
  .sahl-rule-grid,
  .sahl-review-stack{
    grid-template-columns:1fr;
  }
  .manager-create-grid,
  .manager-tools,
  .manager-bulkbar{
    grid-template-columns:1fr;
  }
  .sahl-link-studio{
    grid-template-columns:1fr;
  }
  .sahl-link-studio button{
    width:100%;
  }
  .sahl-results-grid,
  .sahl-grid{
    grid-template-columns:1fr;
  }
  .manager-table-head,
  .manager-table-row{
    min-width:980px;
  }
}

/* Attach the current category to the top tools instead of floating it separately. */
.customer-page .active-category-strip{
  max-width:1240px;
  height:54px;
  box-sizing:border-box;
  margin:0 auto;
  padding:7px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:linear-gradient(135deg,#fff8db,#fffdfa);
  border:1px solid #f2c94c;
  border-top:0;
  border-radius:0 0 14px 14px;
  color:#b42318;
  font-weight:900;
  text-align:center;
  overflow:visible;
}
.customer-page .active-category-strip img{
  width:66px;
  height:50px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
  border:1px solid #ead27b;
  flex:0 0 auto;
  margin-block:0;
}
.customer-page .active-category-strip strong{
  font-size:16px;
  line-height:1.25;
}
.customer-page .active-category-strip span{
  color:#8a4b00;
  font-size:12px;
  white-space:nowrap;
}
.customer-page .category-head,
.customer-page.category-head-compact .category-head{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  margin-top:0!important;
  border-top-left-radius:16px!important;
  border-top-right-radius:16px!important;
}
.customer-page .catalog-wrap .category-head{
  display:flex!important;
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
}

/* Larger in-page category header above product rows. */
.customer-page .catalog-wrap .category-head{
  min-height:86px!important;
  padding:14px 16px!important;
}
.customer-page .catalog-wrap .category-head h2{
  font-size:26px!important;
}
.customer-page .catalog-wrap .category-head span{
  font-size:13px!important;
}
.customer-page .catalog-wrap .category-head img{
  width:92px!important;
  height:72px!important;
  border-radius:18px!important;
}
@media(max-width:780px){
  .customer-page .catalog-wrap .category-head{
    min-height:74px!important;
    padding:11px 12px!important;
  }
  .customer-page .catalog-wrap .category-head h2{
    font-size:21px!important;
  }
  .customer-page .catalog-wrap .category-head img{
    width:72px!important;
    height:56px!important;
  }
}
.customer-page .category-section{
  scroll-margin-top:205px;
}
@media(max-width:780px){
  .customer-page .active-category-strip{
    height:48px;
    box-sizing:border-box;
    padding:6px 9px;
    border-radius:0 0 12px 12px;
    gap:7px;
    overflow:visible;
  }
  .customer-page .active-category-strip img{
    width:58px;
    height:44px;
    margin-block:0;
  }
  .customer-page .active-category-strip strong{
    font-size:14px;
  }
  .customer-page .active-category-strip span{
    display:none;
  }
  .customer-page .category-section{
    scroll-margin-top:210px;
  }
}

/* More compact search and filter controls. */
.customer-page .customer-sticky-tools{
  padding-top:5px;
}
.customer-page .customer-sticky-tools .search-band{
  padding:5px!important;
  gap:5px!important;
  border-radius:14px!important;
}
.customer-page .customer-sticky-tools .search-primary{
  grid-template-columns:minmax(0,1fr) 74px!important;
  gap:5px!important;
}
.customer-page .customer-sticky-tools .search-filters{
  grid-template-columns:110px 88px 54px!important;
  gap:5px!important;
}
.customer-page .customer-sticky-tools .search-band input,
.customer-page .customer-sticky-tools .search-band select,
.customer-page .customer-sticky-tools .toggle-line,
.customer-page .customer-sticky-tools .ghost-link,
.customer-page .customer-sticky-tools .search-band button{
  height:34px!important;
  min-height:34px!important;
  border-radius:11px!important;
  padding-inline:9px!important;
  font-size:11px!important;
  line-height:1.1!important;
}
.customer-page .customer-sticky-tools .toggle-line{
  gap:4px!important;
}
@media(max-width:980px){
  .customer-page .customer-sticky-tools .search-primary{
    grid-template-columns:minmax(0,1fr) 58px!important;
  }
  .customer-page .customer-sticky-tools .search-filters{
    grid-template-columns:minmax(0,1fr) 84px 50px!important;
  }
}
@media(max-width:780px){
  .customer-page .customer-sticky-tools{
    padding:4px 6px 0!important;
  }
  .customer-page .customer-sticky-tools .search-band{
    padding:4px!important;
    gap:4px!important;
    border-radius:14px!important;
  }
  .customer-page .customer-sticky-tools .search-primary,
  .customer-page .customer-sticky-tools .search-filters{
    gap:4px!important;
  }
  .customer-page .customer-sticky-tools .search-primary{
    grid-template-columns:minmax(0,1fr) 54px!important;
  }
  .customer-page .customer-sticky-tools .search-filters{
    grid-template-columns:minmax(0,1fr) 78px 46px!important;
  }
  .customer-page .customer-sticky-tools .search-band input,
  .customer-page .customer-sticky-tools .search-band select,
  .customer-page .customer-sticky-tools .toggle-line,
  .customer-page .customer-sticky-tools .ghost-link,
  .customer-page .customer-sticky-tools .search-band button{
    height:30px!important;
    min-height:30px!important;
    border-radius:10px!important;
    padding-inline:7px!important;
    font-size:10px!important;
  }
}