/* DigiMall vendor panel stylesheet — generated for DigiMall v3.0.5 */

/* ===== fonts.css ===== */
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Questv1";
    src: url("../fonts/Questv1 Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Sakkal Majalla";
    src: url("../fonts/Sakkal Majalla Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* ===== design-system.css ===== */
:root{
  --dm-navy:#081426;--dm-navy-2:#102541;--dm-blue:#3b71b9;--dm-blue-700:#285d9f;--dm-teal:#5bc4bf;--dm-teal-100:#dff7f5;--dm-bg:#f4f7fb;--dm-surface:#fff;--dm-text:#132033;--dm-muted:#66758a;--dm-border:#dce5ef;
  --dm-shadow-xs:0 4px 14px rgba(8,20,38,.05);--dm-shadow-sm:0 10px 30px rgba(8,20,38,.07);--dm-shadow-md:0 20px 55px rgba(8,20,38,.11);--dm-radius-sm:12px;--dm-radius:18px;--dm-radius-lg:26px;--dm-gradient:linear-gradient(135deg,#081426 0%,#173b69 55%,#3b71b9 100%);--dm-accent:linear-gradient(135deg,#3b71b9 0%,#5bc4bf 100%);
}
*{box-sizing:border-box}body{accent-color:var(--dm-blue)}
.dm-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.dm-page-head__eyebrow{display:block;color:var(--dm-blue);font-size:13px;font-weight:900;margin-bottom:6px}.dm-page-head h1{margin:0;color:var(--dm-navy);font:900 clamp(25px,3vw,36px)/1.3 "Cairo",sans-serif}.dm-page-head p{margin:8px 0 0;color:var(--dm-muted);line-height:1.85}.dm-page-head__actions{display:flex;gap:10px;flex-wrap:wrap}
.dm-panel{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);box-shadow:var(--dm-shadow-xs);padding:22px}.dm-panel--hero{background:var(--dm-gradient);border:0;color:#fff;overflow:hidden;position:relative}.dm-panel--hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;inset:auto -120px -180px auto;background:radial-gradient(circle,rgba(91,196,191,.34),transparent 68%)}
.dm-empty{display:grid;place-items:center;text-align:center;min-height:240px;padding:34px;border:1px dashed #bdd0e2;border-radius:var(--dm-radius);background:linear-gradient(180deg,#fff,#f8fbff);color:var(--dm-muted)}.dm-empty__icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:var(--dm-teal-100);font-size:30px;margin-bottom:14px}.dm-empty h3{color:var(--dm-navy);margin:0 0 8px}.dm-empty p{max-width:520px;margin:0 0 18px;line-height:1.8}
.dm-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:var(--dm-teal-100);color:#147b77;font-size:12px;font-weight:900;border:1px solid rgba(91,196,191,.35)}
.dm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid var(--dm-border);border-radius:13px;background:#fff;color:var(--dm-navy);text-decoration:none;font:800 14px "Cairo",sans-serif;cursor:pointer;transition:.2s ease}.dm-btn:hover{transform:translateY(-2px);box-shadow:var(--dm-shadow-sm)}.dm-btn--primary{background:var(--dm-accent);border-color:transparent;color:#fff}.dm-btn--dark{background:var(--dm-navy);border-color:var(--dm-navy);color:#fff}
.dm-table-shell{overflow:auto;border:1px solid var(--dm-border);border-radius:var(--dm-radius);background:#fff;box-shadow:var(--dm-shadow-xs)}.dm-table-shell table{width:100%;border-collapse:collapse}.dm-table-shell th{background:#f6f9fc;color:#435269;font-size:13px;text-align:right}.dm-table-shell th,.dm-table-shell td{padding:15px 16px;border-bottom:1px solid #edf1f5}.dm-table-shell tr:last-child td{border-bottom:0}.dm-table-shell tbody tr:hover{background:#fbfdff}
input,select,textarea,button{font-family:"Cairo",Tahoma,Arial,sans-serif}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--dm-teal)!important;box-shadow:0 0 0 4px rgba(91,196,191,.14)!important}
@media(max-width:720px){.dm-page-head{align-items:flex-start;flex-direction:column}.dm-page-head__actions{width:100%}.dm-page-head__actions>*{flex:1}.dm-panel{padding:17px}}

/* ===== ui-polish.css ===== */
/* Vendor UI polish v1.1.0 */
:root{
  --ui-radius-xs:10px;--ui-radius-sm:14px;--ui-radius-md:18px;--ui-radius-lg:26px;
  --ui-shadow-sm:0 8px 24px rgba(15,23,42,.06);--ui-shadow-md:0 18px 45px rgba(15,23,42,.10);
  --ui-border:rgba(148,163,184,.25);--ui-muted:#64748b;--ui-ink:#0f172a;
}
body{font-feature-settings:"kern";text-rendering:optimizeLegibility}
::selection{background:rgba(59,113,185,.18)}
:focus-visible{outline:3px solid rgba(59,113,185,.24);outline-offset:2px}

/* Shared surfaces */
.store-card,.vendor-dashboard__section,.orders-table-card,.orders-filter,.vendor-products-page__toolbar,
.vendor-products-page__table-card,.vendor-catalogs-page__panel,.vendor-form-card,.settings-card,
.checkout-form,.cart-summary,.directory-card{border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow-sm)!important}
.store-card:hover,.directory-card:hover,.vendor-dashboard__quick-card:hover,.analytics-stat-card:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow-md)!important}

/* Vendor panel */
.vendor-panel-body{background:radial-gradient(circle at 5% 0%,rgba(91,196,191,.10),transparent 28%),var(--panel-bg)}
.vendor-sidebar{background:linear-gradient(180deg,#0f172a 0%,#172554 54%,#123b59 100%)!important}
.vendor-sidebar__brand{padding:8px 8px 24px!important}
.vendor-sidebar__brand-mark{box-shadow:0 14px 32px rgba(30,64,175,.28)}
.vendor-sidebar__nav a{position:relative;overflow:hidden;font-weight:700}
.vendor-sidebar__nav a:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06));transform:translateX(110%);transition:.25s}
.vendor-sidebar__nav a:hover:after{transform:translateX(-110%)}
.vendor-topbar{box-shadow:0 8px 24px rgba(15,23,42,.04)}
.vendor-topbar__quick-actions>a,.vendor-notifications summary{min-height:42px;border-radius:12px!important}
.vendor-content{padding-top:32px!important}
.vendor-alert{border-radius:15px!important;box-shadow:var(--ui-shadow-sm)}
.vendor-topbar__breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}

/* Headings and page heroes */
.vendor-products-page__header,.vendor-catalogs-page__header,.orders-hero,.vendor-dashboard__welcome{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg,#172554,#275d95 58%,#5bc4bf)!important;
  box-shadow:0 22px 48px rgba(37,93,149,.18)!important
}
.vendor-products-page__header:after,.vendor-catalogs-page__header:after,.orders-hero:after,.vendor-dashboard__welcome:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-70px;top:-105px;background:rgba(255,255,255,.08)
}
.vendor-products-page__header h1,.vendor-products-page__header p,.vendor-products-page__eyebrow,
.vendor-catalogs-page__header h1,.vendor-catalogs-page__header p,.orders-hero h1,.orders-hero p,.orders-hero>div>span,
.vendor-dashboard__welcome h1,.vendor-dashboard__welcome p,.vendor-dashboard__eyebrow{color:#fff!important}
.vendor-products-page__create,.vendor-dashboard__store-link{background:#fff!important;color:#1e3a8a!important;box-shadow:0 12px 30px rgba(15,23,42,.18)!important}

/* Stats */
.analytics-stats,.vendor-products-page__stats{gap:16px!important}
.analytics-stat-card,.vendor-products-page__stat{position:relative;overflow:hidden;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;transition:.22s ease}
.analytics-stat-card:before,.vendor-products-page__stat:before{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:linear-gradient(var(--panel-primary),var(--panel-secondary))}
.analytics-stat-card strong,.vendor-products-page__stat strong{color:#153e75!important}

/* Tables */
.orders-table-card,.vendor-products-page__table-card{overflow:hidden;border-radius:20px!important;background:#fff}
table{border-collapse:separate;border-spacing:0}
.orders-table thead th,.vendor-products-page table thead th{background:#f8fafc!important;color:#334155!important;font-size:.82rem;text-transform:none;letter-spacing:0}
.orders-table tbody tr,.vendor-products-page table tbody tr{transition:background .18s ease,transform .18s ease}
.orders-table tbody tr:hover,.vendor-products-page table tbody tr:hover{background:#f8fbff!important}
.orders-table td,.orders-table th,.vendor-products-page table td,.vendor-products-page table th{border-color:#edf2f7!important}
.orders-table tr.is-unread{background:linear-gradient(90deg,rgba(59,130,246,.08),transparent)!important}
.order-actions{gap:8px!important;flex-wrap:wrap}
.order-action{min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;font-weight:800!important;transition:.2s ease!important}
.order-action:hover{transform:translateY(-1px);filter:saturate(1.08)}
.order-status{border-radius:999px!important;padding:6px 11px!important;font-weight:900!important}
.orders-phone{font-weight:800;color:#2563eb!important}

/* Forms */
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.vendor-content input,.vendor-content textarea,.vendor-content select,
.checkout-form input,.checkout-form textarea,.checkout-form select,.store-search input,.store-filter select{
  border-radius:12px!important;border:1px solid #dbe3ec!important;background:#fff!important
}
.vendor-content input:focus,.vendor-content textarea:focus,.vendor-content select:focus,
.checkout-form input:focus,.checkout-form textarea:focus,.checkout-form select:focus,.store-search input:focus,.store-filter select:focus{
  border-color:#3b71b9!important;box-shadow:0 0 0 4px rgba(59,113,185,.10)!important;outline:0
}
.vendor-form-card,.settings-card,.checkout-form{border-radius:22px!important;background:#fff!important}
label{color:#334155}

/* Buttons */
button,.store-btn,.vendor-products-page__create,.vendor-dashboard__store-link{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
button:hover,.store-btn:hover,.vendor-products-page__create:hover,.vendor-dashboard__store-link:hover{transform:translateY(-1px)}
.store-btn{border-radius:12px!important;font-weight:900!important;min-height:44px}
.store-btn--primary{box-shadow:0 10px 22px color-mix(in srgb,var(--store-primary) 28%,transparent)}
.store-btn--danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
.store-btn--whatsapp{box-shadow:0 12px 26px rgba(22,163,74,.22)}

/* Storefront */
.storefront-body{background:#f7f9fc;color:var(--ui-ink)}
.store-main{min-height:58vh}
.store-header{box-shadow:0 8px 28px rgba(15,23,42,.06)}
.store-header__top{background:linear-gradient(90deg,color-mix(in srgb,var(--store-primary) 92%,#0f172a),var(--store-primary))!important}
.store-header__main{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)}
.store-header__logo{box-shadow:0 10px 26px rgba(15,23,42,.12)}
.store-nav a{position:relative;font-weight:800}
.store-nav a:after{content:"";position:absolute;right:12px;left:12px;bottom:5px;height:2px;border-radius:2px;background:var(--store-primary);transform:scaleX(0);transition:.2s}
.store-nav a:hover:after,.store-nav a.is-active:after{transform:scaleX(1)}
.store-section{padding-block:56px!important}
.store-section:nth-of-type(even){background:linear-gradient(180deg,rgba(241,245,249,.55),transparent)}
.store-section__kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--store-primary) 10%,#fff);color:var(--store-primary);font-weight:900}
.store-section__title{color:#0f172a!important;letter-spacing:-.02em}
.store-section__description{color:#64748b!important;max-width:720px}
.store-product-card{overflow:hidden;border-radius:20px!important;background:#fff;transition:.22s ease}
.store-product-card__media{background:linear-gradient(145deg,#f8fafc,#eef2f7)}
.store-product-card__media img{transition:transform .35s ease}
.store-product-card:hover .store-product-card__media img{transform:scale(1.045)}
.store-product-card__content{padding:18px!important}
.store-product-card h3{font-size:1.03rem!important;color:#0f172a}
.store-badge{border-radius:999px!important;box-shadow:0 6px 16px rgba(15,23,42,.10)}
.store-search,.store-filter{background:#fff;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm);border-radius:18px!important}
.store-empty{padding:44px!important;border-style:dashed!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}

/* Product page */
.product-details,.product-gallery,.product-info{border-radius:22px!important}
.product-gallery__main{background:linear-gradient(145deg,#f8fafc,#eef2f7)!important;border-radius:20px!important}
.product-gallery__thumb{border-radius:12px!important;overflow:hidden}
.product-info{background:#fff;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm);padding:26px!important}
.product-info h1{font-size:clamp(1.7rem,3vw,2.5rem)!important;letter-spacing:-.025em}

/* Cart / checkout */
.cart-layout{align-items:start}
.cart-item{border-radius:18px!important;padding:16px!important}
.cart-item__media{border-radius:14px!important;overflow:hidden;background:#f1f5f9}
.cart-summary{position:sticky;top:110px;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.checkout-form{max-width:760px!important;margin-inline:auto;padding:28px!important}
.checkout-form label{font-weight:800}

/* Directory */
.store-directory-body{background:#f7f9fc!important;color:#0f172a}
.directory-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#244f89 62%,#5bc4bf)!important;padding:72px 0!important}
.directory-hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;left:-130px;top:-190px;background:rgba(255,255,255,.08)}
.directory-hero h1{font-size:clamp(2rem,5vw,3.6rem)!important;letter-spacing:-.04em}
.directory-categories{position:sticky;top:10px;z-index:20;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px);padding:10px!important;border:1px solid var(--ui-border);border-radius:18px!important;box-shadow:var(--ui-shadow-sm)}
.directory-categories a{border-radius:12px!important;font-weight:800}
.directory-card{overflow:hidden;border-radius:22px!important;background:#fff;transition:.24s ease}
.directory-card__cover{background:linear-gradient(135deg,#dbeafe,#ccfbf1)!important}
.directory-card__logo{box-shadow:0 10px 24px rgba(15,23,42,.13);border:4px solid #fff!important}
.directory-card__body>div:last-child a{border-radius:10px!important;font-weight:900!important}

/* Pagination */
.pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.pagination span,.pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ui-border);border-radius:10px;background:#fff}
.pagination .active span,.pagination span[aria-current="page"]{background:var(--panel-primary);color:#fff;border-color:var(--panel-primary)}

/* Mobile */
@media(max-width:900px){
  .vendor-content{width:min(100% - 24px,1380px)!important;padding-top:20px!important}
  .vendor-topbar{padding:10px 14px!important;gap:10px!important}.vendor-topbar__user>div:first-child{display:none}
  .vendor-topbar__quick-actions>a{display:none}.vendor-topbar__breadcrumb{max-width:190px}
  .vendor-products-page__header,.vendor-catalogs-page__header,.orders-hero,.vendor-dashboard__welcome{padding:24px!important;border-radius:20px!important}
  .store-section{padding-block:38px!important}.store-section__header--split{align-items:flex-start!important}
  .cart-summary{position:static}.checkout-form{padding:20px!important}
}
@media(max-width:640px){
  .analytics-stats,.vendor-products-page__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .analytics-stat-card,.vendor-products-page__stat{padding:16px!important}
  .order-actions{min-width:210px}.store-section__title{font-size:1.7rem!important}
  .directory-hero{padding:50px 0!important}.directory-categories{position:static}
}

/* v1.1.1 clean redesign */
.store-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e8edf3;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;backdrop-filter:blur(16px)}
.store-header__inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.store-brand{display:flex;align-items:center;gap:12px;color:#0f172a;text-decoration:none;min-width:0}
.store-brand__logo,.store-brand__fallback{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,var(--store-primary),color-mix(in srgb,var(--store-primary) 55%,#0f172a));color:#fff;font-size:1.25rem;font-weight:900;box-shadow:none!important}
.store-brand__info{display:flex;flex-direction:column;line-height:1.25}.store-brand__info strong{font-size:1rem;color:#0f172a}.store-brand__info small{font-size:.77rem;color:#64748b;margin-top:3px}
.store-header__nav{display:flex;align-items:center;justify-content:center;gap:6px}.store-header__nav a{padding:10px 14px;border-radius:10px;color:#475569;text-decoration:none;font-weight:800;font-size:.9rem}.store-header__nav a:hover{background:#f1f5f9;color:var(--store-primary)}
.store-header__actions{display:flex;align-items:center;gap:10px}.store-cart-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;color:#0f172a;text-decoration:none;font-weight:800}.store-cart-link:hover{border-color:var(--store-primary);background:#f8fafc}.store-cart-link strong{min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--store-primary);color:#fff;font-size:.75rem}.store-cart-link__icon{font-size:1rem}.store-header__whatsapp{min-height:42px!important;padding-inline:16px!important}
.store-footer{margin-top:64px;background:#0f172a!important;color:#cbd5e1!important;border-top:0!important}.store-footer__inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}.store-footer__identity strong{display:block;color:#fff;font-size:1rem;margin-bottom:6px}.store-footer__identity p{margin:0;color:#94a3b8}.store-socials{display:flex;gap:8px}.store-socials a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.store-socials a:hover{background:rgba(255,255,255,.16)}
.store-btn--clear-cart{background:#fff!important;color:#b42318!important;border:1px solid #f1b5b1!important;box-shadow:none!important}.store-btn--clear-cart:hover{background:#fff5f4!important;border-color:#e98f88!important}
.cart-summary__checkout{margin-bottom:10px}.cart-summary form{margin-top:0}

/* Vendor panel: calmer, cleaner hierarchy */
.vendor-panel-body{background:#f4f7fb!important}.vendor-sidebar{background:#111827!important;border-left:1px solid rgba(255,255,255,.06);box-shadow:none!important}.vendor-sidebar__brand{padding:18px 14px 22px!important;border-bottom:1px solid rgba(255,255,255,.08)}.vendor-sidebar__brand-mark{background:#fff!important;color:#111827!important;box-shadow:none!important;border-radius:12px!important}.vendor-sidebar__nav{padding-top:14px!important}.vendor-sidebar__nav a{border-radius:10px!important;color:#cbd5e1!important;padding:12px 14px!important}.vendor-sidebar__nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.vendor-sidebar__nav a.is-active{background:#fff!important;color:#111827!important;box-shadow:none!important}.vendor-sidebar__nav a:after{display:none!important}.vendor-sidebar__logout button{background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;color:#e5e7eb!important;border-radius:10px!important}
.vendor-topbar{min-height:76px!important;background:#fff!important;border-bottom:1px solid #e5eaf0!important;box-shadow:none!important;padding:0 28px!important}.vendor-topbar__breadcrumb{color:#94a3b8!important;font-size:.75rem!important}.vendor-topbar__title strong{font-size:1.05rem!important;color:#0f172a!important}.vendor-topbar__quick-actions>a,.vendor-notifications summary{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important;box-shadow:none!important}.vendor-topbar__avatar{background:#111827!important;color:#fff!important;box-shadow:none!important}.vendor-content{width:min(100% - 48px,1400px)!important;padding:28px 0 56px!important}
.vendor-products-page__header,.vendor-catalogs-page__header,.orders-hero,.vendor-dashboard__welcome{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important;color:#0f172a!important;border-radius:18px!important}.vendor-products-page__header:after,.vendor-catalogs-page__header:after,.orders-hero:after,.vendor-dashboard__welcome:after{display:none!important}.vendor-products-page__header h1,.vendor-catalogs-page__header h1,.orders-hero h1,.vendor-dashboard__welcome h1{color:#0f172a!important}.vendor-products-page__header p,.vendor-catalogs-page__header p,.orders-hero p,.vendor-dashboard__welcome p{color:#64748b!important}.vendor-products-page__eyebrow,.vendor-catalogs-page__eyebrow,.orders-hero>div>span,.vendor-dashboard__eyebrow{color:#2563eb!important}.vendor-products-page__create,.vendor-dashboard__store-link,.vendor-catalogs-page__create{background:#111827!important;color:#fff!important;box-shadow:none!important;border-radius:11px!important}
.vendor-dashboard__section,.vendor-products-page__toolbar,.vendor-products-page__table-card,.vendor-catalogs-page__toolbar,.vendor-form-card,.settings-card,.orders-filter,.orders-table-card{border:1px solid #e2e8f0!important;box-shadow:none!important;border-radius:16px!important;background:#fff!important}.analytics-stat-card,.vendor-products-page__stat,.vendor-catalogs-page__stat{border:1px solid #e2e8f0!important;box-shadow:none!important;background:#fff!important;border-radius:14px!important}.analytics-stat-card:before,.vendor-products-page__stat:before{width:3px!important;background:#2563eb!important}.store-card:hover,.directory-card:hover,.vendor-dashboard__quick-card:hover,.analytics-stat-card:hover{transform:none!important;box-shadow:none!important}
.vendor-content input,.vendor-content textarea,.vendor-content select{min-height:46px;border-radius:10px!important}.vendor-content textarea{min-height:120px}.vendor-content button,.vendor-content a{font-feature-settings:normal}

@media(max-width:900px){.store-header__inner{grid-template-columns:1fr auto;min-height:68px}.store-header__nav{display:none}.store-brand__logo,.store-brand__fallback{width:40px;height:40px;border-radius:12px}.store-cart-link__text{display:none}.store-header__whatsapp{display:none}.vendor-topbar{padding:0 14px!important}.vendor-content{width:min(100% - 24px,1400px)!important}.store-footer__inner{padding-block:28px;flex-direction:column;align-items:flex-start;min-height:auto}}

/* v1.1.3 sticky catalog rail and refined store banner */
.store-hero--refined{
  min-height:340px!important;
  align-items:center!important;
  isolation:isolate;
  background:linear-gradient(125deg,#0f172a 0%,#17345e 58%,color-mix(in srgb,var(--store-primary) 72%,#17345e) 100%)!important;
}
.store-hero--refined .store-hero__background{opacity:.28;filter:saturate(.7) contrast(1.04);}
.store-hero--refined .store-hero__overlay{
  background:linear-gradient(90deg,rgba(8,18,38,.96),rgba(15,36,70,.82) 55%,rgba(15,23,42,.5))!important;
}
.store-hero__decoration{position:absolute;inset-inline-end:-80px;top:-170px;width:470px;height:470px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018);z-index:1;pointer-events:none}
.store-hero--refined .store-hero__content{padding-block:48px!important}
.store-profile--refined{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:28px 30px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:rgba(8,20,42,.4);box-shadow:0 24px 60px rgba(2,8,23,.24);backdrop-filter:blur(8px)}
.store-profile--refined .store-profile__identity{display:flex;align-items:center;gap:24px;min-width:0}
.store-profile--refined .store-profile__logo,.store-profile--refined .store-profile__fallback{width:112px;height:112px;flex:0 0 112px;border-width:4px;border-radius:26px;box-shadow:0 14px 36px rgba(0,0,0,.2)}
.store-profile--refined .store-profile__title{font-size:clamp(2rem,4vw,3.3rem)!important;margin-bottom:8px!important}
.store-profile--refined .store-profile__description{font-size:.98rem!important;line-height:1.75!important;max-width:700px}
.store-profile__cart{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:148px;min-height:50px;padding:12px 20px;border-radius:14px;background:#fff;color:#0f172a;text-decoration:none;font-weight:900;box-shadow:0 12px 28px rgba(2,8,23,.22);transition:.2s ease;white-space:nowrap}
.store-profile__cart:hover{transform:translateY(-2px);background:#f8fafc}

.store-page-shell{padding:34px 0 64px;background:#f7f9fc}
.store-page-shell__grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:28px;align-items:start}
.store-page-shell__content{min-width:0}
.store-page-shell .store-market__sidebar{position:sticky!important;top:96px!important;align-self:start;max-height:calc(100vh - 116px);overflow:auto;scrollbar-width:thin;padding-bottom:4px;z-index:20}
.store-page-shell .store-filter{border-radius:22px!important;box-shadow:0 14px 35px rgba(15,23,42,.08)!important}
.store-page-shell .store-side-info{border-radius:18px!important}
.store-page-shell .store-featured-sections{padding:0!important;background:transparent!important}
.store-page-shell .store-featured-sections>.store-container{width:100%!important;max-width:none!important;padding:0!important}
.store-page-shell .featured-block{margin-bottom:34px}
.store-page-shell .store-market{padding:0!important;background:transparent!important}
.store-page-shell .store-market__layout{display:block!important}
.store-page-shell .store-market__toolbar{margin-bottom:20px}

@media(max-width:980px){
  .store-page-shell__grid{grid-template-columns:1fr}
  .store-page-shell .store-market__sidebar{position:static!important;max-height:none;overflow:visible;grid-row:1}
  .store-page-shell .store-filter__catalogs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-profile--refined{align-items:flex-start;flex-direction:column}
  .store-profile__cart{align-self:stretch}
}
@media(max-width:640px){
  .store-hero--refined{min-height:auto!important}
  .store-hero--refined .store-hero__content{padding-block:24px!important}
  .store-profile--refined{padding:22px 18px;border-radius:20px;gap:22px}
  .store-profile--refined .store-profile__identity{align-items:flex-start;gap:16px}
  .store-profile--refined .store-profile__logo,.store-profile--refined .store-profile__fallback{width:76px;height:76px;flex-basis:76px;border-radius:20px}
  .store-profile--refined .store-profile__title{font-size:1.8rem!important}
  .store-profile--refined .store-profile__description{font-size:.9rem!important}
  .store-profile__meta{gap:6px!important}.store-profile__meta span{font-size:.72rem!important;padding:6px 9px!important}
  .store-page-shell{padding-top:20px}
  .store-page-shell .store-filter__catalogs{grid-template-columns:1fr}
}

/* ===== dashboard.css ===== */
:root {
    --panel-primary: #3b71b9;
    --panel-primary-dark: #2f5f9f;
    --panel-secondary: #5bc4bf;
    --panel-dark: #111827;
    --panel-text: #1f2937;
    --panel-muted: #64748b;
    --panel-bg: #f4f7fb;
    --panel-surface: #ffffff;
    --panel-border: #e2e8f0;
    --panel-success: #16a34a;
    --panel-danger: #dc2626;

    --panel-sidebar-width: 270px;
    --panel-radius-sm: 10px;
    --panel-radius-md: 14px;
    --panel-radius-lg: 20px;

    --panel-shadow-sm:
        0 6px 18px rgba(15, 23, 42, 0.06);

    --panel-shadow-md:
        0 14px 34px rgba(15, 23, 42, 0.09);

    --panel-shadow-lg:
        0 20px 46px rgba(15, 23, 42, 0.13);

    --panel-transition: 0.22s ease;
}

/* =========================================================
   Reset
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    direction: rtl;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--panel-text);
    background: var(--panel-bg);
    font-family: Arial, Tahoma, sans-serif;
    line-height: 1.7;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg {
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
}

/* =========================================================
   Main Panel Layout
========================================================= */

.vendor-panel {
    min-height: 100vh;
}

.vendor-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: var(--panel-sidebar-width);
    display: flex;
    flex-direction: column;
    padding: 22px 18px;
    color: #fff;
    background:
        radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--panel-secondary) 26%, transparent), transparent 34%),
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--panel-primary) 48%, #081426) 0%,
            color-mix(in srgb, var(--panel-primary) 24%, #081426) 58%,
            #081426 100%
        );
    box-shadow: -12px 0 34px rgba(15, 23, 42, 0.16);
}

.vendor-panel__main {
    min-height: 100vh;
    margin-right: var(--panel-sidebar-width);
}

.vendor-content {
    width: min(1380px, calc(100% - 40px));
    margin-inline: auto;
    padding-block: 28px 44px;
}

/* =========================================================
   Sidebar
========================================================= */

.vendor-sidebar__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 4px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.vendor-sidebar__brand-mark,
.vendor-topbar__avatar {
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 800;
    background:
        linear-gradient(
            135deg,
            var(--panel-primary),
            var(--panel-secondary)
        );
}

.vendor-sidebar__brand-mark {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border-radius: 15px;
}

.vendor-sidebar__brand strong,
.vendor-sidebar__brand span,
.vendor-topbar__title span,
.vendor-topbar__title strong,
.vendor-topbar__user strong,
.vendor-topbar__user span {
    display: block;
}

.vendor-sidebar__brand strong {
    font-size: 1.05rem;
}

.vendor-sidebar__brand span {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 0.84rem;
}

.vendor-sidebar__nav {
    display: grid;
    gap: 7px;
    margin-top: 24px;
}

.vendor-sidebar__nav a,
.vendor-sidebar__logout button {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    color: #dbeafe;
    text-align: right;
    background: transparent;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    transition:
        color var(--panel-transition),
        background var(--panel-transition),
        transform var(--panel-transition);
}

.vendor-sidebar__nav a:hover,
.vendor-sidebar__nav a.is-active,
.vendor-sidebar__logout button:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.11);
    transform: translateX(-2px);
}

.vendor-sidebar__nav a.is-active {
    box-shadow: inset -4px 0 0 var(--panel-secondary);
}

.vendor-sidebar__icon {
    width: 28px;
    display: inline-grid;
    place-items: center;
    font-size: 1.15rem;
}

.vendor-sidebar__logout {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* =========================================================
   Topbar
========================================================= */

.vendor-topbar {
    position: sticky;
    top: 0;
    z-index: 900;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 28px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--panel-border);
    backdrop-filter: blur(12px);
}

.vendor-topbar__menu {
    display: none;
    width: 44px;
    height: 44px;
    place-items: center;
    color: var(--panel-dark);
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 12px;
    cursor: pointer;
}

.vendor-topbar__title span {
    color: var(--panel-muted);
    font-size: 0.82rem;
}

.vendor-topbar__title strong {
    color: var(--panel-dark);
    font-size: 1.15rem;
}

.vendor-topbar__user {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.vendor-topbar__user span {
    color: var(--panel-muted);
    font-size: 0.8rem;
}

.vendor-topbar__avatar {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
}

/* =========================================================
   Alerts
========================================================= */

.vendor-alert {
    margin-bottom: 20px;
    padding: 14px 17px;
    border-radius: 12px;
    font-weight: 700;
}

.vendor-alert--success {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
}

.vendor-alert--error {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fecaca;
}

/* =========================================================
   Dashboard Base
========================================================= */

.vendor-dashboard {
    display: grid;
    gap: 28px;
}

.vendor-dashboard__welcome {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            var(--panel-dark),
            var(--panel-primary)
        );
    border-radius: 22px;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-dashboard__welcome::before,
.vendor-dashboard__welcome::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.vendor-dashboard__welcome::before {
    width: 220px;
    height: 220px;
    top: -120px;
    left: -80px;
}

.vendor-dashboard__welcome::after {
    width: 160px;
    height: 160px;
    right: -60px;
    bottom: -90px;
}

.vendor-dashboard__welcome > * {
    position: relative;
    z-index: 1;
}

.vendor-dashboard__eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 6px 12px;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
}

.vendor-dashboard__welcome h1 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.25;
}

.vendor-dashboard__welcome p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.vendor-dashboard__store-link {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    color: var(--panel-primary);
    font-weight: 800;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
    transition:
        transform var(--panel-transition),
        box-shadow var(--panel-transition);
}

.vendor-dashboard__store-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.20);
}

/* =========================================================
   Section Headers
========================================================= */

.vendor-dashboard__section {
    display: grid;
    gap: 18px;
}

.vendor-dashboard__section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.vendor-dashboard__section-header h2 {
    margin: 0 0 5px;
    color: var(--panel-dark);
    font-size: 1.45rem;
}

.vendor-dashboard__section-header p {
    margin: 0;
    color: var(--panel-muted);
}

.vendor-dashboard__section-link {
    flex: 0 0 auto;
    padding: 8px 13px;
    color: var(--panel-primary);
    font-weight: 700;
    background: #eff6ff;
    border-radius: 10px;
    transition:
        color var(--panel-transition),
        background var(--panel-transition),
        transform var(--panel-transition);
}

.vendor-dashboard__section-link:hover {
    color: #fff;
    background: var(--panel-primary);
    transform: translateY(-1px);
}

/* =========================================================
   Statistics
========================================================= */

.vendor-dashboard__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vendor-dashboard__stat-card {
    min-height: 118px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 24px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
    transition:
        transform var(--panel-transition),
        box-shadow var(--panel-transition),
        border-color var(--panel-transition);
}

.vendor-dashboard__stat-card:hover {
    transform: translateY(-4px);
    border-color: #bfdbfe;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-dashboard__stat-icon {
    position: relative;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
    padding: 0;
    color: #fff;
    line-height: 0;
    background:
        linear-gradient(
            135deg,
            var(--panel-primary),
            var(--panel-secondary)
        );
    border-radius: 16px;
}

.vendor-dashboard__stat-icon > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    display: block;
    margin: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: translate(-50%, -50%);
}

.vendor-dashboard__stat-card strong,
.vendor-dashboard__stat-card span {
    display: block;
}

.vendor-dashboard__stat-card strong {
    color: var(--panel-dark);
    font-size: 2rem;
    line-height: 1.15;
}

.vendor-dashboard__stat-card div > span {
    margin-top: 4px;
    color: var(--panel-muted);
    font-size: 0.92rem;
}

/* =========================================================
   Quick Actions
========================================================= */

.vendor-dashboard__quick-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vendor-dashboard__quick-card {
    min-width: 0;
    min-height: 126px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 22px;
    color: var(--panel-dark);
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
    transition:
        transform var(--panel-transition),
        box-shadow var(--panel-transition),
        border-color var(--panel-transition);
}

.vendor-dashboard__quick-card:hover {
    transform: translateY(-5px);
    border-color: #bfdbfe;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-dashboard__quick-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            var(--panel-primary),
            var(--panel-secondary)
        );
    border-radius: 15px;
}

.vendor-dashboard__quick-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vendor-dashboard__quick-card h3 {
    margin: 0 0 6px;
    color: var(--panel-dark);
}

.vendor-dashboard__quick-card p {
    margin: 0;
    color: var(--panel-muted);
    font-size: 0.94rem;
}

.vendor-dashboard__quick-arrow {
    color: var(--panel-primary);
    font-size: 1.35rem;
    font-weight: 800;
}

/* =========================================================
   Product Cards
========================================================= */

.vendor-dashboard__product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vendor-dashboard__product-card {
    min-width: 0;
    overflow: hidden;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
    transition:
        transform var(--panel-transition),
        box-shadow var(--panel-transition),
        border-color var(--panel-transition);
}

.vendor-dashboard__product-card:hover {
    transform: translateY(-5px);
    border-color: #bfdbfe;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-dashboard__product-card-media {
    height: 200px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #94a3b8;
    background: #f1f5f9;
}

.vendor-dashboard__product-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vendor-dashboard__product-card-media svg {
    width: 42px;
    height: 42px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vendor-dashboard__product-card-body {
    padding: 18px;
}

.vendor-dashboard__product-card-catalog {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 5px 9px;
    color: var(--panel-primary);
    font-size: 0.8rem;
    font-weight: 700;
    background: #eff6ff;
    border-radius: 999px;
}

.vendor-dashboard__product-card h3 {
    margin: 0 0 16px;
    overflow: hidden;
    color: var(--panel-dark);
    font-size: 1.05rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vendor-dashboard__product-card-action {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    background: var(--panel-primary);
    border-radius: 10px;
    transition:
        background var(--panel-transition),
        transform var(--panel-transition);
}

.vendor-dashboard__product-card-action:hover {
    background: var(--panel-primary-dark);
    transform: translateY(-1px);
}

/* =========================================================
   Catalog Cards
========================================================= */

.vendor-dashboard__catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vendor-dashboard__catalog-card {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
    transition:
        transform var(--panel-transition),
        box-shadow var(--panel-transition),
        border-color var(--panel-transition);
}

.vendor-dashboard__catalog-card:hover {
    transform: translateY(-4px);
    border-color: #bfdbfe;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-dashboard__catalog-card-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    color: var(--panel-primary);
    background: #eff6ff;
    border-radius: 14px;
}

.vendor-dashboard__catalog-card-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vendor-dashboard__catalog-card h3 {
    margin: 0 0 4px;
    color: var(--panel-dark);
    font-size: 1rem;
}

.vendor-dashboard__catalog-card span {
    color: var(--panel-muted);
    font-size: 0.88rem;
}

/* =========================================================
   Shared Cards / Empty State
========================================================= */

.vendor-dashboard__info-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    padding: 24px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
}

.vendor-dashboard__info-label {
    display: block;
    margin-bottom: 7px;
    color: var(--panel-muted);
    font-size: 0.88rem;
}

.vendor-dashboard__info-card h2,
.vendor-dashboard__info-card strong {
    margin: 0;
    color: var(--panel-dark);
    word-break: break-word;
}

.vendor-dashboard__empty {
    padding: 32px;
    color: var(--panel-muted);
    text-align: center;
    background: #f8fafc;
    border: 1px dashed var(--panel-border);
    border-radius: 14px;
}

/* =========================================================
   Sidebar Overlay
========================================================= */

.vendor-sidebar-overlay {
    display: none;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 1080px) {
    .vendor-dashboard__product-grid,
    .vendor-dashboard__catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .vendor-sidebar {
        right: auto;
        left: auto;
        transform: translateX(110%);
        transition: transform 0.25s ease;
    }

    .vendor-sidebar.is-open {
        transform: translateX(0);
    }

    .vendor-panel__main {
        margin-right: 0;
    }

    .vendor-topbar__menu {
        display: grid;
    }

    .vendor-sidebar-overlay {
        position: fixed;
        inset: 0;
        z-index: 1100;
        display: block;
        pointer-events: none;
        background: rgba(15, 23, 42, 0.54);
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .vendor-sidebar-overlay.is-visible {
        pointer-events: auto;
        opacity: 1;
    }

    .vendor-dashboard__quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .vendor-dashboard__stats {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .vendor-content {
        width: min(100% - 22px, 1380px);
        padding-block: 18px 32px;
    }

    .vendor-topbar {
        padding-inline: 12px;
    }

    .vendor-topbar__title span,
    .vendor-topbar__user > div:first-child {
        display: none;
    }

    .vendor-dashboard__welcome {
        min-height: auto;
        align-items: stretch;
        flex-direction: column;
        padding: 24px;
    }

    .vendor-dashboard__store-link {
        width: 100%;
    }

    .vendor-dashboard__section-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .vendor-dashboard__section-link {
        width: 100%;
        text-align: center;
    }

    .vendor-dashboard__quick-grid,
    .vendor-dashboard__product-grid,
    .vendor-dashboard__catalog-grid,
    .vendor-dashboard__info-card {
        grid-template-columns: 1fr;
    }

    .vendor-dashboard__product-card-media {
        height: 220px;
    }
}

@media (max-width: 480px) {
    .vendor-sidebar {
        width: min(290px, 86vw);
    }

    .vendor-dashboard__welcome {
        padding: 20px;
        border-radius: 16px;
    }

    .vendor-dashboard__quick-card {
        grid-template-columns: auto 1fr;
        padding: 18px;
    }

    .vendor-dashboard__quick-arrow {
        display: none;
    }

    .vendor-dashboard__stat-card {
        min-height: 104px;
        padding: 18px;
    }

    .vendor-dashboard__stat-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .vendor-dashboard__stat-icon > svg {
        width: 25px;
        height: 25px;
    }
}

/* Precise icon centering */
.vendor-dashboard__quick-icon,
.vendor-dashboard__catalog-card-icon,
.vendor-sidebar__brand-mark,
.vendor-topbar__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.vendor-dashboard__quick-icon svg,
.vendor-dashboard__catalog-card-icon svg {
    display: block;
    margin: 0;
}
/* Vendor analytics v0.9.2 */
.analytics-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:20px 0}.analytics-stat-card{background:var(--vendor-surface,#fff);border:1px solid var(--vendor-border,#e7e9ee);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.analytics-stat-card strong{display:block;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1;margin-bottom:9px}.analytics-stat-card span{color:var(--vendor-muted,#64748b);font-size:.92rem}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;margin-bottom:20px}.analytics-chart-card{overflow:hidden}.analytics-chart{height:245px;display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding:28px 4px 0}.analytics-chart__column{min-width:18px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:215px}.analytics-chart__value{font-size:.7rem;color:#64748b;margin-bottom:4px}.analytics-chart__bar{width:100%;max-width:22px;min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--vendor-primary,#2563eb),#60a5fa)}.analytics-chart__column small{font-size:.65rem;color:#94a3b8;margin-top:7px;white-space:nowrap}.analytics-ranking{display:grid;gap:10px}.analytics-ranking__item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--vendor-border,#e7e9ee);text-decoration:none;color:inherit}.analytics-ranking__item>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-weight:700}.analytics-ranking__item div{display:grid;gap:3px}.analytics-ranking__item small,.analytics-simple-list span{color:#64748b}.analytics-simple-list{display:grid;gap:10px}.analytics-simple-list a{display:flex;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--vendor-border,#e7e9ee);border-radius:13px;text-decoration:none;color:inherit}.analytics-grid--bottom{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1100px){.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.analytics-grid,.analytics-grid--bottom{grid-template-columns:1fr}.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-chart{gap:8px}.analytics-chart__column{min-width:20px}}@media(max-width:460px){.analytics-stats{grid-template-columns:1fr 1fr;gap:10px}.analytics-stat-card{padding:15px}.analytics-simple-list a{align-items:flex-start;flex-direction:column;gap:4px}}

.cart-layout,.checkout-form{display:grid;gap:20px}.cart-list{display:grid;gap:14px}.cart-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;flex-wrap:wrap}.cart-item img{width:82px;height:82px;object-fit:cover;border-radius:12px}.cart-item form{display:flex;gap:8px;align-items:center}.cart-item input,.checkout-form input,.checkout-form textarea,.vendor-filter-bar input,.vendor-filter-bar select,.vendor-card select{padding:11px;border:1px solid #d1d5db;border-radius:10px}.checkout-form{max-width:720px}.checkout-form label{display:grid;gap:7px}.checkout-form textarea{min-height:130px}.cart-actions,.vendor-filter-bar{display:flex;gap:10px;flex-wrap:wrap}.product-cart-form{display:flex;gap:10px;align-items:center}.product-cart-form input{width:70px;padding:10px;border:1px solid #ddd;border-radius:10px}.vendor-card{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px}.vendor-table-wrap{overflow:auto}.vendor-table{width:100%;border-collapse:collapse;background:#fff}.vendor-table th,.vendor-table td{padding:14px;border-bottom:1px solid #eee;text-align:right}@media(max-width:700px){.cart-item{align-items:flex-start}.cart-item form{width:100%}}

/* v0.9.4 improved dashboard header and orders */
.vendor-topbar{min-height:78px;padding:12px 24px;border-bottom:1px solid #e7edf5;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(15,23,42,.04)}.vendor-topbar__title{display:flex;flex-direction:column;gap:3px}.vendor-topbar__breadcrumb{font-size:11px!important;color:#8290a5!important;font-weight:700}.vendor-topbar__title strong{font-size:20px;color:#172033}.vendor-topbar__quick-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.vendor-topbar__quick-actions a{padding:9px 13px;border:1px solid #dbe4f0;border-radius:10px;text-decoration:none;color:#344054;background:#fff;font-weight:800;font-size:13px}.vendor-topbar__quick-actions a:hover{border-color:#2563eb;color:#1d4ed8}.vendor-topbar__orders{background:#eff6ff!important;color:#1d4ed8!important}.vendor-topbar__avatar{box-shadow:0 0 0 4px #eef4ff}.orders-page{display:grid;gap:20px}.orders-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#172554,#1d4ed8);color:#fff;box-shadow:0 18px 45px rgba(29,78,216,.2)}.orders-hero>div>span{font-size:12px;font-weight:900;opacity:.75}.orders-hero h1{margin:7px 0;font-size:30px}.orders-hero p{margin:0;opacity:.84}.orders-hero__stats{display:flex;gap:12px}.orders-hero__stats div{min-width:110px;padding:14px;border-radius:16px;background:rgba(255,255,255,.12);text-align:center}.orders-hero__stats strong,.orders-hero__stats span{display:block}.orders-hero__stats strong{font-size:24px}.orders-hero__stats span{font-size:11px;opacity:.8}.orders-filter{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto auto;gap:12px;align-items:end;padding:18px;border:1px solid #e5ebf3;border-radius:18px;background:#fff}.orders-filter>div{display:grid;gap:6px}.orders-filter label{font-size:12px;font-weight:900;color:#475467}.orders-filter input,.orders-filter select{height:44px;padding:0 12px;border:1px solid #d8e0eb;border-radius:11px;background:#fff}.orders-table-card{overflow:hidden;border:1px solid #e4eaf2;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.05)}.orders-table-scroll{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{padding:15px;background:#f7f9fc;text-align:right;color:#667085;font-size:12px}.orders-table td{padding:16px;border-top:1px solid #edf1f6;vertical-align:middle}.orders-table td strong,.orders-table td small{display:block}.orders-table td small{margin-top:4px;color:#98a2b3}.orders-phone{color:#1d4ed8;text-decoration:none;font-weight:800}.orders-count{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#f2f4f7;font-weight:900}.order-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#f2f4f7;color:#475467}.order-status--new{background:#fff7ed;color:#c2410c}.order-status--confirmed{background:#ecfdf3;color:#027a48}.order-status--completed{background:#eff6ff;color:#1d4ed8}.order-status--cancelled{background:#fef2f2;color:#b42318}.order-actions{display:flex;gap:7px;flex-wrap:wrap}.order-actions form{margin:0}.order-action{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 13px;border:0;border-radius:10px;text-decoration:none;font-weight:900;font-size:12px;cursor:pointer}.order-action--details{background:#f2f4f7;color:#344054}.order-action--confirm,.order-action--search{background:#16a34a;color:#fff}.order-action--delete{background:#fff1f2;color:#be123c}.order-action--reset{border:1px solid #d8e0eb;color:#475467;background:#fff}.orders-empty{padding:35px;text-align:center;color:#667085}.orders-pagination{padding-top:4px}@media(max-width:900px){.vendor-topbar__quick-actions{display:none}.orders-filter{grid-template-columns:1fr 1fr}.orders-hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.orders-filter{grid-template-columns:1fr}.orders-hero__stats{width:100%}.orders-hero__stats div{flex:1}.vendor-topbar__user div:first-child{display:none}}

/* v1.0 order notifications and dashboard polish */
.vendor-nav-label { flex: 1; }
.vendor-nav-badge { min-width: 24px; height: 24px; display: inline-grid; place-items: center; padding: 0 7px; border-radius: 999px; color: #fff; background: #ef4444; font-size: .72rem; }
.vendor-notifications { position: relative; }
.vendor-notifications summary { list-style: none; min-height: 42px; display: flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid var(--panel-border); border-radius: 12px; background: #fff; cursor: pointer; }
.vendor-notifications summary::-webkit-details-marker { display: none; }
.vendor-notifications summary span { min-width: 20px; height: 20px; display: grid; place-items: center; padding: 0 5px; border-radius: 99px; color: #fff; background: #ef4444; font-size: .68rem; }
.vendor-notifications__panel { position: absolute; top: calc(100% + 10px); left: 0; width: min(380px, 86vw); overflow: hidden; background: #fff; border: 1px solid var(--panel-border); border-radius: 16px; box-shadow: var(--panel-shadow-lg); }
.vendor-notifications__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; background: #f8fafc; border-bottom: 1px solid var(--panel-border); }
.vendor-notifications__header button { padding: 0; color: var(--panel-primary); background: none; border: 0; cursor: pointer; font-size: .78rem; }
.vendor-notifications__panel > a:not(.vendor-notifications__all) { display: grid; gap: 2px; padding: 13px 16px; border-bottom: 1px solid #eef2f7; }
.vendor-notifications__panel > a:hover { background: #f8fbff; }
.vendor-notifications__panel a span { color: var(--panel-muted); font-size: .82rem; }
.vendor-notifications__empty { padding: 26px 16px; color: var(--panel-muted); text-align: center; }
.vendor-notifications__all { display: block; padding: 12px 16px; color: var(--panel-primary); text-align: center; font-weight: 700; }
.dashboard-orders-card { margin-top: 22px; }
.dashboard-orders-list { display: grid; }
.dashboard-order-row { display: grid; grid-template-columns: minmax(180px, 1fr) 90px 120px 110px; align-items: center; gap: 14px; padding: 14px 4px; border-bottom: 1px solid var(--panel-border); }
.dashboard-order-row:last-child { border-bottom: 0; }
.dashboard-order-row.is-unread { margin-inline: -12px; padding-inline: 16px; background: #eff6ff; border-radius: 12px; }
.dashboard-order-row > div { display: grid; }
.dashboard-order-row > div span, .dashboard-order-row small { color: var(--panel-muted); }
.dashboard-unread-pill { display: inline-block; margin-inline-start: 6px; padding: 2px 8px; border-radius: 999px; color: #fff; background: #ef4444; font-size: .72rem; }
.orders-table tr.is-unread td { background: #f0f7ff; }
.orders-new-dot { display: inline-block; margin-inline-start: 7px; padding: 2px 7px; border-radius: 999px; color: #fff; background: #ef4444; font-size: .68rem; vertical-align: middle; }
@media (max-width: 860px) {
  .dashboard-order-row { grid-template-columns: 1fr auto; }
  .dashboard-order-row > :nth-child(2), .dashboard-order-row > :nth-child(4) { display: none; }
  .vendor-topbar__user { display: none; }
}

/* Dashboard icon cards and offers — v1.1.2 */
.analytics-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.analytics-stat-card {
    position: relative;
    min-height: 132px;
    display: flex;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    padding: 20px;
    border-inline-end: 4px solid var(--stat-accent, #2563eb);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.analytics-stat-card::after {
    content: "";
    position: absolute;
    inset: auto auto -34px -34px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: var(--stat-soft, #eff6ff);
    opacity: .75;
}
.analytics-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .09);
}
.analytics-stat-card__icon {
    position: relative;
    z-index: 1;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    color: var(--stat-accent, #2563eb);
    background: var(--stat-soft, #eff6ff);
    border-radius: 16px;
}
.analytics-stat-card__icon svg { width: 27px; height: 27px; }
.analytics-stat-card__content { position: relative; z-index: 1; min-width: 0; }
.analytics-stat-card__content strong { margin: 0 0 8px; color: #123a70; }
.analytics-stat-card__content span { display: block; }
.analytics-stat-card--blue { --stat-accent:#2563eb; --stat-soft:#eff6ff; }
.analytics-stat-card--violet { --stat-accent:#7c3aed; --stat-soft:#f5f3ff; }
.analytics-stat-card--rose { --stat-accent:#e11d48; --stat-soft:#fff1f2; }
.analytics-stat-card--indigo { --stat-accent:#4f46e5; --stat-soft:#eef2ff; }
.analytics-stat-card--cyan { --stat-accent:#0891b2; --stat-soft:#ecfeff; }
.analytics-stat-card--emerald { --stat-accent:#059669; --stat-soft:#ecfdf5; }
.analytics-stat-card--green { --stat-accent:#16a34a; --stat-soft:#f0fdf4; }
.analytics-stat-card--amber { --stat-accent:#d97706; --stat-soft:#fffbeb; }
.analytics-stat-card--orange { --stat-accent:#ea580c; --stat-soft:#fff7ed; }
.analytics-stat-card--sky { --stat-accent:#0284c7; --stat-soft:#f0f9ff; }
.analytics-stat-card--teal { --stat-accent:#0f766e; --stat-soft:#f0fdfa; }
.analytics-grid--bottom { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-offers-card { border-top: 3px solid #e11d48; }
.dashboard-offers-list a { align-items: center; }
.dashboard-offers-list a > div { min-width: 0; display: grid; gap: 3px; }
.dashboard-offers-list small { color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-offer-badge {
    flex: 0 0 auto;
    padding: 4px 10px;
    color: #be123c !important;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
}
@media (max-width: 1180px) {
    .analytics-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .analytics-grid--bottom { grid-template-columns: 1fr 1fr; }
    .dashboard-offers-card { grid-column: 1 / -1; }
}
@media (max-width: 780px) {
    .analytics-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .analytics-grid--bottom { grid-template-columns: 1fr; }
    .dashboard-offers-card { grid-column: auto; }
}
@media (max-width: 480px) {
    .analytics-stat-card { min-height: 112px; padding: 15px; gap: 12px; }
    .analytics-stat-card__icon { width: 44px; height: 44px; flex-basis: 44px; border-radius: 13px; }
    .analytics-stat-card__icon svg { width: 23px; height: 23px; }
}

/* =========================================================
   Dynamic merchant identity — DigiMall v2.8.2
========================================================= */

.vendor-sidebar {
    isolation: isolate;
}

.vendor-sidebar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: -1;
    height: 5px;
    background: linear-gradient(90deg, var(--panel-primary), var(--panel-secondary));
}

.vendor-sidebar__brand-mark,
.vendor-topbar__avatar {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .22);
}

.vendor-sidebar__brand-mark img,
.vendor-topbar__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vendor-sidebar__brand-mark span,
.vendor-topbar__avatar span {
    line-height: 1;
}

.vendor-sidebar__brand-copy {
    min-width: 0;
}

.vendor-sidebar__brand-copy strong,
.vendor-sidebar__brand-copy span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vendor-sidebar__palette {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    padding: 11px 12px;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
}

.vendor-sidebar__palette > span {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    background: var(--brand-swatch);
    border: 2px solid rgba(255, 255, 255, .75);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}

.vendor-sidebar__palette small {
    margin-inline-start: 3px;
    font-size: .73rem;
    font-weight: 700;
}

.vendor-sidebar__nav a.is-active {
    background: linear-gradient(90deg, color-mix(in srgb, var(--panel-primary) 32%, transparent), rgba(255,255,255,.08));
    box-shadow: inset -4px 0 0 var(--panel-secondary);
}

.vendor-topbar {
    border-bottom-color: color-mix(in srgb, var(--panel-primary) 14%, var(--panel-border));
}

.vendor-topbar__quick-actions > a:hover,
.vendor-notifications summary:hover {
    color: var(--panel-primary);
    border-color: color-mix(in srgb, var(--panel-primary) 46%, var(--panel-border));
}

.vendor-topbar__avatar {
    background: var(--panel-primary-soft);
    box-shadow: 0 0 0 4px var(--panel-primary-soft);
}

.vendor-dashboard__section-link,
.vendor-dashboard__product-card-catalog,
.vendor-dashboard__catalog-card-icon,
.vendor-counter,
.analytics-ranking__item > span {
    background: var(--panel-primary-soft);
}

.vendor-dashboard__stat-card:hover,
.vendor-dashboard__quick-card:hover,
.vendor-dashboard__product-card:hover,
.vendor-dashboard__catalog-card:hover {
    border-color: color-mix(in srgb, var(--panel-primary) 32%, var(--panel-border));
}

.vendor-field input:focus,
.vendor-field select:focus,
.vendor-field textarea:focus,
.vendor-filter-bar input:focus,
.vendor-filter-bar select:focus {
    border-color: var(--panel-primary);
    box-shadow: 0 0 0 4px var(--panel-primary-soft);
    outline: 0;
}

@media (max-width: 980px) {
    .vendor-sidebar__palette {
        margin-bottom: 12px;
    }
}

/* ===== dashboard-digicode.css ===== */
@font-face{font-family:"Cairo";src:url("../fonts/Cairo-Regular.ttf") format("truetype");font-display:swap}
:root{--panel-primary:#3b71b9;--panel-primary-dark:#285d9f;--panel-secondary:#5bc4bf;--panel-dark:#081426;--panel-text:#122033;--panel-muted:#64748b;--panel-bg:#f5f8fc;--panel-surface:#fff;--panel-border:#dce6f1;--panel-radius-sm:12px;--panel-radius-md:16px;--panel-radius-lg:22px;--panel-shadow-sm:0 8px 24px rgba(8,20,38,.055);--panel-shadow-md:0 18px 46px rgba(8,20,38,.09)}
body{font-family:"Cairo",Tahoma,Arial,sans-serif!important;background:radial-gradient(circle at 80% -20%,rgba(91,196,191,.12),transparent 28%),var(--panel-bg)!important}
.vendor-sidebar{background:linear-gradient(180deg,#081426 0%,#0d2442 62%,#163b67 100%)!important;box-shadow:-14px 0 42px rgba(8,20,38,.18)!important}
.vendor-sidebar:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-120px;bottom:80px;background:radial-gradient(circle,rgba(91,196,191,.24),transparent 70%);pointer-events:none}
.vendor-sidebar__brand-mark,.vendor-topbar__avatar{background:linear-gradient(135deg,#3b71b9,#5bc4bf)!important;box-shadow:0 10px 24px rgba(91,196,191,.2)}
.vendor-sidebar__nav a,.vendor-sidebar__logout button{border:1px solid transparent!important;font-weight:700!important}
.vendor-sidebar__nav a:hover,.vendor-sidebar__nav a.is-active{background:linear-gradient(90deg,rgba(59,113,185,.28),rgba(91,196,191,.13))!important;border-color:rgba(91,196,191,.22)!important;box-shadow:inset -4px 0 0 #5bc4bf!important}
.vendor-topbar{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px)!important;box-shadow:0 8px 24px rgba(8,20,38,.04)!important}
.vendor-content{padding-top:32px!important}
.vendor-card,.vendor-panel-card,.vendor-table-wrap,.vendor-form-card,.dashboard-card,.vendor-stat-card,.vendor-content section{border-color:var(--panel-border)!important;border-radius:20px!important;box-shadow:var(--panel-shadow-sm)!important}
.vendor-btn--primary,.vendor-primary-button,.vendor-form button[type=submit]{background:linear-gradient(135deg,#3b71b9,#5bc4bf)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(59,113,185,.2)!important}
.vendor-btn,.vendor-form button,.vendor-action-button{border-radius:13px!important;font-weight:800!important;transition:.2s ease!important}
.vendor-btn:hover,.vendor-form button:hover,.vendor-action-button:hover{transform:translateY(-2px)!important}
.vendor-form input,.vendor-form textarea,.vendor-form select,.vendor-filter input,.vendor-filter select{border-color:var(--panel-border)!important;border-radius:13px!important;background:#fff!important}
.vendor-form input:focus,.vendor-form textarea:focus,.vendor-form select:focus,.vendor-filter input:focus,.vendor-filter select:focus{outline:0!important;border-color:#5bc4bf!important;box-shadow:0 0 0 4px rgba(91,196,191,.14)!important}
.vendor-table th{background:#f1f6fb!important;color:#38506b!important}
.vendor-table tr:hover td{background:#f8fbfe!important}
.vendor-alert{border-radius:16px!important;box-shadow:0 8px 24px rgba(8,20,38,.05)!important}
.vendor-empty-state{border:1px dashed #bfd0e2!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;border-radius:22px!important}

/* ===== dashboard-refresh.css ===== */
/* DigiMall v2.8.3 — dashboard and merchant-brand refinement */

.dashboard-v283 {
    display: grid;
    gap: 24px;
}

.dashboard-brand-hero {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    background:
        radial-gradient(circle at 12% 10%, rgba(var(--panel-secondary-rgb), .34), transparent 32%),
        linear-gradient(135deg, var(--panel-primary-dark), color-mix(in srgb, var(--panel-primary) 38%, #071221));
    border-radius: 26px;
    box-shadow: 0 24px 56px rgba(15, 23, 42, .18);
    isolation: isolate;
}

.dashboard-brand-hero::after {
    content: "";
    position: absolute;
    inset-inline-end: -70px;
    bottom: -150px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(255, 255, 255, .035),
        0 0 0 88px rgba(255, 255, 255, .025);
    z-index: -1;
}

.dashboard-brand-hero__cover,
.dashboard-brand-hero__veil {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.dashboard-brand-hero__cover {
    object-fit: cover;
    z-index: -3;
}

.dashboard-brand-hero__veil {
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(5, 14, 28, .94), rgba(5, 14, 28, .68) 58%, rgba(5, 14, 28, .38)),
        linear-gradient(135deg, rgba(var(--panel-primary-rgb), .58), rgba(var(--panel-secondary-rgb), .22));
}

.dashboard-brand-hero__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 36px 38px 26px;
}

.dashboard-brand-hero__identity {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 22px;
}

.dashboard-brand-hero__logo {
    width: 104px;
    height: 104px;
    flex: 0 0 104px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--panel-primary-contrast);
    background: var(--panel-primary);
    border: 5px solid rgba(255, 255, 255, .88);
    border-radius: 27px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .25);
    font-size: 2.1rem;
    font-weight: 900;
}

.dashboard-brand-hero__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
}

.dashboard-brand-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.dashboard-status,
.dashboard-soft-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    color: rgba(255, 255, 255, .92);
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 999px;
    backdrop-filter: blur(8px);
    font-size: .76rem;
    font-weight: 800;
}

.dashboard-status i {
    width: 8px;
    height: 8px;
    background: #94a3b8;
    border-radius: 50%;
}

.dashboard-status.is-live i {
    background: #4ade80;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, .14);
}

.dashboard-status.is-paused i {
    background: #fbbf24;
    box-shadow: 0 0 0 4px rgba(251, 191, 36, .14);
}

.dashboard-brand-hero__eyebrow {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .72);
    font-size: .86rem;
    font-weight: 800;
}

.dashboard-brand-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.9rem, 4vw, 3rem);
    line-height: 1.22;
}

.dashboard-brand-hero p {
    max-width: 680px;
    margin: 10px 0 0;
    color: rgba(255, 255, 255, .78);
    line-height: 1.8;
}

.dashboard-brand-hero__actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-hero-btn {
    min-width: 154px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 14px;
    font-weight: 900;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.dashboard-hero-btn:hover {
    transform: translateY(-2px);
}

.dashboard-hero-btn--primary {
    color: var(--panel-primary-contrast);
    background: var(--panel-primary);
    box-shadow: 0 14px 30px rgba(var(--panel-primary-rgb), .30);
}

.dashboard-hero-btn--ghost {
    color: #fff;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .22);
}

.dashboard-brand-hero__footer {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 18px 38px;
    background: rgba(3, 10, 20, .32);
    border-top: 1px solid rgba(255, 255, 255, .11);
    backdrop-filter: blur(10px);
}

.dashboard-brand-hero__footer > div:first-child {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.dashboard-brand-hero__footer span,
.dashboard-brand-hero__footer small {
    color: rgba(255, 255, 255, .72);
}

.dashboard-brand-hero__footer strong {
    color: #fff;
    font-size: 1.2rem;
}

.dashboard-readiness-meter {
    height: 9px;
    overflow: hidden;
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
}

.dashboard-readiness-meter span {
    height: 100%;
    display: block;
    background: linear-gradient(90deg, var(--panel-primary), var(--panel-secondary));
    border-radius: inherit;
    box-shadow: 0 0 18px rgba(var(--panel-secondary-rgb), .45);
}

.dashboard-primary-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-primary-stat {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 19px;
    box-shadow: var(--panel-shadow-sm);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.dashboard-primary-stat:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--panel-primary) 30%, var(--panel-border));
    box-shadow: var(--panel-shadow-md);
}

.dashboard-primary-stat::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    background: linear-gradient(var(--panel-primary), var(--panel-secondary));
    border-radius: 999px;
}

.dashboard-primary-stat__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    background: var(--panel-primary-soft);
    border-radius: 15px;
    font-size: 1.28rem;
}

.dashboard-primary-stat strong,
.dashboard-primary-stat span,
.dashboard-primary-stat small {
    display: block;
}

.dashboard-primary-stat strong {
    color: var(--panel-dark);
    font-size: 1.55rem;
    line-height: 1.2;
}

.dashboard-primary-stat div span,
.dashboard-primary-stat small {
    color: var(--panel-muted);
    font-size: .8rem;
}

.dashboard-primary-stat > a {
    color: var(--panel-primary);
    font-size: .78rem;
    font-weight: 900;
}

.dashboard-operations-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 18px;
    box-shadow: var(--panel-shadow-sm);
}

.dashboard-operations-strip a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 62px;
    padding: 14px 18px;
    border-inline-end: 1px solid var(--panel-border);
    transition: background .2s ease;
}

.dashboard-operations-strip a:last-child {
    border-inline-end: 0;
}

.dashboard-operations-strip a:hover {
    background: var(--panel-primary-soft);
}

.dashboard-operations-strip span {
    color: var(--panel-muted);
    font-size: .84rem;
    font-weight: 700;
}

.dashboard-operations-strip strong {
    color: var(--panel-primary);
    font-size: 1.28rem;
}

.dashboard-main-grid,
.dashboard-two-column,
.dashboard-lower-grid {
    display: grid;
    gap: 20px;
    align-items: start;
}

.dashboard-main-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(330px, .85fr);
}

.dashboard-two-column {
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, .8fr);
}

.dashboard-lower-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-panel {
    min-width: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 21px;
    box-shadow: var(--panel-shadow-sm);
}

.dashboard-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.dashboard-panel__header--inline {
    align-items: center;
}

.dashboard-panel__kicker {
    display: block;
    margin-bottom: 3px;
    color: var(--panel-primary);
    font-size: .75rem;
    font-weight: 900;
}

.dashboard-panel h2 {
    margin: 0;
    color: var(--panel-dark);
    font-size: 1.25rem;
}

.dashboard-panel__header p {
    margin: 5px 0 0;
    color: var(--panel-muted);
    font-size: .85rem;
}

.dashboard-panel__metric,
.dashboard-panel__link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    color: var(--panel-primary);
    background: var(--panel-primary-soft);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
}

.dashboard-panel__link em {
    padding: 2px 6px;
    color: #fff;
    background: #dc2626;
    border-radius: 999px;
    font-style: normal;
    font-size: .68rem;
}

.dashboard-chart-panel {
    overflow: hidden;
}

.dashboard-chart {
    min-height: 230px;
    padding: 22px 8px 0;
    background:
        linear-gradient(to bottom, rgba(var(--panel-primary-rgb), .045) 1px, transparent 1px);
    background-size: 100% 46px;
    border-radius: 16px;
}

.dashboard-chart .analytics-chart__bar {
    background: linear-gradient(180deg, var(--panel-secondary), var(--panel-primary));
    box-shadow: 0 8px 18px rgba(var(--panel-primary-rgb), .15);
}

.dashboard-chart .analytics-chart__column:hover .analytics-chart__bar {
    filter: brightness(1.06);
}

.dashboard-score-ring {
    --score: 0;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: grid;
    place-items: center;
    color: var(--panel-primary);
    background:
        radial-gradient(circle closest-side, #fff 76%, transparent 78% 99%),
        conic-gradient(var(--panel-primary) calc(var(--score) * 1%), #e8edf4 0);
    border-radius: 50%;
    font-size: .78rem;
    font-weight: 900;
}

.dashboard-checklist {
    display: grid;
    gap: 10px;
}

.dashboard-checklist__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #edf1f6;
    border-radius: 14px;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.dashboard-checklist__item:hover {
    transform: translateX(-2px);
    background: var(--panel-primary-soft);
    border-color: color-mix(in srgb, var(--panel-primary) 25%, var(--panel-border));
}

.dashboard-checklist__state {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--panel-primary);
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

.dashboard-checklist__item.is-complete .dashboard-checklist__state {
    color: #166534;
    background: #dcfce7;
    border-color: #bbf7d0;
}

.dashboard-checklist__item strong,
.dashboard-checklist__item small {
    display: block;
}

.dashboard-checklist__item strong {
    color: var(--panel-dark);
    font-size: .88rem;
}

.dashboard-checklist__item small {
    margin-top: 2px;
    color: var(--panel-muted);
    font-size: .72rem;
}

.dashboard-checklist__item > b {
    color: var(--panel-primary);
}

.dashboard-orders-table,
.dashboard-product-ranking,
.dashboard-entity-list,
.dashboard-quick-actions {
    display: grid;
}

.dashboard-order-line {
    display: grid;
    grid-template-columns: minmax(145px, 1fr) minmax(145px, 1.2fr) auto auto;
    align-items: center;
    gap: 14px;
    min-height: 68px;
    padding: 12px 4px;
    border-top: 1px solid var(--panel-border);
}

.dashboard-order-line:first-child {
    border-top: 0;
}

.dashboard-order-line.is-unread {
    margin-inline: -10px;
    padding-inline: 12px;
    background: var(--panel-primary-soft);
    border-radius: 12px;
    border-top-color: transparent;
}

.dashboard-order-line strong,
.dashboard-order-line small {
    display: block;
}

.dashboard-order-line strong {
    color: var(--panel-dark);
    font-size: .85rem;
}

.dashboard-order-line small {
    color: var(--panel-muted);
    font-size: .72rem;
}

.dashboard-order-line__number strong {
    color: var(--panel-primary);
}

.dashboard-order-line > b {
    color: var(--panel-primary);
}

.dashboard-product-ranking__item,
.dashboard-entity-list > a,
.dashboard-quick-actions > a {
    display: grid;
    align-items: center;
    gap: 11px;
    padding: 11px 0;
    border-top: 1px solid var(--panel-border);
}

.dashboard-product-ranking__item:first-child,
.dashboard-entity-list > a:first-child,
.dashboard-quick-actions > a:first-child {
    border-top: 0;
}

.dashboard-product-ranking__item {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.dashboard-product-ranking__position {
    width: 25px;
    color: var(--panel-primary);
    font-size: .78rem;
    font-weight: 900;
    text-align: center;
}

.dashboard-product-ranking__media,
.dashboard-entity-list__media {
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--panel-primary);
    background: var(--panel-primary-soft);
    border-radius: 12px;
}

.dashboard-product-ranking__media {
    width: 44px;
    height: 44px;
}

.dashboard-entity-list__media {
    width: 48px;
    height: 48px;
}

.dashboard-product-ranking__media img,
.dashboard-entity-list__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashboard-product-ranking strong,
.dashboard-product-ranking small,
.dashboard-entity-list strong,
.dashboard-entity-list small {
    display: block;
}

.dashboard-product-ranking strong,
.dashboard-entity-list strong {
    overflow: hidden;
    color: var(--panel-dark);
    font-size: .86rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dashboard-product-ranking small,
.dashboard-entity-list small {
    margin-top: 2px;
    color: var(--panel-muted);
    font-size: .72rem;
}

.dashboard-product-ranking b,
.dashboard-entity-list b {
    color: var(--panel-primary);
}

.dashboard-entity-list > a {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.dashboard-entity-list em {
    padding: 4px 8px;
    color: #b42318;
    background: #fff1f0;
    border-radius: 999px;
    font-size: .7rem;
    font-style: normal;
    font-weight: 900;
}

.dashboard-package-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    background: linear-gradient(135deg, var(--panel-primary-soft), var(--panel-secondary-soft));
    border: 1px solid color-mix(in srgb, var(--panel-primary) 16%, var(--panel-border));
    border-radius: 16px;
}

.dashboard-package-card > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    background: #fff;
    border-radius: 14px;
}

.dashboard-package-card strong,
.dashboard-package-card small {
    display: block;
}

.dashboard-package-card strong {
    color: var(--panel-dark);
}

.dashboard-package-card small {
    margin-top: 2px;
    color: var(--panel-muted);
    font-size: .76rem;
}

.dashboard-quick-actions {
    margin-top: 12px;
}

.dashboard-quick-actions > a {
    grid-template-columns: auto minmax(0, 1fr);
}

.dashboard-quick-actions > a > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--panel-primary);
    background: var(--panel-primary-soft);
    border-radius: 11px;
    font-weight: 900;
}

.dashboard-quick-actions strong,
.dashboard-quick-actions small {
    display: block;
}

.dashboard-quick-actions strong {
    color: var(--panel-dark);
    font-size: .84rem;
}

.dashboard-quick-actions small {
    color: var(--panel-muted);
    font-size: .72rem;
}

.dashboard-empty-state {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    padding: 28px;
    color: var(--panel-muted);
    text-align: center;
    background: #f8fafc;
    border: 1px dashed var(--panel-border);
    border-radius: 16px;
}

.dashboard-empty-state--compact {
    min-height: 150px;
}

.dashboard-empty-state > span {
    font-size: 1.7rem;
}

.dashboard-empty-state h3,
.dashboard-empty-state p {
    margin: 0;
}

.dashboard-empty-state h3 {
    color: var(--panel-dark);
    font-size: 1rem;
}

.dashboard-empty-state p {
    font-size: .8rem;
}

.dashboard-empty-state a {
    margin-top: 7px;
    color: var(--panel-primary);
    font-weight: 900;
}

.vendor-sidebar__brand-mark img,
.vendor-topbar__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    background: #fff;
}

.vendor-sidebar__brand-mark,
.vendor-topbar__avatar {
    color: var(--panel-primary-contrast);
}

.vendor-sidebar__nav a.is-active {
    color: var(--panel-primary-contrast);
    background: var(--panel-primary);
    box-shadow: 0 10px 24px rgba(var(--panel-primary-rgb), .20);
}

.vendor-sidebar__nav a.is-active .vendor-nav-badge {
    color: var(--panel-primary);
    background: var(--panel-primary-contrast);
}

.vendor-sidebar__palette span {
    background: var(--brand-swatch);
}

@media (max-width: 1240px) {
    .dashboard-primary-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-main-grid,
    .dashboard-two-column {
        grid-template-columns: 1fr;
    }

    .dashboard-lower-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-account-panel {
        grid-column: 1 / -1;
    }
}

@media (max-width: 840px) {
    .dashboard-brand-hero__content {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px;
    }

    .dashboard-brand-hero__actions {
        width: 100%;
        flex-direction: row;
    }

    .dashboard-hero-btn {
        flex: 1;
    }

    .dashboard-brand-hero__footer {
        grid-template-columns: 1fr;
        gap: 9px;
        padding-inline: 28px;
    }

    .dashboard-operations-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-operations-strip a {
        border-bottom: 1px solid var(--panel-border);
    }

    .dashboard-lower-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-account-panel {
        grid-column: auto;
    }
}

@media (max-width: 620px) {
    .dashboard-v283 {
        gap: 16px;
    }

    .dashboard-brand-hero {
        min-height: auto;
        border-radius: 20px;
    }

    .dashboard-brand-hero__identity {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-brand-hero__logo {
        width: 82px;
        height: 82px;
        flex-basis: 82px;
        border-radius: 22px;
    }

    .dashboard-brand-hero h1 {
        font-size: 1.75rem;
    }

    .dashboard-brand-hero__actions {
        flex-direction: column;
    }

    .dashboard-primary-stats {
        grid-template-columns: 1fr;
    }

    .dashboard-primary-stat {
        padding: 17px;
    }

    .dashboard-operations-strip {
        grid-template-columns: 1fr;
    }

    .dashboard-operations-strip a {
        border-inline-end: 0;
    }

    .dashboard-panel {
        padding: 18px;
        border-radius: 18px;
    }

    .dashboard-panel__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-panel__header--inline {
        flex-direction: row;
    }

    .dashboard-chart {
        overflow-x: auto;
        min-width: 720px;
    }

    .dashboard-chart-panel {
        overflow-x: auto;
    }

    .dashboard-order-line {
        grid-template-columns: 1fr auto;
    }

    .dashboard-order-line > div:nth-child(2) {
        grid-column: 1;
    }

    .dashboard-order-line .order-status {
        grid-column: 2;
        grid-row: 1;
    }

    .dashboard-order-line > b {
        display: none;
    }
}

/* ===== products-admin.css ===== */
/* =========================================================
   Vendor Products Admin Page
========================================================= */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.vendor-products-page {
    display: grid;
    gap: 24px;
}

.vendor-products-page__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 26px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
}

.vendor-products-page__eyebrow {
    display: inline-flex;
    margin-bottom: 7px;
    color: var(--panel-primary);
    font-size: 0.86rem;
    font-weight: 800;
}

.vendor-products-page__header h1 {
    margin: 0 0 6px;
    color: var(--panel-dark);
    font-size: clamp(1.7rem, 4vw, 2.35rem);
    line-height: 1.3;
}

.vendor-products-page__header p {
    margin: 0;
    color: var(--panel-muted);
}

.vendor-products-page__create {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 17px;
    color: #fff;
    font-weight: 800;
    background: var(--panel-primary);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(59, 113, 185, 0.22);
    transition:
        background var(--panel-transition),
        transform var(--panel-transition),
        box-shadow var(--panel-transition);
}

.vendor-products-page__create:hover {
    background: var(--panel-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(59, 113, 185, 0.28);
}

.vendor-products-page__create span {
    font-size: 1.35rem;
    line-height: 1;
}

/* Statistics */
.vendor-products-page__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vendor-products-page__stat {
    padding: 20px 22px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-sm);
}

.vendor-products-page__stat span,
.vendor-products-page__stat strong {
    display: block;
}

.vendor-products-page__stat span {
    margin-bottom: 6px;
    color: var(--panel-muted);
    font-size: 0.9rem;
}

.vendor-products-page__stat strong {
    color: var(--panel-dark);
    font-size: 1.8rem;
    line-height: 1.15;
}

/* Toolbar */
.vendor-products-page__toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(190px, 260px) auto;
    align-items: end;
    gap: 14px;
    padding: 18px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-sm);
}

.vendor-products-page__search input,
.vendor-products-page__filter select {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    color: var(--panel-text);
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 11px;
    outline: 0;
    transition:
        border-color var(--panel-transition),
        box-shadow var(--panel-transition);
}

.vendor-products-page__search input:focus,
.vendor-products-page__filter select:focus {
    border-color: var(--panel-primary);
    box-shadow: 0 0 0 4px rgba(59, 113, 185, 0.10);
}

.vendor-products-page__filter span {
    display: block;
    margin-bottom: 6px;
    color: var(--panel-muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.vendor-products-page__reset {
    min-height: 46px;
    padding: 9px 15px;
    color: var(--panel-primary);
    font-weight: 800;
    background: #eff6ff;
    border: 0;
    border-radius: 11px;
    cursor: pointer;
    transition:
        color var(--panel-transition),
        background var(--panel-transition);
}

.vendor-products-page__reset:hover {
    color: #fff;
    background: var(--panel-primary);
}

/* Product Grid */
.vendor-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vendor-product-card {
    min-width: 0;
    overflow: hidden;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
    transition:
        transform var(--panel-transition),
        border-color var(--panel-transition),
        box-shadow var(--panel-transition);
}

.vendor-product-card:hover {
    transform: translateY(-5px);
    border-color: #bfdbfe;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-product-card[hidden] {
    display: none;
}

.vendor-product-card__media {
    position: relative;
    height: 220px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--panel-muted);
    background: #f1f5f9;
}

.vendor-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vendor-product-card__placeholder {
    padding: 20px;
    color: var(--panel-muted);
    text-align: center;
}

.vendor-product-card__images-count {
    position: absolute;
    inset-inline-end: 12px;
    bottom: 12px;
    padding: 5px 9px;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    background: rgba(15, 23, 42, 0.76);
    border-radius: 999px;
    backdrop-filter: blur(5px);
}

.vendor-product-card__body {
    padding: 18px;
}

.vendor-product-card__catalog {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 5px 9px;
    color: var(--panel-primary);
    font-size: 0.8rem;
    font-weight: 800;
    background: #eff6ff;
    border-radius: 999px;
}

.vendor-product-card h2 {
    margin: 0 0 14px;
    overflow: hidden;
    color: var(--panel-dark);
    font-size: 1.12rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vendor-product-card__meta {
    display: grid;
    gap: 9px;
    margin: 0 0 17px;
    padding: 13px;
    background: #f8fafc;
    border-radius: 12px;
}

.vendor-product-card__meta div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vendor-product-card__meta dt {
    color: var(--panel-muted);
    font-size: 0.82rem;
}

.vendor-product-card__meta dd {
    margin: 0;
    overflow: hidden;
    color: var(--panel-dark);
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vendor-product-card__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.vendor-product-card__actions form {
    min-width: 0;
}

.vendor-product-card__action {
    width: 100%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    font-weight: 800;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    transition:
        color var(--panel-transition),
        background var(--panel-transition),
        transform var(--panel-transition);
}

.vendor-product-card__action:hover {
    transform: translateY(-1px);
}

.vendor-product-card__action--edit {
    color: #fff;
    background: var(--panel-primary);
}

.vendor-product-card__action--edit:hover {
    background: var(--panel-primary-dark);
}

.vendor-product-card__action--view {
    color: #166534;
    background: #dcfce7;
}

.vendor-product-card__action--view:hover {
    color: #fff;
    background: var(--panel-success);
}

.vendor-product-card__action--delete {
    color: #991b1b;
    background: #fee2e2;
}

.vendor-product-card__action--delete:hover {
    color: #fff;
    background: var(--panel-danger);
}

/* Empty states */
.vendor-products-page__empty,
.vendor-products-page__empty-filter {
    padding: 40px 24px;
    color: var(--panel-muted);
    text-align: center;
    background: var(--panel-surface);
    border: 1px dashed var(--panel-border);
    border-radius: var(--panel-radius-lg);
}

.vendor-products-page__empty-icon {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    color: #fff;
    font-size: 1.8rem;
    background:
        linear-gradient(
            135deg,
            var(--panel-primary),
            var(--panel-secondary)
        );
    border-radius: 18px;
}

.vendor-products-page__empty h2 {
    margin: 0 0 7px;
    color: var(--panel-dark);
}

.vendor-products-page__empty p {
    margin: 0 0 18px;
}

.vendor-products-page__empty a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    color: #fff;
    font-weight: 800;
    background: var(--panel-primary);
    border-radius: 11px;
}

/* Responsive */
@media (max-width: 1100px) {
    .vendor-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .vendor-products-page__stats {
        grid-template-columns: 1fr;
    }

    .vendor-products-page__toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .vendor-products-page__reset {
        grid-column: 1 / -1;
    }
}

@media (max-width: 650px) {
    .vendor-products-page__header {
        align-items: stretch;
        flex-direction: column;
        padding: 21px;
    }

    .vendor-products-page__create {
        width: 100%;
    }

    .vendor-products-page__toolbar,
    .vendor-products-grid {
        grid-template-columns: 1fr;
    }

    .vendor-products-page__reset {
        grid-column: auto;
    }

    .vendor-product-card__media {
        height: 240px;
    }
}

@media (max-width: 420px) {
    .vendor-product-card__actions {
        grid-template-columns: 1fr;
    }
}

/* ===== catalogs-admin.css ===== */
/* =========================================================
   Catalogs Admin
========================================================= */

.vendor-catalogs-page,
.vendor-catalog-form-page {
    display: grid;
    gap: 24px;
}

.vendor-catalogs-page__header,
.vendor-catalog-form-page__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 26px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
}

.vendor-catalogs-page__eyebrow,
.vendor-catalog-form-page__header span {
    display: inline-flex;
    margin-bottom: 7px;
    color: var(--panel-primary);
    font-size: 0.86rem;
    font-weight: 800;
}

.vendor-catalogs-page__header h1,
.vendor-catalog-form-page__header h1 {
    margin: 0 0 6px;
    color: var(--panel-dark);
    font-size: clamp(1.7rem, 4vw, 2.35rem);
    line-height: 1.3;
}

.vendor-catalogs-page__header p,
.vendor-catalog-form-page__header p {
    margin: 0;
    color: var(--panel-muted);
}

.vendor-catalogs-page__create,
.vendor-catalog-form-page__header > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 17px;
    color: #fff;
    font-weight: 800;
    background: var(--panel-primary);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(59, 113, 185, 0.22);
}

.vendor-catalogs-page__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vendor-catalogs-page__stat {
    padding: 20px 22px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-sm);
}

.vendor-catalogs-page__stat span,
.vendor-catalogs-page__stat strong {
    display: block;
}

.vendor-catalogs-page__stat span {
    margin-bottom: 6px;
    color: var(--panel-muted);
    font-size: 0.9rem;
}

.vendor-catalogs-page__stat strong {
    color: var(--panel-dark);
    font-size: 1.8rem;
    line-height: 1.15;
}

/* Toolbar */
.vendor-catalogs-page__toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto;
    gap: 14px;
    padding: 18px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-sm);
}

.vendor-catalogs-page__toolbar input,
.vendor-catalogs-page__toolbar select {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    color: var(--panel-text);
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 11px;
    outline: 0;
}

.vendor-catalogs-page__toolbar input:focus,
.vendor-catalogs-page__toolbar select:focus {
    border-color: var(--panel-primary);
    box-shadow: 0 0 0 4px rgba(59, 113, 185, 0.10);
}

.vendor-catalogs-page__toolbar button {
    min-height: 46px;
    padding: 9px 15px;
    color: var(--panel-primary);
    font-weight: 800;
    background: #eff6ff;
    border: 0;
    border-radius: 11px;
    cursor: pointer;
}

/* Grid */
.vendor-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.vendor-catalog-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
    transition:
        transform var(--panel-transition),
        box-shadow var(--panel-transition),
        border-color var(--panel-transition);
}

.vendor-catalog-card:hover {
    transform: translateY(-5px);
    border-color: #bfdbfe;
    box-shadow: var(--panel-shadow-lg);
}

.vendor-catalog-card[hidden] {
    display: none;
}

.vendor-catalog-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.vendor-catalog-card__icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--panel-primary);
    background: #eff6ff;
    border-radius: 15px;
}

.vendor-catalog-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vendor-catalog-card__status {
    display: inline-flex;
    padding: 5px 10px;
    font-size: 0.8rem;
    font-weight: 800;
    border-radius: 999px;
}

.vendor-catalog-card__status.is-active {
    color: #166534;
    background: #dcfce7;
}

.vendor-catalog-card__status.is-inactive {
    color: #991b1b;
    background: #fee2e2;
}

.vendor-catalog-card__body {
    flex: 1;
    padding-block: 20px;
}

.vendor-catalog-card__body h2 {
    margin: 0 0 16px;
    color: var(--panel-dark);
    font-size: 1.22rem;
}

.vendor-catalog-card__count {
    padding: 14px;
    background: #f8fafc;
    border-radius: 12px;
}

.vendor-catalog-card__count strong,
.vendor-catalog-card__count span {
    display: block;
}

.vendor-catalog-card__count strong {
    color: var(--panel-primary);
    font-size: 1.55rem;
}

.vendor-catalog-card__count span {
    color: var(--panel-muted);
    font-size: 0.86rem;
}

.vendor-catalog-card__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.vendor-catalog-card__actions form {
    min-width: 0;
}

.vendor-catalog-card__action {
    width: 100%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    font-weight: 800;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
}

.vendor-catalog-card__action--edit {
    color: #fff;
    background: var(--panel-primary);
}

.vendor-catalog-card__action--products {
    color: #166534;
    background: #dcfce7;
}

.vendor-catalog-card__action--delete {
    color: #991b1b;
    background: #fee2e2;
}

.vendor-catalog-card__action--delete:disabled {
    color: #94a3b8;
    background: #e2e8f0;
    cursor: not-allowed;
}

/* Forms */
.vendor-catalog-form,
.vendor-catalog-form__errors {
    padding: 26px;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-lg);
    box-shadow: var(--panel-shadow-md);
}

.vendor-catalog-form {
    display: grid;
    gap: 24px;
}

.vendor-catalog-form__field label {
    display: block;
    margin-bottom: 8px;
    color: var(--panel-dark);
    font-weight: 800;
}

.vendor-catalog-form__field input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--panel-border);
    border-radius: 11px;
    outline: 0;
}

.vendor-catalog-form__field input:focus {
    border-color: var(--panel-primary);
    box-shadow: 0 0 0 4px rgba(59, 113, 185, 0.10);
}

.vendor-catalog-form__error {
    display: block;
    margin-top: 7px;
    color: var(--panel-danger);
    font-size: 0.86rem;
}

.vendor-catalog-form__switch {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.vendor-catalog-form__switch input {
    position: absolute;
    opacity: 0;
}

.vendor-catalog-form__switch-control {
    position: relative;
    width: 50px;
    height: 28px;
    background: #cbd5e1;
    border-radius: 999px;
    transition: background var(--panel-transition);
}

.vendor-catalog-form__switch-control::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: transform var(--panel-transition);
}

.vendor-catalog-form__switch input:checked
+ .vendor-catalog-form__switch-control {
    background: var(--panel-primary);
}

.vendor-catalog-form__switch input:checked
+ .vendor-catalog-form__switch-control::after {
    transform: translateX(-22px);
}

.vendor-catalog-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vendor-catalog-form__actions button,
.vendor-catalog-form__actions a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 17px;
    font-weight: 800;
    border: 0;
    border-radius: 11px;
}

.vendor-catalog-form__actions button {
    color: #fff;
    background: var(--panel-primary);
    cursor: pointer;
}

.vendor-catalog-form__actions a {
    color: var(--panel-text);
    background: #e2e8f0;
}

.vendor-catalog-form__errors {
    color: #991b1b;
    background: #fff7f7;
    border-color: #fecaca;
}

.vendor-catalog-form__errors ul {
    margin-bottom: 0;
}

/* Empty */
.vendor-catalogs-page__empty,
.vendor-catalogs-page__empty-filter {
    padding: 40px 24px;
    color: var(--panel-muted);
    text-align: center;
    background: var(--panel-surface);
    border: 1px dashed var(--panel-border);
    border-radius: var(--panel-radius-lg);
}

.vendor-catalogs-page__empty > span {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    color: #fff;
    font-size: 1.8rem;
    background: var(--panel-primary);
    border-radius: 18px;
}

.vendor-catalogs-page__empty h2 {
    margin: 0 0 7px;
    color: var(--panel-dark);
}

.vendor-catalogs-page__empty a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    padding: 9px 16px;
    color: #fff;
    font-weight: 800;
    background: var(--panel-primary);
    border-radius: 11px;
}

/* Responsive */
@media (max-width: 1080px) {
    .vendor-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .vendor-catalogs-page__stats {
        grid-template-columns: 1fr;
    }

    .vendor-catalogs-page__toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .vendor-catalogs-page__toolbar button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 650px) {
    .vendor-catalogs-page__header,
    .vendor-catalog-form-page__header {
        align-items: stretch;
        flex-direction: column;
        padding: 21px;
    }

    .vendor-catalogs-page__create,
    .vendor-catalog-form-page__header > a {
        width: 100%;
    }

    .vendor-catalogs-page__toolbar,
    .vendor-catalog-grid {
        grid-template-columns: 1fr;
    }

    .vendor-catalogs-page__toolbar button {
        grid-column: auto;
    }

    .vendor-catalog-card__actions {
        grid-template-columns: 1fr;
    }

    .vendor-catalog-form__actions {
        flex-direction: column;
    }

    .vendor-catalog-form__actions button,
    .vendor-catalog-form__actions a {
        width: 100%;
    }
}

/* ===== forms-admin.css ===== */
/* Unified vendor forms */
.vendor-form-page{display:grid;gap:22px}.vendor-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(135deg,#fff,#f4f9ff);border:1px solid var(--panel-border);border-radius:var(--panel-radius-lg);box-shadow:var(--panel-shadow-md)}.vendor-page-hero:after{content:"";position:absolute;inset-inline-end:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:linear-gradient(135deg,rgba(59,113,185,.15),rgba(91,196,191,.16))}.vendor-page-hero>div,.vendor-page-hero>a{position:relative;z-index:1}.vendor-page-hero__eyebrow{display:block;margin-bottom:5px;color:var(--panel-primary);font-weight:800}.vendor-page-hero h1{margin:0 0 7px;color:var(--panel-dark);font-size:clamp(1.65rem,4vw,2.25rem)}.vendor-page-hero p{margin:0;color:var(--panel-muted)}.vendor-back-link,.vendor-btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s ease}.vendor-back-link{color:var(--panel-primary);background:#eff6ff}.vendor-back-link:hover{background:#dbeafe}.vendor-btn--primary{color:#fff;background:linear-gradient(135deg,var(--panel-primary),var(--panel-secondary));box-shadow:0 10px 22px rgba(59,113,185,.22)}.vendor-btn--primary:hover{transform:translateY(-2px)}.vendor-btn--muted{color:var(--panel-text);background:#eef2f7}.vendor-btn--danger{color:#fff;background:var(--panel-danger)}.vendor-btn--success{color:#fff;background:var(--panel-success)}.vendor-form-card{padding:26px;background:#fff;border:1px solid var(--panel-border);border-radius:var(--panel-radius-lg);box-shadow:var(--panel-shadow-md)}.vendor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vendor-field{display:grid;gap:8px}.vendor-field--full{grid-column:1/-1}.vendor-field label{color:var(--panel-dark);font-weight:800}.vendor-field input,.vendor-field select,.vendor-field textarea{width:100%;padding:12px 14px;color:var(--panel-text);background:#fff;border:1px solid var(--panel-border);border-radius:12px;outline:0;transition:border-color .2s,box-shadow .2s}.vendor-field input,.vendor-field select{height:49px}.vendor-field textarea{min-height:150px;resize:vertical;line-height:1.8}.vendor-field input:focus,.vendor-field select:focus,.vendor-field textarea:focus{border-color:var(--panel-primary);box-shadow:0 0 0 4px rgba(59,113,185,.1)}.vendor-field__hint{color:var(--panel-muted);font-size:.86rem}.vendor-field__error{color:var(--panel-danger);font-size:.86rem;font-weight:700}.vendor-upload{position:relative;padding:24px;text-align:center;background:#f8fbff;border:2px dashed #bfd6f4;border-radius:16px}.vendor-upload input{width:100%;height:auto;padding:12px;background:#fff}.vendor-upload strong,.vendor-upload span{display:block}.vendor-upload strong{margin-bottom:5px;color:var(--panel-dark)}.vendor-upload span{color:var(--panel-muted);font-size:.88rem}.vendor-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid var(--panel-border)}.vendor-errors{padding:16px 18px;color:#991b1b;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px}.vendor-errors ul{margin:8px 0 0;padding-right:20px}.vendor-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}.vendor-section-title h2,.vendor-section-title h3{margin:0;color:var(--panel-dark)}.vendor-counter{display:inline-flex;padding:6px 11px;color:var(--panel-primary);font-weight:800;background:#eff6ff;border-radius:999px}.vendor-images-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vendor-image-card{overflow:hidden;padding:10px;background:#fff;border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--panel-shadow-sm)}.vendor-image-card img{width:100%;height:185px;object-fit:cover;border-radius:11px;background:#f1f5f9}.vendor-image-card__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.vendor-image-card__actions form{margin:0}.vendor-image-card__actions .vendor-btn{min-height:38px;padding:7px 11px;font-size:.82rem}.vendor-main-badge{display:inline-flex;margin-top:9px;padding:5px 9px;color:#166534;font-size:.8rem;font-weight:800;background:#dcfce7;border-radius:999px}.vendor-notice{padding:15px;color:#854d0e;background:#fffbeb;border:1px solid #fde68a;border-radius:13px}
@media(max-width:760px){.vendor-page-hero{align-items:flex-start;flex-direction:column;padding:22px}.vendor-form-card{padding:18px}.vendor-form-grid{grid-template-columns:1fr}.vendor-images-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-form-actions .vendor-btn,.vendor-back-link{width:100%}}@media(max-width:480px){.vendor-images-grid{grid-template-columns:1fr}}
.vendor-offer-toggle{display:flex!important;align-items:center;gap:10px;padding:14px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fbff;cursor:pointer}.vendor-offer-toggle input{width:20px;height:20px}

/* ===== store-settings.css ===== */
.store-settings-page {
    --settings-primary: var(--panel-primary, #3b71b9);
    --settings-secondary: var(--panel-secondary, #5bc4bf);
    display: grid;
    gap: 24px;
}

.settings-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 250px;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
    align-items: center;
    gap: 30px;
    padding: 38px;
    color: #fff;
    background:
        radial-gradient(circle at 15% 18%, color-mix(in srgb, var(--settings-secondary) 34%, transparent), transparent 32%),
        linear-gradient(135deg, color-mix(in srgb, var(--settings-primary) 48%, #081426), #081426 72%);
    border-radius: 26px;
    box-shadow: 0 24px 60px color-mix(in srgb, var(--settings-primary) 18%, transparent);
}

.settings-hero::before,
.settings-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}

.settings-hero::before { width: 310px; height: 310px; inset: -150px auto auto -90px; }
.settings-hero::after { width: 210px; height: 210px; inset: auto 40% -140px auto; }

.settings-hero__eyebrow,
.settings-card__eyebrow {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--settings-secondary);
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .02em;
}

.settings-hero h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.2;
}

.settings-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 1rem;
}

.settings-hero__actions,
.settings-preview__buttons,
.settings-actions > div:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.settings-hero__actions { margin-top: 24px; }

.settings-button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 17px;
    font-weight: 900;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.settings-button:hover { transform: translateY(-2px); }
.settings-button--light { color: var(--settings-primary); background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.15); }
.settings-button--ghost { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
.settings-button--primary { color: #fff; background: linear-gradient(135deg, var(--settings-primary), var(--settings-secondary)); box-shadow: 0 12px 25px color-mix(in srgb, var(--settings-primary) 25%, transparent); }
.settings-button--muted { color: #334155; background: #eef2f7; }

.settings-hero__identity {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

.settings-hero__logo {
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 900;
    background: linear-gradient(135deg, var(--settings-primary), var(--settings-secondary));
    border: 3px solid rgba(255,255,255,.85);
    border-radius: 20px;
}

.settings-hero__logo img,
.settings-preview__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.settings-hero__identity small,
.settings-hero__identity strong { display: block; }
.settings-hero__identity small { color: rgba(255,255,255,.65); font-size: .78rem; }
.settings-hero__identity strong { margin-top: 3px; color: #fff; font-size: 1.15rem; }

.settings-hero__swatches { display: flex; gap: 7px; margin-top: 10px; }
.settings-hero__swatches span { width: 24px; height: 24px; background: var(--preview-color); border: 2px solid rgba(255,255,255,.8); border-radius: 50%; }

.settings-alert {
    padding: 17px 20px;
    border-radius: 16px;
}

.settings-alert--error { color: #991b1b; background: #fff1f2; border: 1px solid #fecdd3; }
.settings-alert ul { margin: 8px 0 0; padding-inline-start: 22px; }

.settings-layout {
    display: grid;
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.settings-sidebar {
    position: sticky;
    top: 100px;
    display: grid;
    gap: 18px;
}

.settings-preview {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 22px;
    box-shadow: var(--panel-shadow-md);
}

.settings-preview__cover {
    position: relative;
    min-height: 125px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 14px;
    color: #fff;
    background-image: linear-gradient(135deg, color-mix(in srgb, var(--settings-primary) 76%, #081426), color-mix(in srgb, var(--settings-secondary) 68%, #081426));
    background-size: cover;
    background-position: center;
}

.settings-preview__cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,20,38,.1), rgba(8,20,38,.52));
}

.settings-preview__cover span {
    position: relative;
    z-index: 1;
    padding: 6px 9px;
    font-size: .72rem;
    font-weight: 800;
    background: rgba(8,20,38,.45);
    border-radius: 999px;
}

.settings-preview__body { position: relative; padding: 52px 20px 22px; }
.settings-preview__logo {
    position: absolute;
    top: -42px;
    right: 20px;
    width: 78px;
    height: 78px;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 900;
    background: linear-gradient(135deg, var(--settings-primary), var(--settings-secondary));
    border: 4px solid #fff;
    border-radius: 20px;
    box-shadow: 0 8px 22px rgba(15,23,42,.14);
}

.settings-preview__body > small { color: var(--settings-primary); font-weight: 900; }
.settings-preview__body h2 { margin: 4px 0 7px; color: #0f172a; font-size: 1.35rem; }
.settings-preview__body p { min-height: 62px; margin: 0 0 16px; color: #64748b; font-size: .88rem; line-height: 1.7; }
.settings-preview__buttons span { flex: 1; padding: 9px 11px; color: #fff; text-align: center; font-size: .78rem; font-weight: 900; border-radius: 10px; }
.settings-preview__buttons span:first-child { background: var(--settings-primary); }
.settings-preview__buttons span:last-child { background: var(--settings-secondary); }

.settings-nav {
    display: grid;
    gap: 5px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 18px;
    box-shadow: var(--panel-shadow-sm);
}

.settings-nav a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    color: #475569;
    font-size: .88rem;
    font-weight: 800;
    border-radius: 11px;
}

.settings-nav a:hover { color: var(--settings-primary); background: var(--panel-primary-soft); }
.settings-nav a span { min-width: 29px; height: 29px; display: grid; place-items: center; color: var(--settings-primary); background: var(--panel-primary-soft); border-radius: 9px; font-size: .7rem; }

.settings-brand-note {
    padding: 17px;
    color: #0f172a;
    background: linear-gradient(135deg, var(--panel-primary-soft), var(--panel-secondary-soft));
    border: 1px solid color-mix(in srgb, var(--settings-primary) 18%, var(--panel-border));
    border-radius: 16px;
}

.settings-brand-note strong { display: block; margin-bottom: 5px; color: var(--settings-primary); }
.settings-brand-note p { margin: 0; color: #64748b; font-size: .82rem; line-height: 1.7; }

.settings-form { display: grid; gap: 20px; min-width: 0; }

.settings-card {
    scroll-margin-top: 105px;
    padding: 26px;
    background: #fff;
    border: 1px solid var(--panel-border);
    border-radius: 22px;
    box-shadow: var(--panel-shadow-md);
}

.settings-card__header {
    display: flex;
    gap: 15px;
    margin-bottom: 24px;
    padding-bottom: 19px;
    border-bottom: 1px solid #edf1f5;
}

.settings-card__number {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: .8rem;
    font-weight: 900;
    background: linear-gradient(135deg, var(--settings-primary), var(--settings-secondary));
    border-radius: 14px;
}

.settings-card__eyebrow { margin-bottom: 1px; color: var(--settings-primary); }
.settings-card h2 { margin: 0 0 4px; color: #0f172a; font-size: 1.35rem; }
.settings-card__header p { margin: 0; color: #64748b; font-size: .88rem; }

.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-field { min-width: 0; display: grid; gap: 8px; }
.settings-field--full { grid-column: 1 / -1; }
.settings-field label,
.settings-color-control > label { color: #1e293b; font-weight: 900; }
.settings-field label b { color: #dc2626; }

.settings-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.settings-label-row label { margin: 0; }
.settings-label-row span { color: #94a3b8; font-size: .75rem; }

.settings-field input,
.settings-field textarea,
.settings-color-control input[type="text"] {
    width: 100%;
    color: #0f172a;
    background: #fff;
    border: 1px solid #d8e0ea;
    border-radius: 12px;
    outline: 0;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.settings-field input { height: 48px; padding: 0 13px; }
.settings-field textarea { min-height: 135px; padding: 12px 13px; resize: vertical; line-height: 1.8; }
.settings-field input:focus,
.settings-field textarea:focus,
.settings-color-control input[type="text"]:focus { border-color: var(--settings-primary); box-shadow: 0 0 0 4px var(--panel-primary-soft); }
.settings-field small,
.settings-upload-card > small,
.settings-color-control small { color: #778397; font-size: .78rem; line-height: 1.65; }

.settings-input-icon { display: flex; align-items: center; overflow: hidden; border: 1px solid #d8e0ea; border-radius: 12px; transition: border-color .2s, box-shadow .2s; }
.settings-input-icon:focus-within { border-color: var(--settings-primary); box-shadow: 0 0 0 4px var(--panel-primary-soft); }
.settings-input-icon span { min-width: 46px; height: 46px; display: grid; place-items: center; color: var(--settings-primary); font-size: .72rem; font-weight: 900; background: var(--panel-primary-soft); border-inline-end: 1px solid #d8e0ea; }
.settings-input-icon input { border: 0; border-radius: 0; box-shadow: none !important; }

.settings-upload-grid { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); gap: 18px; }
.settings-upload-card { min-width: 0; padding: 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 18px; }
.settings-upload-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.settings-upload-card__head strong,
.settings-upload-card__head span { display: block; }
.settings-upload-card__head strong { color: #0f172a; }
.settings-upload-card__head span { margin-top: 2px; color: #778397; font-size: .76rem; }
.settings-upload-card__head em { padding: 4px 8px; color: var(--settings-primary); font-size: .7rem; font-style: normal; font-weight: 900; background: var(--panel-primary-soft); border-radius: 999px; }

.settings-logo-stage,
.settings-banner-stage {
    overflow: hidden;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    background:
        linear-gradient(45deg, #eef2f7 25%, transparent 25%),
        linear-gradient(-45deg, #eef2f7 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #eef2f7 75%),
        linear-gradient(-45deg, transparent 75%, #eef2f7 75%), #fff;
    background-size: 22px 22px;
    background-position: 0 0, 0 11px, 11px -11px, -11px 0;
    border: 1px dashed #cbd5e1;
    border-radius: 15px;
}

.settings-logo-stage { height: 190px; }
.settings-banner-stage { height: 190px; }
.settings-logo-image { width: 132px; height: 132px; object-fit: cover; border-radius: 28px; box-shadow: 0 14px 30px rgba(15,23,42,.15); }
.settings-banner-image { width: 100%; height: 100%; object-fit: cover; }
.settings-upload-placeholder { width: 112px; height: 112px; display: grid; place-items: center; color: #fff; font-size: 2.4rem; font-weight: 900; background: linear-gradient(135deg, var(--settings-primary), var(--settings-secondary)); border-radius: 26px; }
.settings-banner-placeholder { text-align: center; }
.settings-banner-placeholder span,
.settings-banner-placeholder small { display: block; }
.settings-banner-placeholder span { color: #334155; font-weight: 900; }
.settings-banner-placeholder small { margin-top: 5px; color: #94a3b8; }

.settings-file-button { min-height: 44px; display: flex; align-items: center; justify-content: center; padding: 9px 14px; color: var(--settings-primary); font-weight: 900; background: var(--panel-primary-soft); border: 1px solid color-mix(in srgb, var(--settings-primary) 25%, #d8e0ea); border-radius: 11px; cursor: pointer; }
.settings-file-button input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.settings-upload-card > small { display: block; margin-top: 8px; }
.settings-remove-option { display: flex; align-items: center; gap: 8px; margin-top: 12px; color: #b91c1c; font-size: .78rem; font-weight: 800; cursor: pointer; }
.settings-remove-option input { accent-color: #dc2626; }

.is-hidden { display: none !important; }

.settings-color-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-color-control { display: grid; gap: 9px; padding: 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; }
.settings-color-control__row { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
.settings-color-control input[type="color"] { width: 64px; height: 50px; padding: 4px; background: #fff; border: 1px solid #d8e0ea; border-radius: 12px; cursor: pointer; }
.settings-color-control input[type="text"] { height: 50px; padding: 0 13px; direction: ltr; font-family: monospace; font-weight: 900; letter-spacing: .06em; }

.settings-color-demo { grid-column: 1 / -1; overflow: hidden; display: grid; grid-template-columns: 8px minmax(0, 1fr); background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; }
.settings-color-demo__bar { background: linear-gradient(180deg, var(--settings-primary), var(--settings-secondary)); }
.settings-color-demo__body { padding: 20px; }
.settings-color-demo__body > span { color: var(--settings-primary); font-size: .78rem; font-weight: 900; }
.settings-color-demo__body > strong { display: block; margin-top: 3px; color: #0f172a; font-size: 1.1rem; }
.settings-color-demo__body p { margin: 5px 0 14px; color: #64748b; }
.settings-color-demo__body div { display: flex; flex-wrap: wrap; gap: 8px; }
.settings-color-demo__body button { min-height: 38px; padding: 7px 14px; color: #fff; font: inherit; font-weight: 900; border: 0; border-radius: 10px; }
.settings-color-demo__body button:first-child { background: var(--settings-primary); }
.settings-color-demo__body button:last-child { background: var(--settings-secondary); }

.settings-identity-message { display: flex; gap: 12px; margin-top: 18px; padding: 15px 17px; color: #0f5132; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 14px; }
.settings-identity-message > span { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; color: #fff; background: #16a34a; border-radius: 50%; font-weight: 900; }
.settings-identity-message strong,
.settings-identity-message p { display: block; }
.settings-identity-message p { margin: 2px 0 0; color: #47715e; font-size: .8rem; }

.settings-status-box { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 17px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; }
.settings-status-box__icon { width: 44px; height: 44px; display: grid; place-items: center; color: #16a34a; background: #dcfce7; border-radius: 13px; }
.settings-status-box strong,
.settings-status-box span { display: block; }
.settings-status-box span { margin-top: 2px; color: #64748b; font-size: .8rem; }

.settings-switch { position: relative; width: 58px; height: 32px; cursor: pointer; }
.settings-switch input { position: absolute; opacity: 0; pointer-events: none; }
.settings-switch > span { position: absolute; inset: 0; margin: 0; background: #cbd5e1; border-radius: 999px; transition: .2s; }
.settings-switch > span::after { content: ""; position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; background: #fff; border-radius: 50%; box-shadow: 0 2px 7px rgba(15,23,42,.25); transition: .2s; }
.settings-switch input:checked + span { background: var(--settings-primary); }
.settings-switch input:checked + span::after { transform: translateX(-26px); }

.settings-closed-message { margin-top: 18px; }
.settings-closed-message[hidden] { display: none; }
.settings-visibility-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.settings-check-card { position: relative; display: grid; grid-template-columns: 24px 34px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 82px; padding: 14px; background: #fff; border: 1px solid #dfe6ee; border-radius: 14px; cursor: pointer; transition: .2s; }
.settings-check-card:hover { border-color: color-mix(in srgb, var(--settings-primary) 40%, #dfe6ee); }
.settings-check-card input { width: 18px; height: 18px; accent-color: var(--settings-primary); }
.settings-check-card__mark { width: 34px; height: 34px; display: grid; place-items: center; color: var(--settings-primary); background: var(--panel-primary-soft); border-radius: 10px; font-weight: 900; }
.settings-check-card strong,
.settings-check-card small { display: block; }
.settings-check-card small { margin-top: 2px; color: #778397; font-size: .74rem; }

.settings-actions {
    position: sticky;
    bottom: 16px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 20px;
    background: rgba(255,255,255,.94);
    border: 1px solid color-mix(in srgb, var(--settings-primary) 18%, var(--panel-border));
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(15,23,42,.12);
    backdrop-filter: blur(14px);
}

.settings-actions strong,
.settings-actions span { display: block; }
.settings-actions strong { color: #0f172a; }
.settings-actions span { margin-top: 2px; color: #778397; font-size: .78rem; }

@media (max-width: 1120px) {
    .settings-layout { grid-template-columns: 1fr; }
    .settings-sidebar { position: static; grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); align-items: start; }
    .settings-brand-note { display: none; }
}

@media (max-width: 840px) {
    .settings-hero { grid-template-columns: 1fr; padding: 28px; }
    .settings-hero__identity { max-width: 420px; }
    .settings-sidebar { grid-template-columns: 1fr; }
    .settings-nav { display: none; }
    .settings-grid,
    .settings-upload-grid,
    .settings-color-grid,
    .settings-visibility-grid { grid-template-columns: 1fr; }
    .settings-color-demo { grid-column: auto; }
}

@media (max-width: 620px) {
    .settings-hero { padding: 23px 20px; border-radius: 19px; }
    .settings-hero h1 { font-size: 1.8rem; }
    .settings-card { padding: 20px 16px; border-radius: 18px; }
    .settings-card__header { align-items: flex-start; }
    .settings-card__number { width: 40px; height: 40px; flex-basis: 40px; }
    .settings-actions { position: static; align-items: stretch; flex-direction: column; }
    .settings-actions > div:last-child { display: grid; grid-template-columns: 1fr; }
    .settings-button { width: 100%; }
    .settings-status-box { grid-template-columns: 40px minmax(0, 1fr) auto; }
}

.settings-logo-image:not(.is-hidden) ~ .settings-upload-placeholder,
.settings-banner-image:not(.is-hidden) ~ .settings-banner-placeholder {
    display: none;
}

/* DigiMall v3.1.0 final vendor components */
.settings-alert--warning{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:16px 18px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;color:#9a3412}.settings-alert--warning p{flex:1;margin:0}.settings-card.is-locked{opacity:.9}.settings-lock-note{margin-bottom:16px;padding:11px 13px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;font-size:.82rem;font-weight:800}.settings-file-button.is-disabled{cursor:not-allowed;opacity:.55}.vendor-order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,.7fr);gap:16px}.vendor-details-list{display:grid;gap:0;margin:0}.vendor-details-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--panel-border,#e2e8f0)}.vendor-details-list dt{color:#64748b}.vendor-details-list dd{margin:0;font-weight:800}.vendor-order-items{display:grid;gap:10px}.vendor-order-items article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--panel-border,#e2e8f0);border-radius:13px}.vendor-order-items small{display:block;color:#64748b}.vendor-form-field{display:grid;gap:7px;margin-bottom:12px;font-weight:800}.vendor-form-field select,.vendor-form-field textarea{width:100%;padding:11px;border:1px solid var(--panel-border,#dbe3ed);border-radius:11px;background:#fff}.vendor-btn--danger{color:#b42318!important;border-color:#fda29b!important}.vendor-header-actions{display:flex;gap:8px;flex-wrap:wrap}.vendor-kicker{color:var(--panel-primary);font-size:.75rem;font-weight:900}.orders-filter{grid-template-columns:1.5fr repeat(3,minmax(130px,.7fr)) auto auto auto}.order-status--preparing{background:#e0f2fe;color:#0369a1}
@media(max-width:1150px){.vendor-order-layout{grid-template-columns:1fr 1fr}.vendor-order-layout>aside{grid-column:1/-1}.orders-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vendor-order-layout,.orders-filter{grid-template-columns:1fr}.vendor-details-list>div{grid-template-columns:1fr}.vendor-header-actions{width:100%}.vendor-header-actions .vendor-btn{flex:1}}

/* DigiMall v4.5.0 — responsive vendor workspace */
.vendor-panel-body *, .vendor-panel-body *::before, .vendor-panel-body *::after{box-sizing:border-box}
.vendor-panel-body{overflow-x:hidden}.vendor-content{min-width:0}.vendor-content img{max-width:100%}.vendor-content :is(input,select,textarea,button){font:inherit}.vendor-content :focus-visible{outline:3px solid rgba(var(--panel-primary-rgb,59,113,185),.35);outline-offset:2px}
.vendor-topbar__quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vendor-topbar__quick-actions>a{min-height:40px;display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #d9e1ec;border-radius:10px;background:#fff;text-decoration:none;color:#334155;font-weight:800}
.vendor-page-actions,.vendor-form-actions{display:flex;flex-wrap:wrap;gap:10px}.vendor-page-actions>* ,.vendor-form-actions>*{min-height:44px}
.vendor-table-wrap,.vendor-responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.vendor-table-wrap table,.vendor-responsive-table table{min-width:760px}
.vendor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-form-grid>*{min-width:0}
.vendor-card,.vendor-panel-card{min-width:0;overflow-wrap:anywhere}

/* v4.5 catalog builder */
.catalog-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:22px;align-items:start}.catalog-builder-sidebar{position:sticky;top:94px}.catalog-product-picker{display:grid;gap:10px;max-height:620px;overflow:auto;padding:4px}.catalog-product-picker__item{display:grid;grid-template-columns:auto 58px minmax(0,1fr) 78px;gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.catalog-product-picker__item img,.catalog-product-picker__placeholder{width:58px;height:58px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:#f1f5f9}.catalog-product-picker__item input[type=number]{width:78px}.catalog-cover-preview img{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:16px;margin-top:10px}

/* Product presentation editor */
.presentation-editor{display:grid;gap:18px}.presentation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.presentation-templates{display:flex;gap:8px;flex-wrap:wrap}.presentation-group,.presentation-spec{position:relative;padding:16px;border:1px solid #dce4ef;border-radius:15px;background:#fbfdff}.presentation-group__grid{display:grid;grid-template-columns:1.2fr .8fr auto auto;gap:10px}.presentation-values{display:grid;gap:8px;margin-top:12px}.presentation-value{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:8px}.presentation-spec{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;gap:9px}.presentation-remove{min-width:40px;min-height:40px;border:0;border-radius:10px;background:#fff0f0;color:#b91c1c;cursor:pointer}.presentation-drag{cursor:grab;color:#64748b}

@media(max-width:1100px){.catalog-builder-grid{grid-template-columns:1fr}.catalog-builder-sidebar{position:static}.vendor-topbar__user>div:first-child{display:none}}
@media(max-width:900px){.vendor-form-grid{grid-template-columns:1fr}.vendor-topbar{padding-inline:14px}.vendor-content{padding:18px}.vendor-topbar__quick-actions>a{display:none}.vendor-topbar__quick-actions>a:first-child{display:inline-flex}}
@media(max-width:680px){.vendor-content{padding:12px}.vendor-topbar__title .vendor-topbar__breadcrumb{display:none}.vendor-topbar__user{display:none}.vendor-page-head,.vendor-section-head{display:grid;gap:12px}.vendor-page-actions,.vendor-form-actions{display:grid}.vendor-page-actions>*,.vendor-form-actions>*{width:100%}.presentation-group__grid,.presentation-value,.presentation-spec{grid-template-columns:1fr}.catalog-product-picker__item{grid-template-columns:auto 48px minmax(0,1fr)}.catalog-product-picker__item img,.catalog-product-picker__placeholder{width:48px;height:48px}.catalog-product-picker__item input[type=number]{grid-column:2/-1;width:100%}}
@media(max-width:480px){.vendor-content{padding:10px}.vendor-topbar__quick-actions{display:none}.vendor-sidebar{width:min(88vw,320px)}}
@media(prefers-reduced-motion:reduce){.vendor-panel-body *, .vendor-panel-body *::before,.vendor-panel-body *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}