:root{
  --font:"Vazirmatn",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --sidebar-width:272px;
  --sidebar-collapsed:88px;
  --topbar-height:76px;

  --color-brand:#6d3cc8;
  --color-brand-hover:#5b2daf;
  --color-brand-soft:#f2ecfb;
  --color-accent:#e98b2a;
  --color-accent-soft:#fff4e7;
  --color-success:#15803d;
  --color-success-soft:#ecfdf3;
  --color-warning:#b45309;
  --color-warning-soft:#fff7ed;
  --color-danger:#c2414b;
  --color-danger-soft:#fff1f2;
  --color-info:#0369a1;
  --color-info-soft:#eff8ff;

  --page-bg:#f6f7fb;
  --surface:#ffffff;
  --surface-muted:#f9fafb;
  --surface-elevated:#ffffff;
  --border:#e6e8ef;
  --border-strong:#d7dae4;
  --text:#182032;
  --text-secondary:#667085;
  --text-tertiary:#98a2b3;
  --shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --shadow-sm:0 2px 8px rgba(16,24,40,.06);
  --shadow-md:0 12px 28px rgba(16,24,40,.09);
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
}

html[data-theme="dark"]{
  --page-bg:#10131b;
  --surface:#181c27;
  --surface-muted:#202532;
  --surface-elevated:#1d2230;
  --border:#2b3140;
  --border-strong:#394153;
  --text:#f3f4f6;
  --text-secondary:#aab2c2;
  --text-tertiary:#7f899c;
  --color-brand:#a47af0;
  --color-brand-hover:#b895f6;
  --color-brand-soft:rgba(164,122,240,.14);
  --color-accent-soft:rgba(233,139,42,.13);
  --color-success-soft:rgba(21,128,61,.15);
  --color-warning-soft:rgba(180,83,9,.17);
  --color-danger-soft:rgba(194,65,75,.15);
  --color-info-soft:rgba(3,105,161,.16);
  --shadow-xs:0 1px 2px rgba(0,0,0,.16);
  --shadow-sm:0 4px 12px rgba(0,0,0,.18);
  --shadow-md:0 18px 36px rgba(0,0,0,.24);
}

*{box-sizing:border-box}
html,body{min-height:100%;max-width:100%;overflow-x:hidden}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:var(--page-bg);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.theme-dark{background:var(--page-bg);color:var(--text)}
a{color:var(--color-brand)}
a:hover{color:var(--color-brand-hover)}
button,input,select,textarea{font-family:inherit}

.ds-icon{
  width:1.15rem;
  height:1.15rem;
  display:inline-block;
  flex:0 0 auto;
  fill:currentColor;
  vertical-align:-.15em;
}
.ds-icon.icon-lg{width:1.35rem;height:1.35rem}
.ds-icon.icon-xl{width:1.65rem;height:1.65rem}
.rotate-90{transform:rotate(90deg)}

.app-shell{min-height:100vh;display:flex;background:var(--page-bg)}
.app-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}
.app-overlay{display:none}

/* Sidebar */
.app-sidebar{
  width:var(--sidebar-width);
  height:100vh;
  min-height:0;
  position:sticky;
  top:0;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  padding:18px 14px 14px;
  background:var(--surface);
  border-left:1px solid var(--border);
  z-index:1030;
  transition:width .2s ease,transform .2s ease;
}
.app-brand{
  min-height:58px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:11px;
  padding:4px 8px 16px;
  border-bottom:1px solid var(--border);
}
.brand-mark{
  width:80px;height:auto;border-radius:13px;
  display:grid;place-items:center;
  color:#fff;font-size:20px;font-weight:900;
  background:linear-gradient(145deg,var(--color-brand),#8955d4 64%,var(--color-accent));
  box-shadow:0 8px 20px rgba(109,60,200,.22);
}
.brand-text{min-width:0;display:flex;flex-direction:column;gap:2px}
.brand-title{font-size:1rem;font-weight:850;line-height:1.35;color:var(--text)}
.brand-sub{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}
.sidebar-close{
  width:34px;height:34px;margin-right:auto;border:0;border-radius:9px;
  display:grid;place-items:center;background:var(--surface-muted);color:var(--text-secondary)
}
.sidebar-primary-action{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;margin:14px 2px 4px;padding:10px 14px;
  border-radius:12px;text-decoration:none;font-size:.86rem;font-weight:750;
  color:#fff;background:var(--color-brand);box-shadow:0 8px 18px rgba(109,60,200,.19);
}
.sidebar-primary-action:hover{color:#fff;background:var(--color-brand-hover);transform:translateY(-1px)}
.sidebar-primary-icon{display:grid;place-items:center}

.app-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:14px 2px 24px;scrollbar-width:thin;scrollbar-gutter:stable}
.nav-caption{padding:0 11px 7px;color:var(--text-tertiary);font-size:.66rem;font-weight:750;letter-spacing:.02em}
.app-nav-item,.nav-group-trigger{
  width:100%;min-height:43px;display:flex;align-items:center;gap:10px;
  padding:9px 11px;border:0;border-radius:10px;background:transparent;
  color:var(--text-secondary);text-decoration:none;text-align:right;
  transition:background .15s ease,color .15s ease;
}
.app-nav-item:hover,.nav-group-trigger:hover{background:var(--surface-muted);color:var(--text)}
.app-nav-item.active{
  color:var(--color-brand);background:var(--color-brand-soft);font-weight:750;
}
.nav-item-icon{width:24px;height:24px;display:grid;place-items:center;color:inherit}
.nav-item-label{font-size:.84rem;font-weight:650;white-space:nowrap}
.nav-group{margin-top:3px}
.nav-group-trigger{cursor:pointer}
.nav-group.has-active>.nav-group-trigger{color:var(--text);font-weight:750}
.nav-group-chevron{display:grid;place-items:center;margin-right:auto;color:var(--text-tertiary);transition:transform .18s ease}
.nav-group-chevron .ds-icon{width:.72rem;height:.72rem}
.nav-group.is-open .nav-group-chevron{transform:rotate(180deg)}
.nav-group-items{max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .16s ease,padding .18s ease}
.nav-group.is-open .nav-group-items{max-height:var(--nav-group-open-height,1200px);opacity:1;padding:3px 0 5px}
.app-nav-subitem{
  min-height:37px;display:flex;align-items:center;gap:10px;
  margin:1px 10px 1px 6px;padding:7px 13px 7px 9px;
  border-radius:9px;text-decoration:none;color:var(--text-secondary);
  font-size:.79rem;font-weight:580;position:relative;
}
.app-nav-subitem:hover{color:var(--text);background:var(--surface-muted)}
.app-nav-subitem.active{color:var(--color-brand);font-weight:750;background:var(--color-brand-soft)}
.nav-subitem-dot{width:5px;height:5px;border-radius:50%;background:var(--border-strong);flex:0 0 auto}
.app-nav-subitem.active .nav-subitem-dot{background:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft)}
.nav-count{margin-right:auto;min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--color-danger-soft);color:var(--color-danger);font-size:.68rem;font-weight:800}

.app-sidebar-footer{flex:0 0 auto;padding-top:12px;border-top:1px solid var(--border)}
.sidebar-user{display:flex;align-items:center;gap:9px;padding:5px 6px}
.avatar{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  color:var(--color-brand);background:var(--color-brand-soft);font-size:.86rem;font-weight:850;
}
.avatar-sm{width:36px;height:36px;border-radius:10px}
.sidebar-user-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.sidebar-user-copy strong{font-size:.78rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-copy span{font-size:.68rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-collapse-btn{
  width:34px;height:34px;margin-right:auto;border:1px solid var(--border);border-radius:9px;
  place-items:center;color:var(--text-secondary);background:var(--surface)
}
.sidebar-collapse-btn:hover{color:var(--color-brand);background:var(--color-brand-soft)}

.app-sidebar.is-collapsed{width:var(--sidebar-collapsed);padding-inline:12px}
.app-sidebar.is-collapsed .brand-text,
.app-sidebar.is-collapsed .sidebar-primary-action span:not(.sidebar-primary-icon),
.app-sidebar.is-collapsed .nav-caption,
.app-sidebar.is-collapsed .nav-item-label,
.app-sidebar.is-collapsed .nav-group-chevron,
.app-sidebar.is-collapsed .nav-group-items,
.app-sidebar.is-collapsed .sidebar-user-copy{display:none}
.app-sidebar.is-collapsed .app-brand,.app-sidebar.is-collapsed .sidebar-user{justify-content:center;padding-inline:0}
.app-sidebar.is-collapsed .sidebar-primary-action,.app-sidebar.is-collapsed .app-nav-item,.app-sidebar.is-collapsed .nav-group-trigger{justify-content:center;padding-inline:8px}
.app-sidebar.is-collapsed .sidebar-collapse-btn{margin:0}

/* Topbar */
.app-topbar{
  height:var(--topbar-height);position:sticky;top:0;z-index:1020;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 26px;background:color-mix(in srgb,var(--surface) 94%,transparent);
  border-bottom:1px solid var(--border);backdrop-filter:blur(12px)
}
.topbar-heading{display:flex;align-items:center;gap:11px;min-width:0}
.topbar-eyebrow{font-size:.68rem;color:var(--text-secondary);margin-bottom:2px}
.topbar-title{margin:0;color:var(--text);font-size:1rem;font-weight:850;line-height:1.35}
.topbar-actions{display:flex;align-items:center;gap:7px}
.topbar-icon-btn{
  width:40px;height:40px;display:grid;place-items:center;
  border:1px solid var(--border);border-radius:11px;background:var(--surface);
  color:var(--text-secondary);text-decoration:none;box-shadow:var(--shadow-xs)
}
.topbar-icon-btn:hover{color:var(--color-brand);background:var(--color-brand-soft);border-color:transparent}
.notif-badge{
  position:absolute;top:-4px;left:-4px;min-width:19px;height:19px;padding:0 5px;
  border:2px solid var(--surface);border-radius:999px;display:grid;place-items:center;
  color:#fff;background:var(--color-danger);font-size:.62rem;font-weight:850
}
.cart-badge{
  position:absolute;top:-5px;left:-6px;min-width:21px;height:21px;padding:0 5px;
  border:2px solid var(--surface);border-radius:999px;display:grid;place-items:center;
  color:#fff;background:var(--color-brand);font-size:.6rem;font-weight:900;line-height:1
}
.topbar-cart-btn .ds-icon{width:1.05rem;height:1.05rem}
.user-menu-trigger{
  height:44px;display:flex;align-items:center;gap:9px;padding:3px 4px 3px 10px;
  border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)
}
.user-menu-trigger:hover{border-color:var(--border-strong)}
.user-menu-copy{min-width:112px;text-align:right;flex-direction:column;line-height:1.25}
.user-menu-copy strong{font-size:.76rem}
.user-menu-copy small{font-size:.65rem;color:var(--text-secondary)}
.user-menu-chevron{width:.7rem;height:.7rem;color:var(--text-tertiary)}
.app-dropdown{min-width:230px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md)}
.dropdown-user-meta{padding:9px 10px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:.72rem;color:var(--text-secondary);direction:ltr;text-align:left}
.app-dropdown .dropdown-item{display:flex;align-items:center;gap:9px;border-radius:8px;padding:9px 10px;font-size:.78rem;color:var(--text)}
.app-dropdown .dropdown-item:hover{background:var(--surface-muted)}
.dropdown-icon{width:.95rem;height:.95rem}

/* Main content */
.app-content{flex:1;padding:24px 26px 34px}
.app-footer{
  min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 26px;border-top:1px solid var(--border);background:var(--surface);
  color:var(--text-secondary);font-size:.7rem
}
.app-footer a{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-secondary)}
.app-footer a:hover{color:var(--text)}
.footer-logo{height:21px;width:auto;display:block;border-radius:5px}

/* Design-system components */
.card{
  color:var(--text);background:var(--surface);border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xs)
}
.card-header{
  min-height:56px;display:flex;align-items:center;padding:14px 18px!important;
  color:var(--text);background:transparent!important;border-bottom:1px solid var(--border)!important;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0!important
}
.card-body{padding:18px}
.card-title{font-size:.92rem;font-weight:800;color:var(--text)}
.card-subtitle{font-size:.72rem;color:var(--text-secondary)}

.btn{
  min-height:38px;border-radius:10px;font-size:.79rem;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;gap:7px
}
.btn-sm{min-height:32px;border-radius:9px;font-size:.73rem}
.btn-lg{min-height:46px;border-radius:11px;font-size:.86rem}
.btn-primary{background:var(--color-brand)!important;border-color:var(--color-brand)!important;box-shadow:0 5px 12px rgba(109,60,200,.14)}
.btn-primary:hover,.btn-primary:focus{background:var(--color-brand-hover)!important;border-color:var(--color-brand-hover)!important}
.btn-outline-primary{color:var(--color-brand);border-color:color-mix(in srgb,var(--color-brand) 38%,transparent);background:var(--surface)}
.btn-outline-primary:hover{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}
.btn-light{color:var(--text);background:var(--surface-muted);border-color:var(--border)}
html[data-theme="dark"] .btn-light{color:var(--text);background:var(--surface-muted);border-color:var(--border)}
.btn-link{color:var(--color-brand);text-decoration:none}

.form-label{margin-bottom:7px;color:var(--text);font-size:.74rem;font-weight:750}
.form-control,.form-select{
  min-height:42px;padding:.58rem .75rem;border:1px solid var(--border-strong);border-radius:10px;
  color:var(--text);background-color:var(--surface);font-size:.8rem;box-shadow:none
}
.form-control:focus,.form-select:focus{color:var(--text);background:var(--surface);border-color:color-mix(in srgb,var(--color-brand) 62%,white);box-shadow:0 0 0 3px var(--color-brand-soft)}
.form-control::placeholder{color:var(--text-tertiary)}
html[data-theme="dark"] .form-control,html[data-theme="dark"] .form-select{background-color:var(--surface-muted);color:var(--text)}
.form-check-input:checked{background-color:var(--color-brand);border-color:var(--color-brand)}

.alert{border-radius:12px;border-width:1px;font-size:.79rem;display:flex;align-items:center;gap:8px}
.alert-info{color:var(--color-info);background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 20%,transparent)}
.alert-success{color:var(--color-success);background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 20%,transparent)}
.alert-danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 20%,transparent)}

.table-responsive{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);margin-bottom:0;font-size:.78rem}
.table>:not(caption)>*>*{padding:.82rem .9rem;border-color:var(--border);vertical-align:middle}
.table thead th{color:var(--text-secondary);background:var(--surface-muted);font-size:.71rem;font-weight:750;white-space:nowrap}
.table tbody tr:hover{background:color-mix(in srgb,var(--color-brand-soft) 45%,transparent)}
.table td{color:var(--text)}
.table a{font-weight:750;text-decoration:none}

.badge{font-weight:750}
.badge-soft{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;color:var(--color-brand);background:var(--color-brand-soft);border:1px solid transparent;font-size:.68rem}
.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border);font-size:.67rem;font-weight:750;white-space:nowrap}
.small-muted{color:var(--text-secondary);font-size:.7rem}
.empty-state{text-align:center;padding:42px 20px;color:var(--text-secondary);font-size:.78rem}
.secret-mask{letter-spacing:2px;font-family:monospace;direction:ltr;text-align:left}

/* Dashboard */
.dashboard-section{margin-bottom:22px}
.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}
.dashboard-section-title{margin:0;color:var(--text);font-size:.89rem;font-weight:850}
.dashboard-section-note{margin-top:3px;color:var(--text-secondary);font-size:.69rem}
.metric-card{
  height:100%;display:flex;align-items:flex-start;gap:13px;padding:16px;
  border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-xs);
  text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease
}
a.metric-card:hover{color:var(--text);transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-brand) 24%,var(--border));box-shadow:var(--shadow-sm)}
.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--color-brand);background:var(--color-brand-soft)}
.metric-icon.warning{color:var(--color-warning);background:var(--color-warning-soft)}
.metric-icon.success{color:var(--color-success);background:var(--color-success-soft)}
.metric-icon.danger{color:var(--color-danger);background:var(--color-danger-soft)}
.metric-copy{min-width:0;flex:1}
.metric-value{font-size:1.35rem;font-weight:900;letter-spacing:-.02em;line-height:1.25;color:var(--text)}
.metric-label{margin-top:4px;color:var(--text-secondary);font-size:.72rem;font-weight:650}
.metric-hint{margin-top:7px;color:var(--text-tertiary);font-size:.64rem}

.overview-card{overflow:hidden}
.overview-card .card-body{padding:20px}
.sales-value{font-size:2rem;font-weight:900;letter-spacing:-.035em;line-height:1.2}
.sales-label{color:var(--text-secondary);font-size:.73rem}
.quick-actions{display:flex;flex-wrap:wrap;gap:8px}
.quick-action{
  min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);
  border-radius:10px;color:var(--text);background:var(--surface);text-decoration:none;font-size:.73rem;font-weight:700
}
.quick-action:hover{color:var(--color-brand);background:var(--color-brand-soft);border-color:transparent}
.operation-list{display:grid;gap:1px}
.operation-item{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}
.operation-item:last-child{border-bottom:0}
.operation-item:hover{color:var(--color-brand)}
.operation-item-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-muted);color:var(--text-secondary)}
.operation-item-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.operation-item-copy strong{font-size:.75rem}
.operation-item-copy span{font-size:.65rem;color:var(--text-secondary)}
.operation-item-value{font-size:.86rem;font-weight:850;color:var(--text)}

.welcome-card{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--color-brand),#7f4bce 62%,#9157cc);border:0!important;color:#fff;box-shadow:0 14px 30px rgba(109,60,200,.19)}
.welcome-card:after{content:"";position:absolute;left:-54px;top:-84px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.09)}
.welcome-card .card-body{position:relative;z-index:1;padding:23px}
.welcome-card .small-muted{color:rgba(255,255,255,.72)}
.welcome-card h2{color:#fff}
.welcome-card .badge-soft{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.15)}
.welcome-card .btn{color:var(--color-brand);background:#fff!important;border-color:#fff!important;box-shadow:none}
.shipment-code{padding:12px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--surface-muted);font-weight:850;text-align:center}

/* Legacy KPI compatibility */
.kpi{height:100%;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow-xs)}
.kpi .v{font-size:1.35rem;font-weight:900}.kpi .t{margin-top:5px;color:var(--text-secondary);font-size:.71rem}

/* Login */
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(700px 420px at 12% 8%,rgba(233,139,42,.11),transparent 62%),radial-gradient(760px 460px at 88% 0%,rgba(109,60,200,.14),transparent 60%),var(--page-bg)}
.login-card{width:min(440px,100%);padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-md)}
.login-logo{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin:auto;color:#fff;background:linear-gradient(145deg,var(--color-brand),var(--color-accent));font-size:24px;font-weight:900;box-shadow:0 10px 22px rgba(109,60,200,.2)}
.login-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:var(--text-secondary);font-size:.72rem}
.nav-pills{padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted)}
.nav-pills .nav-link{border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:700}
.nav-pills .nav-link.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}

/* Orders */
.order-matrix input[type=number]{min-width:82px;text-align:center;font-weight:750}
.order-matrix .product-cell{min-width:210px}
.timeline{position:relative;padding-right:24px}
.timeline:before{content:"";position:absolute;right:7px;top:8px;bottom:8px;width:2px;background:var(--border)}
.timeline-item{position:relative;padding:0 0 22px}
.timeline-item:before{content:"";position:absolute;right:-22px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 4px var(--surface)}

@media(max-width:1199.98px){
  .app-content{padding-inline:20px}
  .app-topbar{padding-inline:20px}
}

@media(max-width:991.98px){
  .app-sidebar{
    position:fixed;right:0;top:0;width:min(300px,88vw);max-width:88vw;
    transform:translateX(110%);box-shadow:-22px 0 48px rgba(16,24,40,.18)
  }
  body.sidebar-open{overflow:hidden}
  body.sidebar-open .app-sidebar{transform:translateX(0)}
  .app-overlay{
    display:block;position:fixed;inset:0;z-index:1025;background:rgba(15,23,42,.38);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .2s ease
  }
  body.sidebar-open .app-overlay{opacity:1;pointer-events:auto}
  .app-topbar{height:68px;padding-inline:14px}
  .app-content{padding:18px 14px 28px}
  .app-footer{padding-inline:14px}
}

@media(max-width:575.98px){
  .topbar-actions{gap:5px}
  .topbar-icon-btn{width:38px;height:38px}
  .app-content{padding:14px 10px 24px}
  .app-footer{align-items:flex-start;flex-direction:column;font-size:.64rem}
  .card{border-radius:13px!important}
  .card-header{padding:12px 14px!important;border-radius:13px 13px 0 0!important}
  .card-body{padding:14px}
  .login-card{padding:22px;border-radius:18px}
  .metric-card{padding:13px;gap:10px}
  .metric-icon{width:38px;height:38px}
  .metric-value{font-size:1.15rem}
  .sales-value{font-size:1.55rem}
  .table{font-size:.72rem}
  .table>:not(caption)>*>*{padding:.7rem .72rem}
  .order-matrix input[type=number]{min-width:72px}
}
.sidebar-primary-action.active{outline:3px solid var(--color-brand-soft);outline-offset:2px}

/* =====================================================================
   DALAN DESIGN SYSTEM 0.3 — Enterprise B2B workspace
   ===================================================================== */
:root{
  --sidebar-width:286px;
  --sidebar-collapsed:84px;
  --topbar-height:76px;
  --color-brand:#5b3fd1;
  --color-brand-hover:#4930b7;
  --color-brand-strong:#372580;
  --color-brand-soft:#f0edff;
  --color-accent:#f59e42;
  --color-accent-soft:#fff5e8;
  --page-bg:#f3f5f9;
  --surface:#fff;
  --surface-muted:#f8f9fc;
  --surface-subtle:#f1f3f8;
  --border:#e5e8f0;
  --border-strong:#d5dae6;
  --text:#151b2b;
  --text-secondary:#65708a;
  --text-tertiary:#919aaf;
  --shadow-xs:0 1px 2px rgba(20,28,47,.035);
  --shadow-sm:0 5px 18px rgba(20,28,47,.055);
  --shadow-md:0 18px 48px rgba(20,28,47,.10);
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
}
html[data-theme="dark"]{
  --page-bg:#10131b;--surface:#181c27;--surface-muted:#202532;--surface-subtle:#252b39;
  --border:#2b3140;--border-strong:#394153;--text:#f3f5f9;--text-secondary:#aab3c6;--text-tertiary:#7f899c;
  --color-brand:#9a83ff;--color-brand-hover:#ad9aff;--color-brand-strong:#c2b4ff;--color-brand-soft:rgba(154,131,255,.14)
}
body{font-size:14px;letter-spacing:-.012em;background:var(--page-bg)}
.app-shell{display:block;min-height:100vh;background:var(--page-bg)}
.app-sidebar{
  position:fixed;right:0;top:0;bottom:0;height:100dvh;width:var(--sidebar-width);z-index:1040;
  padding:18px 14px 14px;background:var(--surface);border-left:1px solid var(--border);
  box-shadow:none;overflow:hidden;min-height:0
}
.app-main{width:auto;min-height:100vh;margin-right:var(--sidebar-width);transition:margin-right .22s ease;display:flex;flex-direction:column}
body.sidebar-collapsed .app-main{margin-right:var(--sidebar-collapsed)}
.app-sidebar.is-collapsed{width:var(--sidebar-collapsed)}
.app-nav{padding-top:16px}
.app-nav::-webkit-scrollbar{width:7px}
.app-nav::-webkit-scrollbar-track{background:transparent}
.app-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.app-nav:hover::-webkit-scrollbar-thumb{background:var(--text-tertiary);border:2px solid transparent;background-clip:padding-box}
.app-brand{padding:2px 7px 17px;min-height:64px}
.brand-mark{width:80px;height:auto;border-radius:14px;background:linear-gradient(145deg,#6547df,#4e33c3 62%,#f49a3f);box-shadow:0 10px 24px rgba(91,63,209,.22)}
.brand-title{font-size:1.05rem;letter-spacing:-.03em}.brand-sub{font-size:.68rem}
.nav-caption{padding:0 12px 8px;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}
.app-nav-item,.nav-group-trigger{min-height:45px;border-radius:11px;padding:9px 12px;gap:11px}
.app-nav-item.active{box-shadow:inset -3px 0 0 var(--color-brand)}
.app-nav-subitem{margin-right:17px;padding-right:16px;min-height:38px}
.app-sidebar-footer{background:var(--surface);padding-top:12px}
.sidebar-user{border-radius:12px;background:var(--surface-muted);padding:8px}
.sidebar-user-copy strong{font-size:.76rem}.sidebar-user-copy span{font-size:.64rem}
.nav-count.warning{color:#a45a00;background:#fff2d8}
.app-topbar{
  height:var(--topbar-height);padding:0 28px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;
  background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)
}
html[data-theme="dark"] .app-topbar{background:rgba(24,28,39,.92)}
.topbar-eyebrow{font-size:.65rem;font-weight:600}.topbar-title{font-size:1.06rem;letter-spacing:-.025em}
.topbar-context{align-items:center;gap:10px;padding:0 15px;border-right:1px solid var(--border);border-left:1px solid var(--border)}
.topbar-date{font-size:.71rem;color:var(--text-secondary)}
.topbar-time{min-width:48px;font-size:.82rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.topbar-icon-btn{border-radius:12px;box-shadow:none}.user-menu-trigger{box-shadow:none}
.app-content{width:100%;max-width:1720px;margin-inline:auto;padding:28px 30px 44px}
.app-footer{margin-top:auto;min-height:58px;padding-inline:30px;background:transparent;border-top:1px solid var(--border)}
.card{box-shadow:var(--shadow-xs);border-color:var(--border)!important}
.card-header{min-height:62px;padding:16px 20px!important}.card-body{padding:20px}
.card-title{font-size:.92rem;letter-spacing:-.025em}.card-subtitle{font-size:.69rem}
.btn{border-radius:10px;min-height:40px;padding:.52rem .9rem}.btn-primary{box-shadow:0 5px 14px rgba(91,63,209,.16)}
.form-control,.form-select{min-height:44px;border-radius:10px;font-size:.79rem;padding:.64rem .78rem}
textarea.form-control{min-height:auto}.form-text{font-size:.66rem;color:var(--text-tertiary)}
.table>:not(caption)>*>*{padding:.9rem 1rem}.table thead th{font-size:.68rem;letter-spacing:.01em}

/* Fixed sidebar / mobile behavior */
@media(max-width:991.98px){
  .app-main,body.sidebar-collapsed .app-main{margin-right:0}
  .app-sidebar{position:fixed;right:0;transform:translateX(110%);width:min(310px,90vw);max-width:90vw;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  body.sidebar-open .app-sidebar{transform:translateX(0)}
  .app-topbar{grid-template-columns:1fr auto;height:68px;padding-inline:14px}
  .topbar-context{display:none!important}.app-content{padding:18px 14px 30px}
}

/* Login and public registration */
.auth-body{background:#f5f6fa;min-height:100vh}
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(440px,.92fr)}
.auth-showcase{position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#191d35 0%,#30245e 52%,#5b3fd1 100%)}
.auth-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(245,158,66,.24),transparent 28%),radial-gradient(circle at 82% 72%,rgba(151,127,255,.27),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}
.auth-showcase:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-180px;bottom:-240px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.auth-showcase-inner{position:relative;z-index:1;min-height:100%;padding:48px clamp(36px,5vw,88px);display:flex;flex-direction:column}
.auth-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;width:max-content}
.auth-brand:hover{color:inherit}.auth-brand-mark{width:130px;height:auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#815ff0,#5a3bcf 60%,#f49a3f);font-size:22px;font-weight:900;color:#fff;box-shadow:0 12px 30px rgba(10,8,30,.24)}
.auth-brand>span:last-child{display:flex;flex-direction:column}.auth-brand strong{font-size:1.05rem}.auth-brand small{color:rgba(255,255,255,.62);font-size:.68rem;margin-top:3px}
.auth-hero-copy{max-width:650px;margin:auto 0 38px}.auth-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);font-size:.64rem;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.82)}
.auth-hero-copy h1{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.5;letter-spacing:-.055em;margin:22px 0 16px;max-width:710px;font-weight:900}
.auth-hero-copy p{max-width:620px;font-size:.91rem;line-height:2;color:rgba(255,255,255,.7);margin:0}
.auth-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px}.auth-feature{display:flex;gap:10px;padding:15px;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.auth-feature>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#f8b66f;flex:0 0 auto}.auth-feature strong{display:block;font-size:.71rem}.auth-feature small{display:block;margin-top:5px;font-size:.61rem;line-height:1.65;color:rgba(255,255,255,.58)}
.auth-showcase-footer{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);font-size:.65rem}.auth-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.12)}
.auth-panel{display:grid;place-items:center;padding:42px clamp(26px,5vw,80px);background:var(--page-bg)}
.auth-card{width:min(490px,100%)}.auth-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:28px}.auth-mobile-logo{display:none;width:46px;height:46px;border-radius:14px;place-items:center;color:#fff;background:linear-gradient(145deg,var(--color-brand),var(--color-accent));font-weight:900}
.auth-card-eyebrow{font-size:.66rem;color:var(--color-brand);font-weight:800}.auth-card-head h2{font-size:1.8rem;font-weight:900;letter-spacing:-.045em;margin:5px 0 7px}.auth-card-head p{color:var(--text-secondary);font-size:.75rem;margin:0;line-height:1.8}
.auth-alert{margin-bottom:18px}.auth-method-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--surface-subtle);margin-bottom:24px}.auth-method-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:9px;color:var(--text-secondary);text-decoration:none;font-size:.75rem;font-weight:700}.auth-method-switch a.active{color:var(--text);background:var(--surface);box-shadow:0 3px 10px rgba(20,28,47,.07)}
.auth-form{display:grid;gap:17px}.auth-field>label{display:block;font-size:.72rem;font-weight:750;color:var(--text);margin-bottom:8px}.auth-input-wrap{height:50px;display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.auth-input-wrap:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 4px var(--color-brand-soft)}.auth-input-wrap>span{width:48px;display:grid;place-items:center;color:var(--text-tertiary)}.auth-input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);padding:0 0 0 13px;font-family:inherit;font-size:.8rem}.auth-input-wrap input::placeholder{color:#a5adbd}.auth-submit{width:100%;min-height:50px;color:#fff!important;background:linear-gradient(135deg,#6547df,#5335c4)!important;border:0!important;box-shadow:0 10px 22px rgba(91,63,209,.19)!important;font-weight:800}.auth-submit:hover{transform:translateY(-1px)}
.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px}.captcha-input{height:58px}.captcha-box{height:58px;position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fafafa;direction:ltr}.captcha-box img{width:100%;height:100%;display:block}.captcha-box button{position:absolute;left:0px;top:0px;width:26px;height:22px;border:0;border-radius:8px;background:rgba(255,255,255,.9);color:var(--color-brand);display:grid;place-items:center;box-shadow:0 2px 8px rgba(20,28,47,.11)}
.auth-register-box{margin-top:24px;padding:15px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-register-box strong{display:block;font-size:.73rem}.auth-register-box small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.63rem;line-height:1.6}.auth-register-box a{white-space:nowrap;font-size:.7rem;font-weight:800;text-decoration:none}.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-tertiary);font-size:.62rem;margin-top:18px}.otp-context{display:flex;gap:12px;padding:14px;border:1px solid #dce7ff;background:#f3f7ff;border-radius:13px;color:#315da8}.otp-context>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e4edff}.otp-context strong,.otp-context small{display:block}.otp-context strong{font-size:.74rem}.otp-context small{font-size:.66rem;margin-top:5px}.otp-input input{text-align:center;font-size:1.3rem;letter-spacing:.35em}.auth-back-link{text-align:center;font-size:.7rem;text-decoration:none}

.registration-body{background:#f3f5f9}.registration-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 40px}.registration-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.registration-header .auth-brand{color:var(--text)}.registration-header .auth-brand small{color:var(--text-secondary)}.registration-login-link{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;font-size:.7rem;font-weight:750}
.registration-why{margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-xs);overflow:hidden}.registration-why-summary{list-style:none;min-height:86px;padding:16px 18px;display:flex;align-items:center;gap:13px;cursor:pointer;user-select:none;background:linear-gradient(135deg,#fff 0%,#fbfaff 58%,#f6f2ff 100%);transition:background .18s ease}.registration-why-summary::-webkit-details-marker{display:none}.registration-why-summary::marker{display:none}.registration-why-summary:hover{background:linear-gradient(135deg,#fff 0%,#f9f7ff 55%,#f2edff 100%)}.registration-why-summary-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;color:var(--color-brand);background:var(--color-brand-soft)}.registration-why-summary-icon .ds-icon{width:23px;height:23px}.registration-why-summary-copy{display:flex;flex-direction:column;min-width:0}.registration-why-summary-copy small{font-size:.6rem;font-weight:800;color:var(--color-brand);margin-bottom:2px}.registration-why-summary-copy strong{font-size:1rem;font-weight:900;letter-spacing:-.025em}.registration-why-summary-copy em{font-size:.65rem;color:var(--text-secondary);font-style:normal;margin-top:3px}.registration-why-toggle{margin-right:auto;display:flex;align-items:center;gap:8px;color:var(--color-brand);font-size:.68rem;font-weight:800;padding:9px 12px;border-radius:10px;background:var(--color-brand-soft)}.registration-why-toggle .ds-icon{width:16px;height:16px;transition:transform .22s ease}.registration-why[open] .registration-why-toggle .ds-icon{transform:rotate(180deg)}.registration-why[open] .registration-why-summary{border-bottom:1px solid var(--border)}.registration-why-content{padding:20px;background:var(--surface)}.registration-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.registration-benefit{min-height:128px;padding:15px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.registration-benefit>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;color:var(--benefit-color,#5b3fd1);background:var(--benefit-soft,#f0edff)}.registration-benefit>span .ds-icon{width:20px;height:20px}.registration-benefit div{min-width:0}.registration-benefit strong{display:block;font-size:.74rem;font-weight:850;color:var(--text)}.registration-benefit p{margin:5px 0 0;font-size:.63rem;line-height:1.8;color:var(--text-secondary)}.registration-benefit-price{--benefit-color:#d83f78;--benefit-soft:#fff0f6}.registration-benefit-catalog{--benefit-color:#7351dc;--benefit-soft:#f1edff}.registration-benefit-quality{--benefit-color:#16946a;--benefit-soft:#e9f8f2}.registration-benefit-shipping{--benefit-color:#2c6ac9;--benefit-soft:#ebf3ff}.registration-benefit-support{--benefit-color:#c98516;--benefit-soft:#fff5e2}.registration-benefit-campaign{--benefit-color:#d84f83;--benefit-soft:#fff0f5}.registration-why-cta{margin-top:13px;padding:14px 16px;display:flex;align-items:center;gap:11px;border:1px solid #ddd6ff;border-radius:13px;background:linear-gradient(135deg,#faf8ff,#f2efff)}.registration-why-cta>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--color-brand);background:#fff}.registration-why-cta>div{flex:1;min-width:0}.registration-why-cta strong,.registration-why-cta small{display:block}.registration-why-cta strong{font-size:.72rem;font-weight:850}.registration-why-cta small{font-size:.62rem;line-height:1.7;color:var(--text-secondary);margin-top:3px}.registration-why-cta a{white-space:nowrap;padding:9px 13px;border-radius:9px;color:#fff;background:var(--color-brand);text-decoration:none;font-size:.67rem;font-weight:800}.registration-form{scroll-margin-top:18px}
.registration-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:32px;border-radius:22px;background:linear-gradient(135deg,#1b2038,#46308b);color:#fff;margin-bottom:20px;overflow:hidden;position:relative}.registration-intro:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.05);left:-100px;top:-180px}.registration-intro>div{position:relative;z-index:1}.registration-intro h1{font-size:1.7rem;font-weight:900;margin:12px 0 8px}.registration-intro p{margin:0;max-width:640px;color:rgba(255,255,255,.68);font-size:.75rem;line-height:1.9}.registration-steps{display:flex;align-items:center;gap:8px;min-width:max-content}.registration-steps div{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.48);font-size:.65rem}.registration-steps div:not(:last-child):after{content:"";width:28px;height:1px;background:rgba(255,255,255,.18);margin-right:8px}.registration-steps b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24)}.registration-steps .active{color:#fff}.registration-steps .active b{background:var(--color-accent);border-color:var(--color-accent)}
.registration-alert{margin-bottom:18px}.registration-success{display:flex;align-items:flex-start;gap:18px;padding:32px;border:1px solid #bfe8cc;background:#f1fcf5;border-radius:18px;color:#116b35}.registration-success>span{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#dff6e7}.registration-success h2{font-size:1.1rem;font-weight:850;margin:0 0 8px}.registration-success p{color:#3d7653;font-size:.76rem;line-height:1.8}.registration-success a{font-size:.72rem;font-weight:800}.registration-form{display:grid;gap:18px}.form-section-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-xs)}.form-section-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--border)}.form-section-head>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--color-brand);background:var(--color-brand-soft)}.form-section-head>div{flex:1}.form-section-head h2{font-size:.9rem;font-weight:850;margin:0}.form-section-head p{font-size:.65rem;color:var(--text-secondary);margin:4px 0 0}.form-section-head>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-subtle);color:var(--text-secondary);font-size:.68rem}.form-label i{color:var(--color-danger);font-style:normal}.terms-check{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted);font-size:.7rem;line-height:1.7;cursor:pointer}.terms-check input{margin-top:4px}.registration-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.registration-submit-row strong,.registration-submit-row small{display:block}.registration-submit-row strong{font-size:.77rem}.registration-submit-row small{font-size:.65rem;color:var(--text-secondary);margin-top:5px}.registration-submit-row .auth-submit{width:auto;min-width:250px}.registration-footer{text-align:center;color:var(--text-tertiary);font-size:.62rem;margin-top:24px}

@media(max-width:1050px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100dvh}.auth-mobile-logo{display:grid}.registration-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-intro{align-items:flex-start;flex-direction:column}.registration-steps{width:100%;justify-content:space-between}}
@media(max-width:720px){.auth-panel{padding:26px 18px}.auth-card-head h2{font-size:1.45rem}.captcha-row{grid-template-columns:1fr}.captcha-box{width:190px}.auth-register-box{align-items:flex-start;flex-direction:column}.registration-shell{width:min(100% - 20px,1180px);padding-top:14px}.registration-header{margin-bottom:16px}.registration-header .auth-brand small{display:none}.registration-why-summary{min-height:74px;padding:13px}.registration-why-summary-icon{width:42px;height:42px;border-radius:12px}.registration-why-summary-copy strong{font-size:.88rem}.registration-why-summary-copy em{font-size:.59rem}.registration-why-toggle{width:34px;height:34px;padding:0;justify-content:center;border-radius:10px}.registration-why-toggle b{display:none}.registration-why-content{padding:13px}.registration-benefits-grid{grid-template-columns:1fr;gap:8px}.registration-benefit{min-height:0;padding:12px}.registration-benefit>span{width:36px;height:36px;border-radius:10px}.registration-benefit p{font-size:.61rem}.registration-why-cta{align-items:flex-start;flex-wrap:wrap;padding:12px}.registration-why-cta>div{width:calc(100% - 50px)}.registration-why-cta a{width:100%;text-align:center}.registration-intro{padding:24px 20px}.registration-intro h1{font-size:1.25rem}.registration-steps{overflow:auto}.form-section-card{padding:18px 15px}.registration-submit-row{align-items:stretch;flex-direction:column}.registration-submit-row .auth-submit{width:100%;min-width:0}}

/* Executive dashboard */
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:22px 24px;border-radius:18px;color:#fff;background:linear-gradient(128deg,#1b2037 0%,#29264d 52%,#4932a4 100%);position:relative;overflow:hidden}
.dashboard-hero:after{content:"";position:absolute;left:-50px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,66,.24),transparent 68%)}.dashboard-hero>div{position:relative;z-index:1}.dashboard-kicker{font-size:.62rem;font-weight:800;color:#cfc4ff}.dashboard-hero h2{font-size:1.18rem;font-weight:900;margin:6px 0}.dashboard-hero p{font-size:.69rem;color:rgba(255,255,255,.65);margin:0}.dashboard-hero-actions{display:flex;gap:8px;align-items:center}.dashboard-hero-actions .btn-light{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12);color:#fff}.dashboard-hero-actions .btn-primary{background:#fff!important;border-color:#fff!important;color:var(--color-brand)!important}.dashboard-hero-actions b{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--color-danger);color:#fff;font-size:.61rem}
.executive-metric{height:100%;min-height:126px;display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:.18s ease}.executive-metric:after{content:"";position:absolute;right:0;bottom:0;width:100%;height:3px;background:var(--metric-color,#5b3fd1);opacity:.85}.executive-metric:hover{color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.executive-metric-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:var(--metric-color,#5b3fd1);background:var(--metric-soft,#f0edff);flex:0 0 auto}.executive-metric-copy{display:flex;flex-direction:column;min-width:0}.executive-metric-copy small{color:var(--text-secondary);font-size:.68rem}.executive-metric-copy strong{font-size:1.28rem;line-height:1.4;font-weight:900;margin-top:3px;white-space:nowrap}.executive-metric-copy em{font-size:.6rem;color:var(--text-tertiary);font-style:normal;margin-top:5px;line-height:1.5}.metric-arrow{margin-right:auto;color:var(--text-tertiary);opacity:.7}.executive-metric.success{--metric-color:#159455;--metric-soft:#eaf9f1}.executive-metric.warning{--metric-color:#d47a16;--metric-soft:#fff4e7}.executive-metric.info{--metric-color:#2676c8;--metric-soft:#ebf4ff}.executive-metric.primary{--metric-color:#5b3fd1;--metric-soft:#f0edff}
.analytics-head{align-items:flex-start}.analytics-summary{text-align:left;display:flex;flex-direction:column;gap:2px}.analytics-summary span{font-size:.62rem;color:var(--text-secondary)}.analytics-summary strong{font-size:.9rem}.analytics-summary em{font-size:.6rem;font-style:normal}.analytics-summary em.positive{color:var(--color-success)}.analytics-summary em.negative{color:var(--color-danger)}
.chart-wrap{position:relative;width:100%}.chart-wrap-lg{height:300px}.chart-wrap-donut{height:215px;max-width:290px;margin:auto}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{font-size:1.35rem;font-weight:900}.donut-center span{font-size:.65rem;color:var(--text-secondary)}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.chart-legend-item{display:flex;align-items:center;gap:7px;font-size:.64rem;color:var(--text-secondary)}.chart-legend-item i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.chart-legend-item b{margin-right:auto;color:var(--text);font-size:.65rem}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.64rem;font-weight:750;background:var(--surface-subtle);color:var(--text-secondary);white-space:nowrap}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.success{color:#137d48;background:#e9f8f0}.status-badge.warning{color:#a55c09;background:#fff2df}.status-badge.danger{color:#b73f4a;background:#ffedef}.status-badge.info{color:#206bb8;background:#eaf3fd}.status-badge.neutral{color:var(--text-secondary)}
.date-stack{display:flex;flex-direction:column;line-height:1.45}.date-stack strong{font-size:.69rem;font-weight:700}.date-stack small{font-size:.61rem;color:var(--text-secondary)}.order-code{font-family:var(--font);font-size:.72rem}.identity-cell{display:flex;align-items:center;gap:9px}.identity-cell>div{display:flex;flex-direction:column}.identity-cell strong{font-size:.72rem}.identity-cell small{font-size:.62rem;color:var(--text-secondary);margin-top:3px}.identity-cell.compact strong{font-size:.7rem}.avatar-xs{width:29px;height:29px;border-radius:9px;font-size:.67rem}.avatar-lg{width:52px;height:52px;border-radius:15px;font-size:1.05rem}
.action-queue{padding-top:8px;padding-bottom:8px}.queue-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.queue-item:last-child{border-bottom:0}.queue-item:hover{color:var(--color-brand)}.queue-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-subtle);color:var(--text-secondary)}.queue-icon.primary{color:#5b3fd1;background:#f0edff}.queue-icon.warning{color:#c66f11;background:#fff3e2}.queue-icon.info{color:#2471bf;background:#ebf4ff}.queue-icon.success{color:#16864e;background:#eaf8f0}.queue-item>span:nth-child(2){flex:1;min-width:0}.queue-item strong,.queue-item small{display:block}.queue-item strong{font-size:.7rem}.queue-item small{font-size:.6rem;color:var(--text-secondary);margin-top:4px}.queue-item>b{font-size:.86rem}
.stock-list{padding:4px 20px 12px}.stock-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.8fr) 58px;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.stock-row:last-child{border-bottom:0}.stock-product b,.stock-product small{display:block}.stock-product b{font-size:.7rem}.stock-product small{font-size:.61rem;color:var(--text-secondary);margin-top:4px}.stock-progress{height:6px;border-radius:999px;background:var(--surface-subtle);overflow:hidden}.stock-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e25965,#f59e42)}.stock-count{text-align:left}.stock-count b,.stock-count small{display:block}.stock-count b{font-size:.79rem}.stock-count small{font-size:.57rem;color:var(--text-secondary)}.empty-state.compact{padding:28px}
.business-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.business-summary-grid>div{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.business-summary-grid>div>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--color-brand);background:var(--color-brand-soft);margin-bottom:12px}.business-summary-grid small,.business-summary-grid strong{display:block}.business-summary-grid small{font-size:.62rem;color:var(--text-secondary)}.business-summary-grid strong{font-size:.82rem;margin-top:5px}

/* Page toolbars and application review */
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.segmented-tabs{display:inline-flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.segmented-tabs a{min-height:38px;display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.69rem;font-weight:700}.segmented-tabs a.active{color:var(--color-brand);background:var(--color-brand-soft)}.segmented-tabs b{min-width:21px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--surface-subtle);font-size:.6rem}.segmented-tabs b.danger{color:#fff;background:var(--color-danger)}.mini-stat{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.mini-stat .status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary)}.mini-stat .status-dot.warning{background:#e28a26;box-shadow:0 0 0 5px #fff2df}.mini-stat .status-dot.success{background:#1c9a5a;box-shadow:0 0 0 5px #e9f8f0}.mini-stat .status-dot.danger{background:#d95662;box-shadow:0 0 0 5px #ffedef}.mini-stat strong,.mini-stat small{display:block}.mini-stat strong{font-size:1rem}.mini-stat small{font-size:.62rem;color:var(--text-secondary);margin-top:2px}.table-search{width:240px;height:38px;display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}.table-search span{width:38px;display:grid;place-items:center;color:var(--text-tertiary)}.table-search input{width:100%;border:0;outline:0;background:transparent;font-size:.68rem;color:var(--text)}
.app-modal{border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md)}.app-modal .modal-header,.app-modal .modal-footer{border-color:var(--border)}.application-profile-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border)}.application-profile-head>div{flex:1}.application-profile-head h3{font-size:.92rem;font-weight:850;margin:0}.application-profile-head p{font-size:.66rem;color:var(--text-secondary);margin:5px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:13px;overflow:hidden;margin-top:18px}.detail-grid>div{padding:13px;background:var(--surface)}.detail-grid>div.wide{grid-column:1/-1}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:.59rem;color:var(--text-secondary);margin-bottom:5px}.detail-grid strong{font-size:.69rem;font-weight:700;line-height:1.7}.document-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;text-decoration:none;font-size:.68rem;font-weight:700}.application-review-footer{display:grid!important;grid-template-columns:1fr;gap:10px}.approve-form,.reject-form{width:100%;display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.6fr) auto;gap:8px}.reject-form{grid-template-columns:1fr auto}.btn-success{color:#fff;background:#17864f;border-color:#17864f}.btn-outline-danger{color:var(--color-danger);border-color:#e9aeb3}.app-offcanvas{width:min(500px,94vw);background:var(--surface);color:var(--text)}.offcanvas-header{border-bottom:1px solid var(--border)}

/* Persian date picker corrections */
.datepicker-plot-area{font-family:var(--font)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:var(--shadow-md)!important}.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{background:var(--color-brand)!important}.js-jdatetime{direction:rtl}

@media(max-width:1199.98px){.app-content{padding-inline:20px}.dashboard-hero{align-items:flex-start}.analytics-summary{display:none}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.dashboard-hero{align-items:stretch;flex-direction:column;padding:20px}.dashboard-hero-actions{display:grid;grid-template-columns:1fr 1fr}.executive-metric{min-height:112px;padding:14px}.executive-metric-copy strong{font-size:1.05rem}.chart-wrap-lg{height:250px}.stock-row{grid-template-columns:1fr 52px}.stock-progress{display:none}.page-toolbar{align-items:stretch;flex-direction:column}.segmented-tabs{width:100%}.segmented-tabs a{flex:1;justify-content:center}.table-search{display:none}.detail-grid{grid-template-columns:1fr}.detail-grid>div.wide{grid-column:auto}.approve-form,.reject-form{grid-template-columns:1fr}.business-summary-grid{grid-template-columns:1fr 1fr}}

/* Settings workspace */
.settings-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{position:sticky;top:calc(var(--topbar-height) + 20px);overflow:hidden}.settings-nav-head{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--border)}.settings-nav-head>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand)}.settings-nav-head strong,.settings-nav-head small{display:block}.settings-nav-head strong{font-size:.76rem}.settings-nav-head small{font-size:.6rem;color:var(--text-secondary);margin-top:4px}.settings-nav nav{padding:8px}.settings-nav nav a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;text-decoration:none;color:var(--text-secondary)}.settings-nav nav a:hover{background:var(--surface-muted);color:var(--text)}.settings-nav nav a.active{color:var(--color-brand);background:var(--color-brand-soft)}.settings-nav nav a>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface-subtle)}.settings-nav nav a.active>span{background:rgba(91,63,209,.1)}.settings-nav nav strong,.settings-nav nav small{display:block}.settings-nav nav strong{font-size:.69rem}.settings-nav nav small{font-size:.57rem;color:var(--text-tertiary);margin-top:3px}.settings-security-note{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--border);font-size:.59rem;color:var(--text-secondary);line-height:1.7;background:var(--surface-muted)}.settings-content{min-width:0}.settings-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.settings-eyebrow{display:block;color:var(--color-brand);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.settings-page-head h2{font-size:1.14rem;font-weight:900;letter-spacing:-.035em;margin:5px 0 6px}.settings-page-head p{font-size:.68rem;color:var(--text-secondary);margin:0}.settings-form{display:grid;gap:16px}.settings-card{overflow:hidden}.settings-card-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.settings-card-head>span{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;color:var(--color-brand);background:var(--color-brand-soft)}.settings-card-head h3{font-size:.8rem;font-weight:850;margin:0}.settings-card-head p{font-size:.62rem;color:var(--text-secondary);margin:4px 0 0}.settings-card-body{padding:20px}.font-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.font-choice{display:grid;grid-template-columns:82px 1fr 18px;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:.15s}.font-choice:hover{border-color:var(--border-strong)}.font-choice:has(input:checked){border-color:var(--color-brand);background:var(--color-brand-soft);box-shadow:0 0 0 2px rgba(91,63,209,.06)}.font-preview{height:48px;display:grid;place-items:center;border-radius:9px;background:var(--surface-subtle);font-size:.84rem;font-weight:800}.font-choice strong,.font-choice small{display:block}.font-choice strong{font-size:.68rem}.font-choice small{font-size:.58rem;color:var(--text-secondary);margin-top:4px}.font-choice input{accent-color:var(--color-brand)}.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-toggle{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.toggle-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--color-brand);background:var(--color-brand-soft)}.settings-toggle strong,.settings-toggle small{display:block}.settings-toggle strong{font-size:.68rem}.settings-toggle small{font-size:.57rem;color:var(--text-secondary);margin-top:4px}.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-toggle>i{width:36px;height:21px;border-radius:999px;background:var(--border-strong);position:relative;transition:.18s}.settings-toggle>i:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;right:3px;top:3px;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s}.settings-toggle input:checked+i{background:var(--color-brand)}.settings-toggle input:checked+i:after{transform:translateX(-15px)}.settings-savebar{position:sticky;bottom:16px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-md);backdrop-filter:blur(12px)}html[data-theme="dark"] .settings-savebar{background:rgba(24,28,39,.94)}.settings-savebar strong,.settings-savebar small{display:block}.settings-savebar strong{font-size:.72rem}.settings-savebar small{font-size:.6rem;color:var(--text-secondary);margin-top:4px}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.provider-card{overflow:hidden}.provider-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.provider-identity{display:flex;align-items:center;gap:10px}.provider-identity>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--color-brand);background:var(--color-brand-soft)}.provider-identity strong,.provider-identity small{display:block}.provider-identity strong{font-size:.75rem}.provider-identity small{font-size:.58rem;color:var(--text-secondary);margin-top:3px}.provider-card form{padding:18px}.provider-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.provider-switches{display:flex;align-items:center;gap:12px}.provider-switches label{display:flex;align-items:center;gap:6px;font-size:.64rem;color:var(--text-secondary)}.provider-switches input{accent-color:var(--color-brand)}
@media(max-width:1100px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:static}.settings-nav nav{display:flex;gap:6px;overflow:auto}.settings-nav nav a{min-width:200px}.settings-security-note{display:none}.provider-grid{grid-template-columns:1fr}}
@media(max-width:700px){.settings-page-head{align-items:flex-start;flex-direction:column}.font-choice-grid,.settings-toggle-grid{grid-template-columns:1fr}.settings-card-body{padding:16px}.settings-savebar{align-items:stretch;flex-direction:column}.settings-savebar .btn{width:100%}.provider-card-footer{align-items:stretch;flex-direction:column}.provider-card-footer .btn{width:100%}}

/* Representative workspace */
.rep-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:20px;border-radius:19px;color:#fff;background:linear-gradient(128deg,#1a2038,#302763 55%,#5b3fd1);position:relative;overflow:hidden}.rep-hero:after{content:"";position:absolute;left:-90px;top:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,66,.25),transparent 66%)}.rep-hero>*{position:relative;z-index:1}.rep-hero h2{font-size:1.3rem;font-weight:900;margin:7px 0}.rep-hero p{font-size:.69rem;color:rgba(255,255,255,.67);margin:0}.rep-hero-tags{display:flex;gap:8px;margin-top:15px}.rep-hero-tags span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.09);font-size:.59rem;color:rgba(255,255,255,.82)}.rep-primary-action{min-width:310px;display:flex;align-items:center;gap:12px;padding:16px 17px;border-radius:15px;color:var(--color-brand);background:#fff;text-decoration:none;box-shadow:0 12px 28px rgba(13,10,42,.2)}.rep-primary-action:hover{color:var(--color-brand-hover);transform:translateY(-2px)}.rep-primary-action>svg{width:30px;height:30px}.rep-primary-action>span{display:flex;flex:1;flex-direction:column}.rep-primary-action strong{font-size:.78rem}.rep-primary-action small{font-size:.59rem;color:var(--text-secondary);margin-top:4px}.rep-primary-action>i{font-style:normal}.shipment-overview{display:flex;align-items:center;gap:10px}.shipment-overview>div{flex:1}.shipment-overview small,.shipment-overview strong{display:block}.shipment-overview small{font-size:.61rem;color:var(--text-secondary)}.shipment-overview strong{font-size:.75rem;margin-top:4px}.tracking-panel{margin-top:18px;padding:16px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-muted);text-align:center}.tracking-panel span,.tracking-panel strong,.tracking-panel small{display:block}.tracking-panel span{font-size:.6rem;color:var(--text-secondary)}.tracking-panel strong{font-size:1rem;letter-spacing:.08em;margin:8px 0}.tracking-panel small{font-size:.59rem;color:var(--text-tertiary)}.campaign-teaser{height:100%;display:flex;gap:12px;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.campaign-teaser>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#b56a13;background:#fff3df}.campaign-teaser>div{flex:1}.campaign-teaser small,.campaign-teaser strong{display:block}.campaign-teaser small{font-size:.58rem;color:var(--color-warning)}.campaign-teaser strong{font-size:.75rem;margin-top:4px}.campaign-teaser p{font-size:.61rem;color:var(--text-secondary);line-height:1.7;margin:6px 0 0}@media(max-width:850px){.rep-hero{align-items:stretch;flex-direction:column}.rep-primary-action{min-width:0;width:100%}}

/* Commerce infrastructure — v0.4.0 */
.integration-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.integration-picker{position:sticky;top:calc(var(--topbar-height) + 18px);overflow:hidden}.integration-picker-head{display:flex;flex-direction:column;gap:4px;padding:17px 18px;border-bottom:1px solid var(--border)}.integration-picker-head strong{font-size:.76rem}.integration-picker-head small{font-size:.6rem;color:var(--text-secondary)}.integration-picker nav{padding:8px}.integration-picker nav a{display:grid;grid-template-columns:38px 1fr 9px;align-items:center;gap:10px;padding:10px;border-radius:11px;color:var(--text-secondary);text-decoration:none;transition:.15s}.integration-picker nav a:hover{color:var(--text);background:var(--surface-muted)}.integration-picker nav a.active{color:var(--color-brand);background:var(--color-brand-soft)}.integration-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--color-brand);background:var(--surface-muted)}.integration-picker nav a.active .integration-logo{background:rgba(109,60,200,.12)}.integration-picker nav strong,.integration-picker nav small{display:block}.integration-picker nav strong{font-size:.69rem}.integration-picker nav small{font-size:.56rem;color:var(--text-tertiary);margin-top:3px}.integration-state{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.integration-state.is-on{background:var(--color-success);box-shadow:0 0 0 4px var(--color-success-soft)}.integration-detail{overflow:hidden}.integration-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.provider-identity{display:flex;align-items:center;gap:12px}.provider-identity>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--color-brand);background:var(--color-brand-soft)}.provider-identity h3{font-size:.86rem;font-weight:900;margin:3px 0}.provider-identity p{font-size:.62rem;color:var(--text-secondary);margin:0}.integration-form{padding:20px}.integration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.integration-options.compact{grid-template-columns:repeat(2,minmax(0,280px))}.switch-card{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.switch-card input{position:absolute;opacity:0;pointer-events:none}.switch-card span strong,.switch-card span small{display:block}.switch-card span strong{font-size:.66rem}.switch-card span small{font-size:.55rem;color:var(--text-secondary);margin-top:4px;line-height:1.55}.switch-card>i{width:36px;height:21px;border-radius:999px;background:var(--border-strong);position:relative;transition:.18s}.switch-card>i:after{content:"";position:absolute;right:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.switch-card input:checked~i{background:var(--color-brand)}.switch-card input:checked~i:after{transform:translateX(-15px)}.integration-submit{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.gateway-note,.demo-login-note{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 14px;border-radius:11px;background:var(--color-info-soft);color:var(--color-info);font-size:.61rem;line-height:1.75}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:4px 9px;border-radius:999px;font-size:.58rem;font-weight:750;background:var(--surface-muted);color:var(--text-secondary);white-space:nowrap}.status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge.success{color:var(--color-success);background:var(--color-success-soft)}.status-badge.neutral{color:var(--text-secondary);background:var(--surface-muted)}.subsection-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.subsection-title strong{font-size:.76rem}.subsection-title span{font-size:.59rem;color:var(--text-secondary)}

.bank-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bank-account-card{padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-muted))}.bank-account-card.is-default{border-color:color-mix(in srgb,var(--color-brand) 45%,var(--border));box-shadow:inset 0 3px 0 var(--color-brand)}.bank-account-head{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-bottom:14px}.bank-account-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--color-brand);background:var(--color-brand-soft)}.bank-account-head strong,.bank-account-head small{display:block}.bank-account-head strong{font-size:.72rem}.bank-account-head small{font-size:.56rem;color:var(--text-secondary);margin-top:4px}.bank-account-head em{font-style:normal;font-size:.55rem;padding:4px 7px;border-radius:999px;color:var(--color-brand);background:var(--color-brand-soft)}.bank-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px dashed var(--border)}.bank-line span{font-size:.58rem;color:var(--text-secondary)}.bank-line b{font-size:.7rem;letter-spacing:.035em}.bank-account-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.bank-account-actions{display:flex;align-items:center;gap:6px}.bank-account-actions form{margin:0}.bank-account-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}

.demo-credentials{padding:18px;margin-bottom:16px;border-color:color-mix(in srgb,var(--color-success) 30%,var(--border));background:var(--color-success-soft)}.demo-credentials-head{display:flex;align-items:center;gap:10px;color:var(--color-success)}.demo-credentials-head strong,.demo-credentials-head small{display:block}.demo-credentials-head strong{font-size:.76rem}.demo-credentials-head small{font-size:.58rem;margin-top:4px}.credential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.credential-grid>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(21,128,61,.2);border-radius:11px;background:var(--surface)}.credential-grid span{font-size:.58rem;color:var(--text-secondary)}.credential-grid b,.credential-grid code{font-size:.67rem}.credential-grid code{padding:4px 7px;border-radius:7px;background:var(--surface-muted);color:var(--text)}.demo-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.demo-overview-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:10px;padding:16px}.demo-overview-grid article>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--color-brand);background:var(--color-brand-soft)}.demo-overview-grid strong{font-size:.72rem}.demo-overview-grid small{font-size:.57rem;color:var(--text-secondary);margin-top:4px}.demo-import-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.demo-import-card>div{display:flex;align-items:center;gap:14px}.demo-import-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--color-brand),#8b5bd8)}.demo-import-card h3{font-size:.84rem;margin:0 0 5px}.demo-import-card p{font-size:.62rem;line-height:1.75;color:var(--text-secondary);margin:0}

/* Product catalog and editor */
.page-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.page-toolbar h2{font-size:1.18rem;font-weight:900;letter-spacing:-.035em;margin:4px 0 6px}.page-toolbar p{font-size:.66rem;color:var(--text-secondary);margin:0}.page-kicker{font-size:.57rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand)}.page-toolbar-actions{display:flex;align-items:center;gap:9px}.search-box{height:43px;min-width:270px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:.67rem}.catalog-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.catalog-summary-card{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.catalog-summary-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--color-brand);background:var(--color-brand-soft)}.catalog-summary-card strong,.catalog-summary-card small{display:block}.catalog-summary-card strong{font-size:.9rem}.catalog-summary-card small{font-size:.57rem;color:var(--text-secondary);margin-top:3px}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:48px;height:48px;border-radius:11px;object-fit:cover;background:var(--surface-muted);border:1px solid var(--border)}.product-thumb-placeholder{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;color:var(--text-tertiary);background:var(--surface-muted);border:1px solid var(--border)}.product-cell strong,.product-cell small{display:block}.product-cell strong{font-size:.68rem}.product-cell small{font-size:.57rem;color:var(--text-secondary);margin-top:4px}.data-card-v4{overflow:hidden}.data-card-v4>.card-header,.order-lines-card>.card-header,.payment-center-v4>.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.data-card-v4>.card-header strong,.data-card-v4>.card-header small,.order-lines-card>.card-header strong,.order-lines-card>.card-header small,.payment-center-v4>.card-header strong,.payment-center-v4>.card-header small{display:block}.data-card-v4>.card-header small,.order-lines-card>.card-header small,.payment-center-v4>.card-header small{font-size:.57rem;color:var(--text-secondary);margin-top:3px}
.product-editor{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:18px;align-items:start}.product-editor-main{display:grid;gap:16px}.product-editor-side{display:grid;gap:16px}.sticky-editor-card{position:sticky;top:calc(var(--topbar-height) + 18px)}.editor-card{overflow:hidden}.editor-card-head{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--border)}.editor-card-head.compact{padding:15px 17px}.editor-card-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--color-brand);background:var(--color-brand-soft)}.editor-card-head h3{font-size:.78rem;font-weight:850;margin:0}.editor-card-head p{font-size:.58rem;color:var(--text-secondary);margin:4px 0 0}.editor-card-body{padding:19px}.product-editor .form-label b{color:var(--color-danger)}.product-description{min-height:150px;line-height:1.9}.input-with-suffix{position:relative}.input-with-suffix .form-control{padding-left:72px}.input-with-suffix span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.58rem;color:var(--text-secondary)}.media-dropzone{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:15px;border:1.5px dashed var(--border-strong);border-radius:14px;text-align:center;cursor:pointer;background:var(--surface-muted);overflow:hidden}.media-dropzone:hover{border-color:var(--color-brand);background:var(--color-brand-soft)}.media-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.media-preview{width:72px;height:72px;display:grid;place-items:center;border-radius:16px;color:var(--color-brand);background:var(--surface)}.media-preview img{width:100%;height:100%;object-fit:cover}.media-dropzone.has-preview .media-preview{width:100%;height:155px}.media-dropzone strong{font-size:.7rem}.media-dropzone small{font-size:.56rem;color:var(--text-secondary)}

/* Order and payment center */
.order-page-v4{display:grid;gap:16px}.order-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.order-hero-main{display:flex;align-items:center;gap:13px}.order-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--color-brand),#8b5bd8)}.order-hero h2{font-size:1rem;font-weight:900;margin:3px 0}.order-hero p{font-size:.62rem;color:var(--text-secondary);margin:0}.order-hero-meta{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.order-hero-meta small{font-size:.58rem;color:var(--text-secondary)}.order-layout-v4{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.order-layout-v4>main,.order-layout-v4>aside{min-width:0}.order-lines-card{overflow:hidden}.order-lines-card td small{display:block;font-size:.55rem;color:var(--text-secondary);margin-top:3px}.order-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-top:1px solid var(--border)}.order-totals>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--surface)}.order-totals span{font-size:.59rem;color:var(--text-secondary)}.order-totals strong{font-size:.74rem}.order-totals .balance{background:var(--color-brand-soft)}.order-totals .balance strong{color:var(--color-brand)}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.payment-method-panel{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-muted)}.payment-method-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.payment-method-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--color-brand);background:var(--color-brand-soft)}.payment-method-title strong,.payment-method-title small{display:block}.payment-method-title strong{font-size:.74rem}.payment-method-title small{font-size:.57rem;color:var(--text-secondary);margin-top:4px}.gateway-choice-list{display:grid;gap:7px}.gateway-choice{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer}.gateway-choice>input{position:absolute;opacity:0}.gateway-choice>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--text-secondary);background:var(--surface-muted)}.gateway-choice strong,.gateway-choice small{display:block}.gateway-choice strong{font-size:.65rem}.gateway-choice small{font-size:.53rem;color:var(--text-secondary);margin-top:3px}.gateway-choice>i{width:17px;height:17px;border:2px solid var(--border-strong);border-radius:50%;position:relative}.gateway-choice:has(input:checked){border-color:var(--color-brand);background:var(--color-brand-soft)}.gateway-choice:has(input:checked)>i{border-color:var(--color-brand)}.gateway-choice:has(input:checked)>i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--color-brand)}.representative-bank-list{display:grid;gap:8px;margin-bottom:14px}.representative-bank-card{padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.representative-bank-card.is-default{border-color:color-mix(in srgb,var(--color-brand) 35%,var(--border))}.representative-bank-card>div strong,.representative-bank-card>div small{display:block}.representative-bank-card>div strong{font-size:.66rem}.representative-bank-card>div small{font-size:.53rem;color:var(--text-secondary);margin-top:3px}.representative-bank-card p{display:flex;justify-content:space-between;gap:10px;margin:8px 0 0;padding-top:7px;border-top:1px dashed var(--border)}.representative-bank-card p span{font-size:.54rem;color:var(--text-secondary)}.representative-bank-card p b{font-size:.62rem}.manual-payment-form{padding-top:14px;border-top:1px solid var(--border)}.order-summary-card dl{margin:0}.order-summary-card dl>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.order-summary-card dt{font-size:.57rem;color:var(--text-secondary);font-weight:500}.order-summary-card dd{font-size:.62rem;font-weight:650;margin:0;text-align:left}.order-address{padding-top:13px}.order-address span{font-size:.57rem;color:var(--text-secondary)}.order-address p{font-size:.62rem;line-height:1.8;margin:5px 0 0}.payment-history-list{display:grid;gap:8px}.payment-history-list article{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-radius:10px}.payment-history-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--color-brand);background:var(--color-brand-soft)}.payment-history-list strong,.payment-history-list small{display:block}.payment-history-list strong{font-size:.65rem}.payment-history-list small{font-size:.52rem;color:var(--text-secondary);margin-top:3px}.shipment-list-v4{display:grid;gap:9px}.shipment-list-v4 article{display:grid;gap:7px;padding:11px;border:1px solid var(--border);border-radius:11px}.shipment-list-v4 small{font-size:.54rem;color:var(--text-secondary)}.shipment-list-v4 b{font-size:.67rem}.payment-method-label{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.57rem;font-weight:700}.payment-method-label.is-online{color:var(--color-success);background:var(--color-success-soft)}.payment-method-label.is-manual{color:var(--color-info);background:var(--color-info-soft)}.payment-review-inline{display:grid;grid-template-columns:105px minmax(120px,1fr) auto;gap:6px;min-width:330px}

@media(min-width:992px){.app-sidebar{position:fixed;top:0;right:0;height:100dvh}.app-main{margin-right:var(--sidebar-width);transition:margin-right .2s ease}body.sidebar-collapsed .app-main{margin-right:var(--sidebar-collapsed)}}
@media(max-width:1200px){.product-editor{grid-template-columns:minmax(0,1fr) 300px}.order-layout-v4{grid-template-columns:minmax(0,1fr) 290px}.integration-workspace{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:991.98px){.integration-workspace,.product-editor,.order-layout-v4{grid-template-columns:1fr}.integration-picker,.sticky-editor-card{position:static}.integration-picker nav{display:flex;gap:7px;overflow-x:auto}.integration-picker nav a{min-width:200px}.product-editor-side{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method-grid{grid-template-columns:1fr}}
@media(max-width:760px){.integration-options,.integration-options.compact,.bank-account-grid,.credential-grid,.demo-overview-grid,.catalog-summary-grid,.product-editor-side,.order-totals{grid-template-columns:1fr}.page-toolbar,.settings-page-head,.demo-import-card,.order-hero{align-items:stretch;flex-direction:column}.page-toolbar-actions{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}.integration-detail-head{align-items:flex-start;flex-direction:column}.credential-grid>div{grid-template-columns:1fr}.demo-import-card>div{align-items:flex-start}.payment-review-inline{grid-template-columns:1fr;min-width:220px}}

/* Database upgrade center — v0.4.1 */
.system-upgrade-notice{display:flex;align-items:center;gap:12px;margin:14px 30px 0;padding:12px 14px;border:1px solid #f2c98d;border-radius:13px;background:#fff8ea;color:#8a4f08;box-shadow:var(--shadow-xs)}
.system-upgrade-notice-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#ffebc7;color:#aa650d}
.system-upgrade-notice>div{flex:1;min-width:0}.system-upgrade-notice strong,.system-upgrade-notice small{display:block}.system-upgrade-notice strong{font-size:.72rem;font-weight:850}.system-upgrade-notice small{margin-top:4px;font-size:.61rem;line-height:1.7;color:#9b681f}
.settings-nav nav a{position:relative}.settings-nav-badge{margin-right:auto;min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--color-warning);color:#fff;font-size:.57rem}
.database-upgrade-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;overflow:hidden;position:relative}
.database-upgrade-hero.has-update{border-color:#efc47f;background:linear-gradient(135deg,#fffdf8,#fff8e9)}
.database-upgrade-hero.is-current{border-color:#b9e5cb;background:linear-gradient(135deg,#fbfffc,#eefaf3)}
.database-upgrade-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:var(--color-brand);background:var(--color-brand-soft)}
.database-upgrade-hero.has-update .database-upgrade-icon{color:#a66009;background:#ffebc7}.database-upgrade-hero.is-current .database-upgrade-icon{color:var(--color-success);background:var(--color-success-soft)}
.database-upgrade-copy span{font-size:.59rem;color:var(--text-tertiary)}.database-upgrade-copy h3{margin:5px 0 7px;font-size:.93rem;font-weight:900}.database-upgrade-copy p{margin:0;max-width:760px;font-size:.65rem;line-height:1.85;color:var(--text-secondary)}
.migration-list{padding:8px 20px 18px}.migration-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.migration-list article:last-child{border-bottom:0}.migration-list article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--color-brand);background:var(--color-brand-soft);font-size:.64rem;font-weight:850}.migration-list strong,.migration-list small{display:block}.migration-list strong{font-size:.69rem}.migration-list small{margin-top:4px;color:var(--text-tertiary);font-size:.55rem}.migration-list b{font-size:.59rem;color:var(--text-secondary);font-weight:700}
html[data-theme="dark"] .system-upgrade-notice{border-color:rgba(202,138,4,.35);background:rgba(120,72,10,.22);color:#ffd99b}html[data-theme="dark"] .system-upgrade-notice small{color:#e8ba70}html[data-theme="dark"] .database-upgrade-hero.has-update{background:rgba(120,72,10,.18)}html[data-theme="dark"] .database-upgrade-hero.is-current{background:rgba(20,110,63,.16)}
@media(max-width:991.98px){.system-upgrade-notice{margin:10px 14px 0}.database-upgrade-hero{grid-template-columns:50px minmax(0,1fr)}.database-upgrade-hero form{grid-column:1/-1}.database-upgrade-hero .btn{width:100%}}
@media(max-width:575.98px){.system-upgrade-notice{align-items:flex-start;flex-wrap:wrap}.system-upgrade-notice .btn{width:100%}.database-upgrade-hero{grid-template-columns:1fr}.database-upgrade-icon{width:48px;height:48px}.migration-list article{grid-template-columns:30px minmax(0,1fr)}.migration-list article>b{grid-column:2}}

/* Advanced B2B modules — v0.5.0 */
.app-sidebar{position:fixed!important;inset-block:0!important;right:0!important;height:100dvh!important;overflow:hidden}
.app-nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:12px}.app-sidebar-footer{flex:0 0 auto}
.workflow-list{display:grid;gap:14px}.workflow-card{scroll-margin-top:90px}.workflow-color{width:18px;height:42px;border-radius:999px;background:var(--status-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--status-color) 12%,transparent);flex:0 0 auto}.workflow-color.sm{width:9px;height:9px;box-shadow:none}.form-section-title{font-size:.7rem;font-weight:850;margin-bottom:12px}.status-transition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.status-transition-list label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;font-size:.61rem;background:var(--surface-muted)}
.data-pairs{display:grid;gap:9px}.data-pairs>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px dashed var(--border)}.data-pairs>div:last-child{border-bottom:0}.data-pairs span{font-size:.57rem;color:var(--text-secondary)}.data-pairs b{font-size:.61rem;text-align:left}
.permission-matrix{max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:10px}.permission-matrix h4{position:sticky;top:-10px;margin:0 -10px 7px;padding:8px 10px;background:var(--surface-muted);font-size:.61rem;color:var(--text-secondary);z-index:1}.permission-option{display:flex;align-items:flex-start;gap:9px;padding:8px;border-radius:9px;cursor:pointer}.permission-option:hover{background:var(--surface-muted)}.permission-option span{display:grid}.permission-option strong{font-size:.61rem}.permission-option small{font-size:.5rem;color:var(--text-tertiary)}
.backup-option{transition:transform .18s,border-color .18s}.backup-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-brand) 35%,var(--border))}.banner-admin-preview{width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--surface-muted)}
.variant-table-wrap{overflow-x:auto}.variant-table-head,.variant-editor-row{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(125px,1fr) repeat(4,minmax(105px,.8fr)) 38px;gap:9px;align-items:start;min-width:980px}.variant-table-head{padding:0 4px 9px;color:var(--text-secondary);font-size:.55rem}.variant-editor-row{padding:12px 0;border-top:1px solid var(--border)}.variant-editor-row:first-child{border-top:0}.color-inline{display:grid;grid-template-columns:38px 1fr;gap:5px;margin-top:6px}.color-inline input[type=color]{width:38px;height:31px;border:1px solid var(--border);border-radius:8px;padding:2px;background:var(--surface)}
.variant-color-cell{display:flex;align-items:center;gap:8px}.variant-color-cell i{width:17px;height:17px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border)}.order-checkout-card{background:linear-gradient(145deg,var(--surface),var(--color-brand-soft));border-color:color-mix(in srgb,var(--color-brand) 22%,var(--border))}.checkout-total{display:grid;gap:7px;padding:18px 0}.checkout-total small{color:var(--text-secondary)}.checkout-total strong{font-size:1.45rem;font-weight:950;letter-spacing:-.04em}
.campaign-value{font-size:1.45rem;font-weight:950;color:var(--color-brand)}.campaign-offcanvas{width:min(620px,95vw)!important}.chart-stage{height:310px}
.representative-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.representative-banner{min-height:190px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,#261550,#6b45d8);text-decoration:none;color:#fff;isolation:isolate}.representative-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.representative-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,16,34,.8),rgba(18,16,34,.15));z-index:-1}.representative-banner-copy{padding:22px;max-width:75%}.representative-banner-copy span{font-size:.55rem;opacity:.8}.representative-banner-copy h3{font-size:1rem;font-weight:900;margin:7px 0}.representative-banner-copy p{font-size:.62rem;margin:0;opacity:.88;line-height:1.75}.announcement-list{display:grid}.announcement-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px 20px;border-top:1px solid var(--border)}.announcement-list h3{font-size:.7rem;margin:0 0 5px}.announcement-list p{font-size:.61rem;color:var(--text-secondary);line-height:1.8;margin:0}.announcement-list small{display:block;font-size:.52rem;color:var(--text-tertiary);margin-top:6px}
.status-badge[style*="--status-color"] i{background:var(--status-color)!important}.accordion-button{font-size:.62rem;font-weight:750}.accordion-body{background:var(--surface-muted)}
@media(max-width:991.98px){.app-sidebar{right:0!important}.representative-banner-grid{grid-template-columns:1fr}.status-transition-list{grid-template-columns:1fr}.variant-table-head,.variant-editor-row{min-width:900px}}
@media(max-width:575.98px){.representative-banner-copy{max-width:100%;padding:18px}.workflow-card .card-header{flex-direction:column}}

.application-actions{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.reject-request{position:relative}.reject-request>summary{list-style:none;cursor:pointer}.reject-request>summary::-webkit-details-marker{display:none}.reject-request-form{position:absolute;z-index:30;inset-inline-end:0;top:calc(100% + .5rem);width:280px;padding:1rem;background:var(--dalan-surface,#fff);border:1px solid var(--dalan-border,#e2e8f0);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.workflow-route-summary{display:grid;gap:.65rem}.workflow-route-summary>span{font-size:.78rem;color:var(--text-secondary);font-weight:700}.workflow-route-summary>div{display:flex;gap:.5rem;flex-wrap:wrap}.workflow-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid var(--border);border-radius:999px;font-size:.78rem;background:var(--surface-muted)}.workflow-chip i{width:.5rem;height:.5rem;border-radius:50%}.workflow-editor-panel{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted)}.transition-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.transition-check-grid label{display:flex;gap:.45rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.82rem}.transition-check-grid input{accent-color:var(--primary)}@media(max-width:767.98px){.transition-check-grid{grid-template-columns:1fr}}
.permission-edit-row td{background:var(--surface-subtle);padding:0!important}.permission-editor{padding:1.25rem}.permission-editor-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.permission-editor-head small{display:block;color:var(--text-muted);margin-top:.25rem}.permission-groups{display:grid;gap:1rem}.permission-groups section{border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;background:var(--surface)}.permission-groups h4{font-size:.8rem;color:var(--text-muted);margin:0 0 .75rem}.permission-matrix.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}@media(max-width:768px){.permission-editor-head{align-items:flex-start;flex-direction:column}.permission-matrix.compact{grid-template-columns:1fr}}

/* --- Patch 0.6.0 --- */
body.role-admin .app-sidebar{background:linear-gradient(180deg,#0f172a 0%,#132238 100%)}
body.role-admin .brand-mark{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}
body.role-admin .sidebar-primary-action,body.role-admin .btn-primary{background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-color:transparent}
body.role-admin .dashboard-hero{background:linear-gradient(135deg,#0f172a,#164e63)}
body.role-representative .rep-hero{background:linear-gradient(135deg,#312e81,#6d28d9)}

.executive-metric.static{display:flex;cursor:default}
.product-store-grid{display:grid;gap:1rem}
.storefront-product .card-body{display:flex;flex-direction:column;gap:1rem}
.storefront-head{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:1rem;align-items:start}
.storefront-main-image{border:1px solid var(--ds-border,#e5e7eb);border-radius:1.25rem;overflow:hidden;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.storefront-main-image img{width:100%;height:100%;object-fit:cover}
.storefront-image-placeholder{color:#64748b;font-size:.95rem}
.storefront-thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.storefront-thumb{border:1px solid var(--ds-border,#e5e7eb);padding:.15rem;border-radius:.9rem;background:#fff;width:60px;height:60px;overflow:hidden}
.storefront-thumb img{width:100%;height:100%;object-fit:cover}
.storefront-title{font-size:1.2rem;margin:0 0 .25rem}
.storefront-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:#64748b;font-size:.92rem;margin-bottom:.75rem}
.storefront-summary{color:#334155;margin-bottom:.75rem}
.storefront-description summary{cursor:pointer;color:#4f46e5;font-weight:600;margin-bottom:.5rem}
.storefront-variant-table th,.storefront-variant-table td{vertical-align:middle}
.mini-cart-list{display:flex;flex-direction:column;gap:.75rem;max-height:260px;overflow:auto}
.mini-cart-item{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid var(--ds-border,#e5e7eb);border-radius:1rem;background:rgba(99,102,241,.04)}
.mini-cart-item strong{display:block}
.mini-cart-item small{display:block;color:#64748b}
.address-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}
.address-card{border:1px solid var(--ds-border,#e5e7eb);border-radius:1.25rem;padding:1rem;background:#fff}
.address-card.is-default{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08)}
.address-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.5rem}
.address-card p{margin:0;color:#334155;white-space:pre-wrap}
.small-muted{font-size:.86rem;color:#64748b}
@media (max-width: 991.98px){.storefront-head{grid-template-columns:1fr}}

/* --- Patch 0.6.1 --- */
body.role-admin .app-sidebar,
body.role-admin .dashboard-hero,
body.role-admin .sidebar-primary-action,
body.role-admin .brand-mark,
body.role-admin .btn-primary{background:unset}
body.role-admin .app-sidebar{background:var(--surface)!important}
body.role-admin .btn-primary{background:var(--color-brand)!important;border-color:var(--color-brand)!important}

body.role-representative .rep-hero,
body.role-representative .rep-store-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-brand) 16%,var(--border));border-radius:28px;padding:28px;background:
radial-gradient(circle at 12% 16%, rgba(246,173,85,.18), transparent 18%),
radial-gradient(circle at 88% 22%, rgba(99,102,241,.12), transparent 22%),
linear-gradient(135deg,#ffffff,#f7f5ff 38%,#eef2ff 100%);box-shadow:0 28px 60px rgba(91,73,160,.08)}
body.role-representative .rep-hero:after,
body.role-representative .rep-store-hero:after{content:"";position:absolute;inset:auto -60px -70px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(99,102,241,.16), transparent 65%)}
body.role-representative .rep-hero-copy,
body.role-representative .rep-store-hero-copy{position:relative;z-index:1}
body.role-representative .rep-primary-action{background:#fff;border:1px solid rgba(99,102,241,.14);box-shadow:0 18px 45px rgba(91,73,160,.12);color:var(--text)}
body.role-representative .rep-primary-action strong{color:var(--color-brand)}
body.role-representative .executive-metric{border-radius:22px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
body.role-representative .app-nav-item.active,body.role-representative .app-nav-subitem.active{background:linear-gradient(90deg,rgba(99,102,241,.12),rgba(99,102,241,.04))}
body.role-representative .sidebar-primary-action{background:linear-gradient(135deg,#6d5ef7,#8a5cff)!important}
body.role-representative .sidebar-primary-action:hover{background:linear-gradient(135deg,#5b4cf0,#7746f7)!important}

.rep-store-hero{display:grid;grid-template-columns:minmax(0,1.35fr) 320px;gap:18px;align-items:stretch;margin-bottom:18px}
.rep-store-hero h2{font-size:1.45rem;font-weight:950;margin:6px 0 10px}
.rep-store-hero p{max-width:780px;margin:0;color:var(--text-secondary);line-height:1.95}
.rep-store-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.rep-store-hero-stats{display:grid;grid-template-columns:1fr;gap:12px;align-self:stretch}
.rep-store-hero-stats article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:1px solid rgba(99,102,241,.1);border-radius:22px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}
.rep-store-hero-stats strong{font-size:1.1rem;font-weight:900;color:var(--color-brand)}
.rep-store-hero-stats span{font-size:.7rem;color:var(--text-secondary)}
.count-pill{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand);font-size:.72rem;font-weight:850}
.store-filter-card{border-radius:24px;overflow:hidden}
.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.store-product-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:26px;background:var(--surface);overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease}
.store-product-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(15,23,42,.08)}
.store-card-media{position:relative;display:block;aspect-ratio:1/1;background:linear-gradient(145deg,#fff,#f6f4ff);overflow:hidden;text-decoration:none}
.store-card-media img{width:100%;height:100%;object-fit:cover}
.store-card-media span{display:grid;place-items:center;height:100%;color:var(--text-secondary)}
.store-card-media em{position:absolute;inset:16px auto auto 16px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-style:normal;font-size:.58rem;font-weight:800;color:var(--color-brand)}
.store-card-body{display:flex;flex-direction:column;gap:12px;padding:18px}
.store-card-topline{display:flex;justify-content:space-between;gap:8px;color:var(--text-secondary);font-size:.6rem}
.store-product-card h3{font-size:.88rem;font-weight:900;line-height:1.7;margin:0}.store-product-card h3 a{text-decoration:none;color:var(--text)}
.store-product-card p{min-height:46px;margin:0;color:var(--text-secondary);font-size:.63rem;line-height:1.9}
.store-card-metrics{display:flex;flex-wrap:wrap;gap:8px}.store-card-metrics span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--surface-muted);font-size:.58rem;color:var(--text-secondary)}.store-card-metrics i{display:grid;place-items:center;color:var(--color-brand)}
.store-card-price{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#f8f7ff,#f2f5ff)}
.store-card-price small,.store-card-price span{display:block;color:var(--text-secondary);font-size:.56rem}.store-card-price strong{font-size:.95rem;font-weight:900;color:var(--text)}
.store-card-actions{display:grid;gap:10px;margin-top:auto}.store-card-action-row{display:grid;grid-template-columns:88px 1fr;gap:8px}.empty-inline{font-size:.62rem;color:var(--text-secondary);padding:.6rem 0}
.crumbs{display:flex;gap:8px;align-items:center;color:var(--text-secondary);font-size:.68rem}.crumbs a{text-decoration:none;color:var(--color-brand)}
.product-detail-shell{display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:20px;align-items:start}.product-gallery-panel,.product-summary-panel{border-radius:26px;overflow:hidden}
.product-gallery-panel{padding:18px}.product-detail-main-image{border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#fff,#f5f3ff);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.08)}.product-detail-main-image img{width:100%;height:100%;object-fit:cover}.product-detail-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.product-thumb-btn{width:74px;height:74px;border-radius:18px;border:1px solid var(--border);overflow:hidden;background:#fff;padding:4px}.product-thumb-btn img{width:100%;height:100%;object-fit:cover}
.product-summary-panel{padding:22px}.product-summary-head h1{font-size:1.35rem;font-weight:950;line-height:1.5;margin:10px 0}.product-category-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand);font-size:.62rem;font-weight:850}.product-meta-row{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-secondary);font-size:.64rem}.product-meta-row a{color:var(--color-brand);text-decoration:none}.product-lead{font-size:.68rem;line-height:2;color:var(--text-secondary);margin:14px 0 0}
.product-purchase-box,.product-description-box{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fff,#fcfbff)}
.section-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-title-row strong{font-size:.8rem}.section-title-row small{font-size:.58rem;color:var(--text-secondary)}
.variant-radio{display:inline-flex;align-items:center;gap:6px}.variant-radio input{accent-color:var(--color-brand)}
.variant-image-gallery{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:4px;scrollbar-width:thin}.variant-image-card{flex:0 0 92px;display:grid;gap:7px;padding:7px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:center;transition:.18s ease}.variant-image-card:hover{border-color:color-mix(in srgb,var(--color-brand) 45%,var(--border));transform:translateY(-1px)}.variant-image-card img{width:76px;height:76px;object-fit:cover;border-radius:12px;background:var(--surface-muted)}.variant-image-card span{font-size:.56rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-variant-selection-table th{white-space:nowrap}.product-variant-selection-table tbody tr{transition:background .16s ease,box-shadow .16s ease}.product-variant-selection-table tbody tr.is-selected{background:color-mix(in srgb,var(--color-brand-soft) 72%,#fff)}.product-variant-selection-table tbody tr.is-unavailable{opacity:.58}.variant-multi-select{display:flex;align-items:center;gap:9px;min-width:185px;cursor:pointer}.variant-multi-select>input{width:18px;height:18px;margin:0;accent-color:var(--color-brand);flex:0 0 auto}.variant-multi-select .variant-swatch{width:19px;height:19px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);flex:0 0 auto}.variant-row-image{width:44px;height:44px;border-radius:11px;object-fit:cover;border:1px solid var(--border);background:var(--surface-muted);cursor:zoom-in}.variant-multi-select span{display:grid;gap:2px}.variant-multi-select strong{font-size:.66rem;line-height:1.6}.variant-multi-select small{font-size:.52rem;color:var(--color-danger)}.variant-extra-meta{padding-right:27px}.variant-qty-input{width:92px;min-width:92px;text-align:center}.product-add-actions{display:flex;align-items:end;gap:10px;justify-content:space-between;margin-top:14px}.qty-inline{display:grid;gap:6px;max-width:120px}.multi-variant-actions{align-items:center}.selected-variant-summary{display:grid;gap:3px}.selected-variant-summary strong{font-size:.66rem}.selected-variant-summary small{font-size:.56rem;color:var(--text-secondary)}
.product-description-content{font-size:.67rem;line-height:2;color:var(--text-secondary)}.product-description-content p{margin:0 0 .9em}.product-description-content p:last-child{margin-bottom:0}.product-description-content ul,.product-description-content ol{margin:.65em 0;padding-right:1.4rem}.product-description-content li{margin:.28em 0}.product-description-content h2,.product-description-content h3,.product-description-content h4{color:var(--text);font-weight:900;line-height:1.7;margin:1.05em 0 .45em}.product-description-content h2{font-size:.88rem}.product-description-content h3{font-size:.8rem}.product-description-content h4{font-size:.74rem}.product-description-content blockquote{margin:.8em 0;padding:10px 14px;border-right:3px solid var(--color-brand);border-radius:10px;background:var(--surface-muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag-cloud span{padding:7px 11px;border-radius:999px;background:var(--surface-muted);font-size:.58rem;color:var(--text-secondary)}
.related-product-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related-product-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:20px;background:#fff;text-decoration:none;color:var(--text);box-shadow:0 12px 28px rgba(15,23,42,.05)}.related-product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:var(--surface-muted)}.related-product-card strong{font-size:.74rem}.related-product-card span{font-size:.58rem;color:var(--text-secondary);line-height:1.8}
.cart-line-item{display:flex;align-items:center;gap:12px}.cart-line-item img{width:64px;height:64px;object-fit:cover;border-radius:16px;border:1px solid var(--border);background:var(--surface-muted)}.cart-line-item strong,.cart-line-item small{display:block}.cart-line-item small{color:var(--text-secondary);margin-top:4px}
@media(max-width:1199.98px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-shell{grid-template-columns:1fr}.related-product-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-store-hero{grid-template-columns:1fr}}
@media(max-width:767.98px){.store-grid,.related-product-row{grid-template-columns:1fr}.store-card-action-row,.product-add-actions{grid-template-columns:1fr;display:grid}.multi-variant-actions .btn{width:100%}.variant-image-card{flex-basis:82px}.variant-image-card img{width:66px;height:66px}.variant-multi-select{min-width:165px}.variant-row-image{width:40px;height:40px}.variant-qty-input{width:78px;min-width:78px}.rep-store-hero{padding:22px}.rep-store-hero-stats article{border-radius:18px}}

/* --- Patch 0.6.2: representative portal and hero repair --- */
body.role-admin .dashboard-hero{
  background:linear-gradient(128deg,#1b2037 0%,#29264d 52%,#4932a4 100%)!important;
  color:#fff!important;
}
body.role-admin .dashboard-hero h2,
body.role-admin .dashboard-hero .dashboard-kicker{color:#fff!important}
body.role-admin .dashboard-hero p{color:rgba(255,255,255,.68)!important}
body.role-admin .dashboard-hero-actions .btn-primary{background:#fff!important;border-color:#fff!important;color:var(--color-brand)!important}
body.role-admin .dashboard-hero-actions .btn-light{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important}

body.role-representative .app-sidebar{background:linear-gradient(180deg,#ffffff 0%,#faf9ff 100%);border-left-color:rgba(99,102,241,.12)}
body.role-representative .brand-mark{background:linear-gradient(145deg,#7357f1,#5e42dd 65%,#f49a3f)}
body.role-representative .nav-item-icon{border-radius:9px;background:rgba(99,102,241,.06)}
body.role-representative .app-nav-item.active .nav-item-icon,
body.role-representative .nav-group.has-active>.nav-group-trigger .nav-item-icon{background:rgba(99,102,241,.14);color:var(--color-brand)}
body.role-representative .sidebar-user{background:linear-gradient(135deg,#f8f7ff,#f1efff)}

.rep-portal-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:24px;margin-bottom:20px;padding:30px;border-radius:28px;overflow:hidden;color:#fff;background:
radial-gradient(circle at 12% 14%,rgba(245,158,66,.35),transparent 20%),
radial-gradient(circle at 86% 110%,rgba(141,102,255,.45),transparent 34%),
linear-gradient(128deg,#171d36 0%,#292250 48%,#5a3bd0 100%);box-shadow:0 28px 65px rgba(47,38,101,.18)}
.rep-portal-hero:before{content:"";position:absolute;left:-80px;bottom:-140px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.022)}
.rep-portal-copy,.rep-portal-actions{position:relative;z-index:1}.rep-portal-eyebrow{font-size:.62rem;font-weight:800;color:#d9d0ff}.rep-portal-copy h2{font-size:1.42rem;font-weight:950;margin:8px 0}.rep-portal-copy p{margin:0;color:rgba(255,255,255,.68);font-size:.7rem}.rep-portal-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.rep-portal-badges span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.08);font-size:.58rem;color:rgba(255,255,255,.84);backdrop-filter:blur(8px)}
.rep-portal-actions{display:grid;gap:10px}.rep-action-card{display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:11px;min-height:78px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.09);color:#fff;text-decoration:none;backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease}.rep-action-card:hover{color:#fff;background:rgba(255,255,255,.15);transform:translateY(-2px)}.rep-action-card.is-primary{background:#fff;color:var(--text);box-shadow:0 18px 34px rgba(10,8,30,.18)}.rep-action-card.is-primary:hover{color:var(--text)}.rep-action-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.1);color:#fff}.rep-action-card.is-primary .rep-action-icon{background:var(--color-brand-soft);color:var(--color-brand)}.rep-action-card strong,.rep-action-card small{display:block}.rep-action-card strong{font-size:.76rem}.rep-action-card small{font-size:.56rem;color:rgba(255,255,255,.62);margin-top:4px}.rep-action-card.is-primary small{color:var(--text-secondary)}.rep-action-card>i{display:grid;place-items:center;font-style:normal}

.rep-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.rep-overview-card{position:relative;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;min-height:126px;padding:17px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:0 16px 36px rgba(15,23,42,.055);overflow:hidden}.rep-overview-card:after{content:"";position:absolute;right:0;bottom:0;width:100%;height:4px;background:var(--tone)}.rep-overview-card:hover{color:var(--text);transform:translateY(-2px);box-shadow:0 20px 45px rgba(15,23,42,.08)}.rep-overview-card.tone-violet{--tone:#7357f1;--soft:#f0edff}.rep-overview-card.tone-amber{--tone:#ee931f;--soft:#fff4e4}.rep-overview-card.tone-green{--tone:#20a36a;--soft:#e9f8f1}.rep-overview-card.tone-blue{--tone:#318bd5;--soft:#eaf4ff}.rep-overview-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--tone);background:var(--soft)}.rep-overview-card small,.rep-overview-card strong,.rep-overview-card p{display:block}.rep-overview-card small{font-size:.6rem;color:var(--text-secondary)}.rep-overview-card strong{font-size:1rem;font-weight:950;margin-top:5px;white-space:nowrap}.rep-overview-card p{font-size:.55rem;color:var(--text-tertiary);margin:5px 0 0}.rep-overview-arrow{display:grid;place-items:center;color:var(--text-tertiary)}

.rep-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.rep-dashboard-main,.rep-dashboard-side{display:grid;gap:16px}.rep-products-panel,.rep-orders-panel,.rep-status-card,.rep-shipment-card,.rep-support-card{border-radius:22px;overflow:hidden}.rep-product-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.rep-product-mini{position:relative;display:grid;grid-template-columns:72px 1fr 16px;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,#fff,#faf9ff);color:var(--text);text-decoration:none}.rep-product-mini:hover{color:var(--text);border-color:rgba(99,102,241,.24);box-shadow:0 14px 30px rgba(91,73,160,.08)}.rep-product-mini-media{width:72px;height:72px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:var(--surface-muted);color:var(--color-brand)}.rep-product-mini-media img{width:100%;height:100%;object-fit:cover}.rep-product-mini-copy{min-width:0}.rep-product-mini-copy span,.rep-product-mini-copy strong,.rep-product-mini-copy small{display:block}.rep-product-mini-copy span{font-size:.52rem;color:var(--text-tertiary)}.rep-product-mini-copy strong{font-size:.64rem;line-height:1.65;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-product-mini-copy small{font-size:.6rem;color:var(--color-brand);font-weight:800}.rep-product-mini>i{display:grid;place-items:center;color:var(--text-tertiary);font-style:normal}
.rep-order-list{display:grid}.rep-order-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(145px,1fr) minmax(120px,.9fr) 100px 22px;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--border);color:var(--text);text-decoration:none}.rep-order-row:hover{color:var(--text);background:var(--surface-muted)}.rep-order-code{font-weight:850;color:var(--color-brand);direction:ltr;text-align:right}.rep-order-amount small,.rep-order-amount strong{display:block}.rep-order-amount small{font-size:.53rem;color:var(--text-tertiary)}.rep-order-amount strong{font-size:.64rem;margin-top:4px}.rep-order-arrow{display:grid;place-items:center;color:var(--text-tertiary)}
.rep-status-stack{display:grid;padding:14px}.rep-status-stack article{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:11px;border-bottom:1px dashed var(--border)}.rep-status-stack article:last-child{border-bottom:0}.rep-status-stack article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--color-brand-soft);color:var(--color-brand)}.rep-status-stack small,.rep-status-stack strong{display:block}.rep-status-stack small{font-size:.56rem;color:var(--text-secondary)}.rep-status-stack strong{font-size:.72rem;margin-top:4px}.rep-shipment-top{display:flex;align-items:center;gap:11px}.rep-shipment-top>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eaf4ff;color:#318bd5}.rep-shipment-top small,.rep-shipment-top strong{display:block}.rep-shipment-top small{font-size:.55rem;color:var(--text-secondary)}.rep-shipment-top strong{font-size:.72rem;margin-top:4px}.rep-tracking-code{margin-top:14px;padding:14px;border-radius:15px;background:var(--surface-muted);text-align:center}.rep-tracking-code small,.rep-tracking-code strong{display:block}.rep-tracking-code small{font-size:.55rem;color:var(--text-secondary)}.rep-tracking-code strong{font-size:.86rem;letter-spacing:.08em;margin-top:6px}.rep-support-card .card-body{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.rep-support-card .card-body>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;color:#318bd5}.rep-support-card strong{font-size:.72rem}.rep-support-card p{font-size:.55rem;color:var(--text-secondary);margin:4px 0 0}.rep-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rep-campaign-card{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:17px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#fff,#fff9f1)}.rep-campaign-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#fff0d9;color:#c87513}.rep-campaign-card small,.rep-campaign-card strong{display:block}.rep-campaign-card small{font-size:.55rem;color:#c87513}.rep-campaign-card strong{font-size:.72rem;margin-top:4px}.rep-campaign-card p{font-size:.57rem;color:var(--text-secondary);margin:5px 0 0}
@media(max-width:1399.98px){.rep-product-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1199.98px){.rep-portal-hero{grid-template-columns:1fr}.rep-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-dashboard-grid{grid-template-columns:1fr}.rep-dashboard-side{grid-template-columns:repeat(3,minmax(0,1fr))}.rep-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.rep-portal-hero{padding:22px}.rep-overview-grid,.rep-product-strip,.rep-dashboard-side,.rep-campaign-grid{grid-template-columns:1fr}.rep-order-row{grid-template-columns:1fr auto;gap:7px}.rep-order-amount,.rep-order-row .status-badge,.rep-order-row .date-stack{grid-column:auto}.rep-order-arrow{display:none}.rep-support-card .card-body{grid-template-columns:42px 1fr}.rep-support-card .btn{grid-column:1/-1}}

/* --- Patch 0.6.3: admin design system upgrade + real demo media --- */
body.role-admin{
  --admin-glow:rgba(109,60,200,.14);
  --admin-glow-strong:rgba(109,60,200,.24);
}
body.role-admin .app-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fcfbff 100%)!important;
  border-left-color:rgba(109,60,200,.10)!important;
  box-shadow:0 0 0 1px rgba(109,60,200,.02),0 24px 50px rgba(15,23,42,.04);
}
body.role-admin .app-brand{padding-bottom:18px}
body.role-admin .nav-item-icon{
  border-radius:10px;
  background:linear-gradient(180deg,#faf8ff,#f4f1ff);
  box-shadow:inset 0 0 0 1px rgba(109,60,200,.06);
}
body.role-admin .app-nav-item.active,
body.role-admin .nav-group.has-active>.nav-group-trigger,
body.role-admin .app-nav-subitem.active{
  color:var(--color-brand)!important;
  background:linear-gradient(90deg,rgba(109,60,200,.12),rgba(109,60,200,.04))!important;
}
body.role-admin .app-nav-item.active .nav-item-icon,
body.role-admin .nav-group.has-active>.nav-group-trigger .nav-item-icon,
body.role-admin .app-nav-subitem.active .nav-subitem-dot{
  color:var(--color-brand)!important;
}
body.role-admin .sidebar-user{
  padding:9px;
  border-radius:18px;
  background:linear-gradient(135deg,#fbfaff,#f3efff);
  border:1px solid rgba(109,60,200,.08);
}
body.role-admin .sidebar-primary-action,
body.role-admin .btn-primary{
  background:linear-gradient(135deg,#6d3cc8 0%,#7f4ae2 60%,#9b63ff 100%)!important;
  border-color:transparent!important;
  box-shadow:0 14px 28px rgba(109,60,200,.18);
}
body.role-admin .sidebar-primary-action:hover,
body.role-admin .btn-primary:hover{filter:brightness(.98)}
body.role-admin .topbar-icon-btn:hover{
  background:linear-gradient(135deg,#faf7ff,#f1ebff);
}
body.role-admin .dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:28px 30px;
  border:1px solid rgba(109,60,200,.12);
  border-radius:28px;
  background:
    radial-gradient(circle at 10% 18%,rgba(249,168,37,.18),transparent 22%),
    radial-gradient(circle at 92% 88%,rgba(129,140,248,.22),transparent 28%),
    linear-gradient(135deg,#f7f3ff 0%,#f4f0ff 35%,#ffffff 100%)!important;
  color:var(--text)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.06);
}
body.role-admin .dashboard-hero:after{
  right:-52px;left:auto;top:auto;bottom:-62px;
  width:220px;height:220px;
  background:radial-gradient(circle,rgba(109,60,200,.14),transparent 68%);
}
body.role-admin .dashboard-kicker{color:var(--color-brand)!important}
body.role-admin .dashboard-hero h2{color:var(--text)!important;font-size:1.46rem;margin:8px 0 10px}
body.role-admin .dashboard-hero p{color:var(--text-secondary)!important;font-size:.73rem;max-width:760px}
body.role-admin .dashboard-hero-main{display:grid;gap:0}
body.role-admin .hero-inline-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body.role-admin .hero-inline-stats span{
  display:grid;gap:2px;min-width:126px;padding:12px 14px;
  border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(109,60,200,.08);
  box-shadow:0 10px 20px rgba(15,23,42,.04);
}
body.role-admin .hero-inline-stats b{font-size:.95rem;font-weight:950;color:var(--text)}
body.role-admin .hero-inline-stats small{font-size:.58rem;color:var(--text-secondary)}
body.role-admin .dashboard-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
body.role-admin .dashboard-hero-actions .btn{
  min-height:48px;border-radius:16px;padding-inline:16px;font-weight:800;
  box-shadow:0 12px 26px rgba(15,23,42,.05)
}
body.role-admin .dashboard-hero-actions .btn-light{
  background:#fff!important;border-color:rgba(109,60,200,.12)!important;color:var(--text)!important;
}
body.role-admin .dashboard-hero-actions .btn-primary{color:#fff!important}
body.role-admin .dashboard-hero-actions b{background:#fff;color:var(--color-brand);box-shadow:0 0 0 4px rgba(255,255,255,.35)}
body.role-admin .executive-metric{
  min-height:132px;
  padding:18px 18px 16px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fcfbff 100%);
  box-shadow:0 18px 40px rgba(15,23,42,.05);
}
body.role-admin .executive-metric:before{
  content:"";position:absolute;inset:auto 16px 0 16px;height:4px;border-radius:999px;background:var(--tone,#6d3cc8);opacity:.9;
}
body.role-admin .executive-metric.primary{--tone:#6d3cc8}
body.role-admin .executive-metric.success{--tone:#16a34a}
body.role-admin .executive-metric.warning{--tone:#f59e0b}
body.role-admin .executive-metric.info{--tone:#0ea5e9}
body.role-admin .executive-metric-icon{
  width:54px;height:54px;border-radius:16px;
  background:linear-gradient(180deg,#faf7ff,#f1ecff);color:var(--color-brand);
  box-shadow:inset 0 0 0 1px rgba(109,60,200,.06);
}
body.role-admin .executive-metric-copy small{font-size:.63rem}
body.role-admin .executive-metric-copy strong{font-size:1.14rem;font-weight:950}
body.role-admin .executive-metric-copy em{font-size:.56rem}
body.role-admin .metric-arrow{
  width:34px;height:34px;border-radius:12px;
  background:#f7f5ff;color:var(--text-secondary)
}
body.role-admin .card{
  border:1px solid rgba(15,23,42,.06);
  border-radius:24px;
  box-shadow:0 18px 40px rgba(15,23,42,.05);
  overflow:hidden;
}
body.role-admin .card-header{
  padding:20px 22px;
  background:linear-gradient(180deg,rgba(251,250,255,.95),rgba(255,255,255,.96));
  border-bottom:1px solid rgba(15,23,42,.06);
}
body.role-admin .card-title{font-size:.9rem;font-weight:900}
body.role-admin .card-subtitle{font-size:.61rem}
body.role-admin .analytics-summary{
  padding:12px 14px;border-radius:18px;background:#fff;border:1px solid rgba(109,60,200,.08)
}
body.role-admin .analytics-summary strong{font-size:.96rem}
body.role-admin .analytics-summary em.positive{color:var(--color-success)}
body.role-admin .analytics-summary em.negative{color:var(--color-danger)}
body.role-admin .action-queue{padding:16px}
body.role-admin .queue-item{
  border-radius:18px;background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid rgba(15,23,42,.06);
}
body.role-admin .queue-item:hover{box-shadow:0 14px 28px rgba(15,23,42,.05)}
body.role-admin .queue-icon{border-radius:14px}
body.role-admin .stock-list{padding:8px 18px 18px}
body.role-admin .stock-row{
  padding:14px 0;border-bottom:1px dashed rgba(15,23,42,.08)
}
body.role-admin .stock-row:last-child{border-bottom:0}
body.role-admin .stock-progress{height:10px;border-radius:999px;background:#f2f4f7}
body.role-admin .stock-progress i{border-radius:999px;background:linear-gradient(90deg,#6d3cc8,#9b63ff)}
body.role-admin .business-summary-grid{gap:12px;padding:18px}
body.role-admin .business-summary-grid>div{
  padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid rgba(15,23,42,.06);
}
body.role-admin .business-summary-grid>div span{
  width:44px;height:44px;border-radius:14px;background:#f6f2ff;color:var(--color-brand)
}
body.role-admin .executive-table thead th{
  background:#fbfaff;color:var(--text-secondary);font-size:.62rem;font-weight:850;border-bottom-color:rgba(15,23,42,.06)
}
body.role-admin .executive-table tbody td{padding-block:15px;border-bottom-color:rgba(15,23,42,.06)}
body.role-admin .status-badge{border-radius:999px}
body.role-admin .empty-state{padding:30px 18px;color:var(--text-secondary)}
@media(max-width:991.98px){
  body.role-admin .dashboard-hero{grid-template-columns:1fr}
  body.role-admin .dashboard-hero-actions{justify-content:flex-start}
}
@media(max-width:767.98px){
  body.role-admin .hero-inline-stats span{min-width:0;flex:1}
  body.role-admin .dashboard-hero-actions{display:grid;grid-template-columns:1fr}
}

/* --- Hotfix 0.6.4: Genesis-aligned admin dashboard --- */
body.role-admin{
  --admin-bg:#fafafa;
  --admin-surface:#ffffff;
  --admin-text:#0a0a0a;
  --admin-muted:#6b6b6b;
  --admin-border:#e8e8ec;
  --admin-primary:#6366f1;
  --admin-primary-hover:#4f46e5;
  --admin-success:#10b981;
  --admin-warning:#f59e0b;
  --admin-danger:#ef4444;
  --admin-info:#0ea5e9;
}
body.role-admin .app-main{background:var(--admin-bg)}
body.role-admin .app-content{background:var(--admin-bg)}
body.role-admin .app-sidebar{
  background:#fff!important;
  border-left:1px solid var(--admin-border)!important;
  box-shadow:none!important;
}
body.role-admin .sidebar-user{
  border:1px solid var(--admin-border)!important;
  background:#fff!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.role-admin .nav-item-icon{
  background:#f7f7fa!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.role-admin .app-nav-item.active,
body.role-admin .nav-group.has-active>.nav-group-trigger,
body.role-admin .app-nav-subitem.active{
  background:#f1f1ff!important;
  color:var(--admin-primary)!important;
}
body.role-admin .sidebar-primary-action,
body.role-admin .btn-primary{
  background:var(--admin-primary)!important;
  border-color:var(--admin-primary)!important;
  box-shadow:none!important;
}
body.role-admin .sidebar-primary-action:hover,
body.role-admin .btn-primary:hover{
  background:var(--admin-primary-hover)!important;
  border-color:var(--admin-primary-hover)!important;
  filter:none!important;
}
body.role-admin .btn,
body.role-admin .form-control,
body.role-admin .form-select,
body.role-admin .input-group-text{
  border-radius:7px!important;
}
body.role-admin .form-control,
body.role-admin .form-select{
  border-color:var(--admin-border);
  background:#fff;
}
body.role-admin .form-control:focus,
body.role-admin .form-select:focus{
  border-color:var(--admin-primary);
  box-shadow:0 0 0 3px rgba(99,102,241,.12)!important;
}
body.role-admin .card{
  border:1px solid var(--admin-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  background:#fff;
}
body.role-admin .card-header{
  min-height:auto;
  padding:16px 18px!important;
  background:#fff!important;
  border-bottom:1px solid var(--admin-border)!important;
}
body.role-admin .card-title{font-size:.82rem!important;font-weight:800!important;color:var(--admin-text)}
body.role-admin .card-subtitle{font-size:.59rem!important;color:var(--admin-muted)!important}
body.role-admin .dashboard-section{margin-bottom:16px}

.admin-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.admin-page-copy{display:grid;gap:4px}
.admin-page-copy .page-kicker{color:var(--admin-primary);font-size:.58rem;font-weight:800}
.admin-page-copy h2{margin:0;font-size:1.35rem;font-weight:900;color:var(--admin-text)}
.admin-page-copy p{margin:2px 0 0;font-size:.68rem;line-height:1.8;color:var(--admin-muted)}
.admin-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-page-actions .btn{min-height:40px;padding-inline:14px;font-size:.65rem;font-weight:800}
.admin-page-actions .btn-outline-primary{color:var(--admin-primary);border-color:#d8d8ff;background:#fff}
.admin-page-actions .btn-outline-primary:hover{color:var(--admin-primary-hover);background:#f7f7ff;border-color:#c8c8ff}
.btn-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff;color:var(--admin-primary);font-size:.56rem}

.admin-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.role-admin .admin-kpi-grid .executive-metric{
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px!important;
  border:1px solid var(--admin-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
body.role-admin .admin-kpi-grid .executive-metric:hover{
  border-color:#d5d5e5!important;
  background:#fdfdff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
  transform:translateY(-1px)!important;
}
body.role-admin .admin-kpi-grid .executive-metric:before,
body.role-admin .admin-kpi-grid .executive-metric:after,
body.role-admin .admin-kpi-grid .metric-arrow{display:none!important}
body.role-admin .admin-kpi-grid .executive-metric-icon{
  width:38px!important;height:38px!important;
  border-radius:9px!important;
  color:var(--admin-primary)!important;
  background:#f3f3ff!important;
  box-shadow:none!important;
}
body.role-admin .admin-kpi-grid .executive-metric-copy small{font-size:.62rem!important;color:var(--admin-muted)!important}
body.role-admin .admin-kpi-grid .executive-metric-copy strong{font-size:1.12rem!important;line-height:1.4!important;font-weight:900!important;margin-top:2px!important;color:var(--admin-text)!important}
body.role-admin .admin-kpi-grid .executive-metric-copy em{font-size:.55rem!important;line-height:1.6!important;color:#8b8b95!important;margin-top:3px!important}

.admin-priority-card{overflow:hidden}
.admin-priority-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.admin-priority-item{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto 16px;
  align-items:center;
  gap:10px;
  min-height:80px;
  padding:14px 16px;
  color:var(--admin-text);
  text-decoration:none;
  border-left:1px solid var(--admin-border);
  border-bottom:1px solid var(--admin-border);
  background:#fff;
}
.admin-priority-item:nth-child(3n){border-left:0}
.admin-priority-item:nth-last-child(-n+3){border-bottom:0}
.admin-priority-item:hover{color:var(--admin-text);background:#fafafa}
.priority-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#f5f5f7;color:#73737d}
.admin-priority-item.primary .priority-icon{background:#f1f1ff;color:var(--admin-primary)}
.admin-priority-item.warning .priority-icon{background:#fff7e8;color:var(--admin-warning)}
.admin-priority-item.danger .priority-icon{background:#fff0f0;color:var(--admin-danger)}
.admin-priority-item.info .priority-icon{background:#ebf8ff;color:var(--admin-info)}
.admin-priority-item.success .priority-icon{background:#ebfbf5;color:var(--admin-success)}
.priority-copy{min-width:0}
.priority-copy strong,.priority-copy small{display:block}
.priority-copy strong{font-size:.65rem;font-weight:800}
.priority-copy small{font-size:.54rem;color:var(--admin-muted);margin-top:3px}
.admin-priority-item>b{font-size:.82rem;font-weight:900}
.admin-priority-item>i{display:grid;place-items:center;color:#a0a0aa;font-style:normal}

body.role-admin .analytics-summary{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.role-admin .analytics-summary span{font-size:.55rem;color:var(--admin-muted)}
body.role-admin .analytics-summary strong{font-size:.82rem!important;color:var(--admin-text)}
body.role-admin .analytics-summary em{font-size:.53rem}
body.role-admin .chart-wrap-lg{height:290px}
body.role-admin .chart-wrap-donut{height:220px}
.status-chart-body{display:grid;align-items:center;min-height:300px}
.chart-empty-state{
  min-height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:24px;
  text-align:center;
  color:#a0a0aa;
}
.chart-empty-state svg{color:#b7b7c0}
.chart-empty-state strong{font-size:.72rem;color:var(--admin-text)}
.chart-empty-state span{max-width:280px;font-size:.58rem;line-height:1.8;color:var(--admin-muted)}
.chart-empty-state.compact{min-height:220px}
body.role-admin .chart-legend-item{padding-block:7px;border-bottom-color:var(--admin-border)}
body.role-admin .donut-center strong{font-size:1rem}

body.role-admin .executive-table thead th{
  padding:11px 14px!important;
  background:#fafafa!important;
  color:var(--admin-muted)!important;
  font-size:.59rem!important;
  border-bottom:1px solid var(--admin-border)!important;
}
body.role-admin .executive-table tbody td{
  padding:12px 14px!important;
  border-bottom:1px solid var(--admin-border)!important;
  font-size:.62rem;
}
body.role-admin .executive-table tbody tr:last-child td{border-bottom:0!important}
body.role-admin .executive-table tbody tr:hover{background:#fdfdff}
.neutral-avatar{background:#f2f2f5!important;color:#5f5f69!important}
body.role-admin .order-code{color:var(--admin-primary)}
body.role-admin .status-badge{border-radius:999px!important;font-size:.54rem}

.compact-stock-list{padding:4px 16px 14px!important}
.compact-stock-list .stock-row{padding:13px 0!important}
body.role-admin .stock-progress{height:7px!important;background:#f0f0f3!important}
body.role-admin .stock-progress i{background:var(--admin-warning)!important}

.admin-summary-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.admin-summary-list>div{
  display:grid;
  gap:5px;
  min-height:76px;
  padding:16px 18px;
  border-left:1px solid var(--admin-border);
  border-bottom:1px solid var(--admin-border);
  background:#fff;
}
.admin-summary-list>div:nth-child(4n){border-left:0}
.admin-summary-list>div:nth-last-child(-n+4){border-bottom:0}
.admin-summary-list span{font-size:.57rem;color:var(--admin-muted)}
.admin-summary-list strong{font-size:.76rem;font-weight:900;color:var(--admin-text)}

@media(max-width:1199.98px){
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-priority-item:nth-child(3n){border-left:1px solid var(--admin-border)}
  .admin-priority-item:nth-child(2n){border-left:0}
  .admin-priority-item:nth-last-child(-n+3){border-bottom:1px solid var(--admin-border)}
  .admin-priority-item:nth-last-child(-n+2){border-bottom:0}
  .admin-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-summary-list>div:nth-child(4n){border-left:1px solid var(--admin-border)}
  .admin-summary-list>div:nth-child(2n){border-left:0}
  .admin-summary-list>div:nth-last-child(-n+4){border-bottom:1px solid var(--admin-border)}
  .admin-summary-list>div:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:767.98px){
  .admin-page-head{flex-direction:column}
  .admin-page-actions{width:100%}
  .admin-page-actions .btn{flex:1;justify-content:center}
  .admin-kpi-grid,.admin-priority-grid,.admin-summary-list{grid-template-columns:1fr}
  .admin-priority-item,
  .admin-priority-item:nth-child(2n),
  .admin-priority-item:nth-child(3n){border-left:0}
  .admin-priority-item:nth-last-child(-n+2){border-bottom:1px solid var(--admin-border)}
  .admin-priority-item:last-child{border-bottom:0}
  .admin-summary-list>div,
  .admin-summary-list>div:nth-child(2n),
  .admin-summary-list>div:nth-child(4n){border-left:0}
  .admin-summary-list>div:nth-last-child(-n+2){border-bottom:1px solid var(--admin-border)}
  .admin-summary-list>div:last-child{border-bottom:0}
  body.role-admin .analytics-head{align-items:flex-start}
  body.role-admin .analytics-summary{display:grid!important}
}

/* --- Hotfix 0.6.5: complete admin dark theme --- */
html[data-theme="dark"] body.role-admin{
  color-scheme:dark;
  --admin-bg:#0f1219;
  --admin-surface:#171b25;
  --admin-surface-raised:#1c2130;
  --admin-surface-muted:#202635;
  --admin-text:#f5f7fb;
  --admin-muted:#a8b0c0;
  --admin-border:#2b3242;
  --admin-primary:#9a8cff;
  --admin-primary-hover:#b0a5ff;
  --admin-success:#34d399;
  --admin-warning:#fbbf24;
  --admin-danger:#fb7185;
  --admin-info:#38bdf8;
}
html[data-theme="dark"] body.role-admin,
html[data-theme="dark"] body.role-admin .app-shell,
html[data-theme="dark"] body.role-admin .app-main,
html[data-theme="dark"] body.role-admin .app-content{
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
}
html[data-theme="dark"] body.role-admin .app-sidebar,
html[data-theme="dark"] body.role-admin .app-sidebar-footer{
  background:var(--admin-surface)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .app-brand,
html[data-theme="dark"] body.role-admin .app-footer{
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .brand-title,
html[data-theme="dark"] body.role-admin .sidebar-user-copy strong,
html[data-theme="dark"] body.role-admin .topbar-title,
html[data-theme="dark"] body.role-admin .admin-page-copy h2,
html[data-theme="dark"] body.role-admin .card-title,
html[data-theme="dark"] body.role-admin .priority-copy strong,
html[data-theme="dark"] body.role-admin .admin-summary-list strong,
html[data-theme="dark"] body.role-admin .chart-empty-state strong{
  color:var(--admin-text)!important;
}
html[data-theme="dark"] body.role-admin .brand-sub,
html[data-theme="dark"] body.role-admin .nav-caption,
html[data-theme="dark"] body.role-admin .sidebar-user-copy span,
html[data-theme="dark"] body.role-admin .topbar-eyebrow,
html[data-theme="dark"] body.role-admin .topbar-date,
html[data-theme="dark"] body.role-admin .admin-page-copy p,
html[data-theme="dark"] body.role-admin .card-subtitle,
html[data-theme="dark"] body.role-admin .priority-copy small,
html[data-theme="dark"] body.role-admin .admin-summary-list span,
html[data-theme="dark"] body.role-admin .chart-empty-state span{
  color:var(--admin-muted)!important;
}
html[data-theme="dark"] body.role-admin .app-nav-item,
html[data-theme="dark"] body.role-admin .nav-group-trigger,
html[data-theme="dark"] body.role-admin .app-nav-subitem{
  color:#c6ccda!important;
}
html[data-theme="dark"] body.role-admin .app-nav-item:hover,
html[data-theme="dark"] body.role-admin .nav-group-trigger:hover,
html[data-theme="dark"] body.role-admin .app-nav-subitem:hover{
  color:var(--admin-text)!important;
  background:var(--admin-surface-muted)!important;
}
html[data-theme="dark"] body.role-admin .app-nav-item.active,
html[data-theme="dark"] body.role-admin .nav-group.has-active>.nav-group-trigger,
html[data-theme="dark"] body.role-admin .app-nav-subitem.active{
  color:#c8c1ff!important;
  background:rgba(154,140,255,.14)!important;
}
html[data-theme="dark"] body.role-admin .nav-item-icon{
  color:#aeb7c8!important;
  background:var(--admin-surface-muted)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] body.role-admin .app-nav-item.active .nav-item-icon,
html[data-theme="dark"] body.role-admin .nav-group.has-active>.nav-group-trigger .nav-item-icon{
  color:#c8c1ff!important;
  background:rgba(154,140,255,.16)!important;
}
html[data-theme="dark"] body.role-admin .sidebar-user{
  color:var(--admin-text)!important;
  background:var(--admin-surface-muted)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .app-topbar{
  background:rgba(23,27,37,.94)!important;
  border-color:var(--admin-border)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
html[data-theme="dark"] body.role-admin .topbar-context{
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .topbar-icon-btn,
html[data-theme="dark"] body.role-admin .user-menu-trigger,
html[data-theme="dark"] body.role-admin .sidebar-toggle{
  color:#d6dbe7!important;
  background:var(--admin-surface-raised)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .topbar-icon-btn:hover,
html[data-theme="dark"] body.role-admin .user-menu-trigger:hover,
html[data-theme="dark"] body.role-admin .sidebar-toggle:hover{
  color:#fff!important;
  background:#252c3d!important;
}
html[data-theme="dark"] body.role-admin .dropdown-menu{
  color:var(--admin-text)!important;
  background:var(--admin-surface-raised)!important;
  border-color:var(--admin-border)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body.role-admin .dropdown-item{color:#d7dce7!important}
html[data-theme="dark"] body.role-admin .dropdown-item:hover,
html[data-theme="dark"] body.role-admin .dropdown-item:focus{
  color:#fff!important;background:var(--admin-surface-muted)!important;
}
html[data-theme="dark"] body.role-admin .dropdown-divider{border-color:var(--admin-border)!important}
html[data-theme="dark"] body.role-admin .card,
html[data-theme="dark"] body.role-admin .admin-kpi-grid .executive-metric,
html[data-theme="dark"] body.role-admin .admin-priority-item,
html[data-theme="dark"] body.role-admin .admin-summary-list>div{
  color:var(--admin-text)!important;
  background:var(--admin-surface)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .card-header{
  background:var(--admin-surface)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .admin-kpi-grid .executive-metric:hover,
html[data-theme="dark"] body.role-admin .admin-priority-item:hover,
html[data-theme="dark"] body.role-admin .executive-table tbody tr:hover{
  color:var(--admin-text)!important;
  background:var(--admin-surface-raised)!important;
  border-color:#3a4356!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.role-admin .admin-kpi-grid .executive-metric-icon{
  color:#b3a8ff!important;
  background:rgba(154,140,255,.14)!important;
}
html[data-theme="dark"] body.role-admin .admin-kpi-grid .executive-metric-copy small,
html[data-theme="dark"] body.role-admin .admin-kpi-grid .executive-metric-copy em,
html[data-theme="dark"] body.role-admin .analytics-summary span{
  color:var(--admin-muted)!important;
}
html[data-theme="dark"] body.role-admin .admin-kpi-grid .executive-metric-copy strong,
html[data-theme="dark"] body.role-admin .analytics-summary strong{
  color:var(--admin-text)!important;
}
html[data-theme="dark"] body.role-admin .priority-icon{
  color:#aeb7c8;background:var(--admin-surface-muted)!important;
}
html[data-theme="dark"] body.role-admin .admin-priority-item.primary .priority-icon{color:#b5abff!important;background:rgba(154,140,255,.15)!important}
html[data-theme="dark"] body.role-admin .admin-priority-item.warning .priority-icon{color:#fbbf24!important;background:rgba(251,191,36,.13)!important}
html[data-theme="dark"] body.role-admin .admin-priority-item.danger .priority-icon{color:#fb7185!important;background:rgba(251,113,133,.13)!important}
html[data-theme="dark"] body.role-admin .admin-priority-item.info .priority-icon{color:#38bdf8!important;background:rgba(56,189,248,.13)!important}
html[data-theme="dark"] body.role-admin .admin-priority-item.success .priority-icon{color:#34d399!important;background:rgba(52,211,153,.13)!important}
html[data-theme="dark"] body.role-admin .admin-page-actions .btn-outline-primary{
  color:#bdb4ff!important;
  background:transparent!important;
  border-color:#544c83!important;
}
html[data-theme="dark"] body.role-admin .admin-page-actions .btn-outline-primary:hover{
  color:#fff!important;background:rgba(154,140,255,.13)!important;border-color:#7468ba!important;
}
html[data-theme="dark"] body.role-admin .btn-count{
  color:#4f46e5!important;background:#fff!important;
}
html[data-theme="dark"] body.role-admin .btn-light,
html[data-theme="dark"] body.role-admin .btn-outline-secondary{
  color:#e6e9f0!important;background:var(--admin-surface-raised)!important;border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .form-control,
html[data-theme="dark"] body.role-admin .form-select,
html[data-theme="dark"] body.role-admin .input-group-text{
  color:var(--admin-text)!important;
  background:var(--admin-surface-raised)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .form-control::placeholder{color:#747f93!important}
html[data-theme="dark"] body.role-admin .form-control:focus,
html[data-theme="dark"] body.role-admin .form-select:focus{
  border-color:#8176d8!important;box-shadow:0 0 0 3px rgba(154,140,255,.14)!important;
}
html[data-theme="dark"] body.role-admin .table{
  --bs-table-bg:transparent;
  --bs-table-color:var(--admin-text);
  --bs-table-hover-bg:var(--admin-surface-raised);
  --bs-table-hover-color:var(--admin-text);
  color:var(--admin-text)!important;
}
html[data-theme="dark"] body.role-admin .executive-table thead th,
html[data-theme="dark"] body.role-admin .table thead th{
  color:var(--admin-muted)!important;
  background:var(--admin-surface-muted)!important;
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .executive-table tbody td,
html[data-theme="dark"] body.role-admin .table tbody td{
  color:#e4e7ee!important;border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .neutral-avatar{
  color:#c9cfdb!important;background:var(--admin-surface-muted)!important;
}
html[data-theme="dark"] body.role-admin .stock-progress{background:#2a3040!important}
html[data-theme="dark"] body.role-admin .chart-legend-item,
html[data-theme="dark"] body.role-admin .stock-row{
  border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .chart-empty-state{color:#7f899c!important}
html[data-theme="dark"] body.role-admin .status-pill{
  color:#c7cedb!important;background:var(--admin-surface-muted)!important;border-color:var(--admin-border)!important;
}
html[data-theme="dark"] body.role-admin .app-footer{
  color:var(--admin-muted)!important;background:var(--admin-bg)!important;
}
html[data-theme="dark"] body.role-admin .app-footer a{color:#adb5c5!important}
html[data-theme="dark"] body.role-admin hr{border-color:var(--admin-border)!important;opacity:1}

/* --- Hotfix 0.6.7: representative dark theme --- */
html[data-theme="dark"] body.role-representative{
  color-scheme:dark;
  --rep-bg:#0f131d;
  --rep-surface:#171c28;
  --rep-surface-raised:#1c2230;
  --rep-surface-muted:#222938;
  --rep-border:#2c3445;
  --rep-text:#f5f7fb;
  --rep-muted:#aab3c4;
  --rep-tertiary:#788397;
  --rep-primary:#a78bfa;
  --rep-primary-strong:#8b5cf6;
}
html[data-theme="dark"] body.role-representative,
html[data-theme="dark"] body.role-representative .app-shell,
html[data-theme="dark"] body.role-representative .app-main,
html[data-theme="dark"] body.role-representative .app-content{
  color:var(--rep-text)!important;
  background:var(--rep-bg)!important;
}
html[data-theme="dark"] body.role-representative .app-sidebar,
html[data-theme="dark"] body.role-representative .app-sidebar-footer{
  color:var(--rep-text)!important;
  background:linear-gradient(180deg,#171c28 0%,#141924 100%)!important;
  border-color:var(--rep-border)!important;
  box-shadow:-14px 0 38px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body.role-representative .app-brand,
html[data-theme="dark"] body.role-representative .app-footer,
html[data-theme="dark"] body.role-representative .topbar-context{
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .brand-title,
html[data-theme="dark"] body.role-representative .sidebar-user-copy strong,
html[data-theme="dark"] body.role-representative .topbar-title,
html[data-theme="dark"] body.role-representative .card-title,
html[data-theme="dark"] body.role-representative .dashboard-section-title,
html[data-theme="dark"] body.role-representative .rep-product-mini-copy strong,
html[data-theme="dark"] body.role-representative .rep-order-amount strong,
html[data-theme="dark"] body.role-representative .rep-status-stack strong,
html[data-theme="dark"] body.role-representative .rep-shipment-top strong,
html[data-theme="dark"] body.role-representative .rep-tracking-code strong,
html[data-theme="dark"] body.role-representative .store-product-card h3 a,
html[data-theme="dark"] body.role-representative .store-card-price strong,
html[data-theme="dark"] body.role-representative .product-summary-head h1,
html[data-theme="dark"] body.role-representative .related-product-card strong{
  color:var(--rep-text)!important;
}
html[data-theme="dark"] body.role-representative .brand-sub,
html[data-theme="dark"] body.role-representative .nav-caption,
html[data-theme="dark"] body.role-representative .sidebar-user-copy span,
html[data-theme="dark"] body.role-representative .topbar-eyebrow,
html[data-theme="dark"] body.role-representative .topbar-date,
html[data-theme="dark"] body.role-representative .card-subtitle,
html[data-theme="dark"] body.role-representative .dashboard-section-note,
html[data-theme="dark"] body.role-representative .rep-product-mini-copy span,
html[data-theme="dark"] body.role-representative .rep-order-amount small,
html[data-theme="dark"] body.role-representative .rep-status-stack small,
html[data-theme="dark"] body.role-representative .rep-shipment-top small,
html[data-theme="dark"] body.role-representative .rep-tracking-code small,
html[data-theme="dark"] body.role-representative .store-card-topline,
html[data-theme="dark"] body.role-representative .store-product-card p,
html[data-theme="dark"] body.role-representative .product-meta-row,
html[data-theme="dark"] body.role-representative .product-lead,
html[data-theme="dark"] body.role-representative .product-description-content,
html[data-theme="dark"] body.role-representative .related-product-card span{
  color:var(--rep-muted)!important;
}
html[data-theme="dark"] body.role-representative .app-nav-item,
html[data-theme="dark"] body.role-representative .nav-group-trigger,
html[data-theme="dark"] body.role-representative .app-nav-subitem{
  color:#c8cfdb!important;
}
html[data-theme="dark"] body.role-representative .app-nav-item:hover,
html[data-theme="dark"] body.role-representative .nav-group-trigger:hover,
html[data-theme="dark"] body.role-representative .app-nav-subitem:hover{
  color:#fff!important;
  background:var(--rep-surface-muted)!important;
}
html[data-theme="dark"] body.role-representative .app-nav-item.active,
html[data-theme="dark"] body.role-representative .nav-group.has-active>.nav-group-trigger,
html[data-theme="dark"] body.role-representative .app-nav-subitem.active{
  color:#d8d1ff!important;
  background:linear-gradient(90deg,rgba(167,139,250,.19),rgba(167,139,250,.07))!important;
}
html[data-theme="dark"] body.role-representative .nav-item-icon{
  color:#aeb7c7!important;
  background:var(--rep-surface-muted)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] body.role-representative .app-nav-item.active .nav-item-icon,
html[data-theme="dark"] body.role-representative .nav-group.has-active>.nav-group-trigger .nav-item-icon{
  color:#d8d1ff!important;
  background:rgba(167,139,250,.17)!important;
}
html[data-theme="dark"] body.role-representative .sidebar-user{
  color:var(--rep-text)!important;
  background:linear-gradient(135deg,#202636,#1a2030)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .app-topbar{
  color:var(--rep-text)!important;
  background:rgba(20,25,36,.95)!important;
  border-color:var(--rep-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] body.role-representative .topbar-icon-btn,
html[data-theme="dark"] body.role-representative .user-menu-trigger,
html[data-theme="dark"] body.role-representative .sidebar-toggle{
  color:#dce1ea!important;
  background:var(--rep-surface-raised)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .topbar-icon-btn:hover,
html[data-theme="dark"] body.role-representative .user-menu-trigger:hover,
html[data-theme="dark"] body.role-representative .sidebar-toggle:hover{
  color:#fff!important;
  background:#272f41!important;
}
html[data-theme="dark"] body.role-representative .dropdown-menu{
  color:var(--rep-text)!important;
  background:var(--rep-surface-raised)!important;
  border-color:var(--rep-border)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.36)!important;
}
html[data-theme="dark"] body.role-representative .dropdown-item{color:#d8dde7!important}
html[data-theme="dark"] body.role-representative .dropdown-item:hover,
html[data-theme="dark"] body.role-representative .dropdown-item:focus{
  color:#fff!important;background:var(--rep-surface-muted)!important;
}
html[data-theme="dark"] body.role-representative .dropdown-divider{border-color:var(--rep-border)!important}
html[data-theme="dark"] body.role-representative .card,
html[data-theme="dark"] body.role-representative .rep-overview-card,
html[data-theme="dark"] body.role-representative .rep-product-mini,
html[data-theme="dark"] body.role-representative .rep-campaign-card,
html[data-theme="dark"] body.role-representative .store-product-card,
html[data-theme="dark"] body.role-representative .product-gallery-panel,
html[data-theme="dark"] body.role-representative .product-summary-panel,
html[data-theme="dark"] body.role-representative .related-product-card,
html[data-theme="dark"] body.role-representative .address-card,
html[data-theme="dark"] body.role-representative .mini-cart-item{
  color:var(--rep-text)!important;
  background:var(--rep-surface)!important;
  border-color:var(--rep-border)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] body.role-representative .card-header{
  color:var(--rep-text)!important;
  background:var(--rep-surface)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .rep-portal-hero{
  border-color:#3d3572!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(245,158,11,.13),transparent 23%),
    radial-gradient(circle at 92% 85%,rgba(139,92,246,.24),transparent 30%),
    linear-gradient(128deg,#1d2035 0%,#29234a 52%,#4c2bb3 100%)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body.role-representative .rep-action-card{
  color:#f6f3ff!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] body.role-representative .rep-action-card:hover{background:rgba(255,255,255,.11)!important}
html[data-theme="dark"] body.role-representative .rep-action-card.is-primary{
  color:var(--rep-text)!important;
  background:linear-gradient(135deg,#232a3a,#1d2331)!important;
  border-color:#3a4357!important;
  box-shadow:0 18px 36px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body.role-representative .rep-action-card.is-primary small{color:var(--rep-muted)!important}
html[data-theme="dark"] body.role-representative .rep-action-card.is-primary .rep-action-icon{
  color:#c9c0ff!important;background:rgba(167,139,250,.16)!important;
}
html[data-theme="dark"] body.role-representative .rep-overview-card{
  background:linear-gradient(180deg,#191f2b,#171c28)!important;
}
html[data-theme="dark"] body.role-representative .rep-overview-card:hover,
html[data-theme="dark"] body.role-representative .rep-product-mini:hover,
html[data-theme="dark"] body.role-representative .rep-order-row:hover{
  color:var(--rep-text)!important;
  background:var(--rep-surface-raised)!important;
  border-color:#3a4357!important;
}
html[data-theme="dark"] body.role-representative .rep-overview-card.tone-violet{--soft:rgba(167,139,250,.14)}
html[data-theme="dark"] body.role-representative .rep-overview-card.tone-amber{--soft:rgba(245,158,11,.14)}
html[data-theme="dark"] body.role-representative .rep-overview-card.tone-green{--soft:rgba(52,211,153,.13)}
html[data-theme="dark"] body.role-representative .rep-overview-card.tone-blue{--soft:rgba(56,189,248,.13)}
html[data-theme="dark"] body.role-representative .rep-product-mini{
  background:linear-gradient(145deg,#1d2330,#181e2a)!important;
}
html[data-theme="dark"] body.role-representative .rep-product-mini-media,
html[data-theme="dark"] body.role-representative .store-card-metrics span,
html[data-theme="dark"] body.role-representative .tag-cloud span,
html[data-theme="dark"] body.role-representative .rep-tracking-code{
  background:var(--rep-surface-muted)!important;
}
html[data-theme="dark"] body.role-representative .rep-order-row,
html[data-theme="dark"] body.role-representative .rep-status-stack article,
html[data-theme="dark"] body.role-representative .announcement-list article{
  color:var(--rep-text)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .rep-shipment-top>span,
html[data-theme="dark"] body.role-representative .rep-support-card .card-body>span{
  color:#7dd3fc!important;background:rgba(56,189,248,.13)!important;
}
html[data-theme="dark"] body.role-representative .rep-campaign-card{
  background:linear-gradient(145deg,#1d2230,#211d1d)!important;
}
html[data-theme="dark"] body.role-representative .rep-campaign-card>span{
  color:#fbbf24!important;background:rgba(251,191,36,.13)!important;
}
html[data-theme="dark"] body.role-representative .rep-store-hero{
  color:var(--rep-text)!important;
  border-color:#3b4356!important;
  background:
    radial-gradient(circle at 12% 16%,rgba(245,158,11,.10),transparent 22%),
    radial-gradient(circle at 88% 22%,rgba(139,92,246,.18),transparent 25%),
    linear-gradient(135deg,#1b2130,#171c28 52%,#1d2332 100%)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body.role-representative .rep-store-hero h2{color:var(--rep-text)!important}
html[data-theme="dark"] body.role-representative .rep-store-hero-stats article{
  color:var(--rep-text)!important;
  background:rgba(28,34,48,.86)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .store-card-media,
html[data-theme="dark"] body.role-representative .product-detail-main-image{
  background:linear-gradient(145deg,#202635,#171c28)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .store-card-media em{
  color:#d8d1ff!important;background:rgba(23,28,40,.88)!important;
}
html[data-theme="dark"] body.role-representative .store-card-price,
html[data-theme="dark"] body.role-representative .product-purchase-box,
html[data-theme="dark"] body.role-representative .product-description-box{
  color:var(--rep-text)!important;
  background:linear-gradient(180deg,#1d2330,#191f2b)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .product-thumb-btn{
  background:var(--rep-surface-raised)!important;border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .variant-image-card{background:var(--rep-surface-raised)!important;border-color:var(--rep-border)!important;color:var(--rep-text)!important}
html[data-theme="dark"] body.role-representative .product-variant-selection-table tbody tr.is-selected{background:rgba(139,92,246,.12)!important}
html[data-theme="dark"] body.role-representative .variant-row-image{border-color:var(--rep-border)!important;background:var(--rep-surface-muted)!important}
html[data-theme="dark"] body.role-representative .product-description-content h2,
html[data-theme="dark"] body.role-representative .product-description-content h3,
html[data-theme="dark"] body.role-representative .product-description-content h4{color:var(--rep-text)!important}
html[data-theme="dark"] body.role-representative .product-description-content blockquote{background:var(--rep-surface-muted)!important}
html[data-theme="dark"] body.role-representative .form-control,
html[data-theme="dark"] body.role-representative .form-select,
html[data-theme="dark"] body.role-representative .input-group-text,
html[data-theme="dark"] body.role-representative .search-box{
  color:var(--rep-text)!important;
  background:var(--rep-surface-raised)!important;
  border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .form-control::placeholder,
html[data-theme="dark"] body.role-representative .search-box input::placeholder{color:#778298!important}
html[data-theme="dark"] body.role-representative .form-control:focus,
html[data-theme="dark"] body.role-representative .form-select:focus,
html[data-theme="dark"] body.role-representative .search-box:focus-within{
  border-color:#8b7dde!important;box-shadow:0 0 0 3px rgba(167,139,250,.14)!important;
}
html[data-theme="dark"] body.role-representative .btn-light,
html[data-theme="dark"] body.role-representative .btn-outline-secondary{
  color:#e5e8ef!important;background:var(--rep-surface-raised)!important;border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .btn-outline-primary{
  color:#c7bcff!important;background:transparent!important;border-color:#5a5288!important;
}
html[data-theme="dark"] body.role-representative .btn-outline-primary:hover{
  color:#fff!important;background:rgba(167,139,250,.14)!important;border-color:#7a6fc0!important;
}
html[data-theme="dark"] body.role-representative .table{
  --bs-table-bg:transparent;
  --bs-table-color:var(--rep-text);
  --bs-table-hover-bg:var(--rep-surface-raised);
  --bs-table-hover-color:var(--rep-text);
  color:var(--rep-text)!important;
}
html[data-theme="dark"] body.role-representative .table thead th{
  color:var(--rep-muted)!important;background:var(--rep-surface-muted)!important;border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .table tbody td{
  color:#e5e8ef!important;border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .business-summary-grid>div{
  color:var(--rep-text)!important;background:var(--rep-surface-raised)!important;border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .address-card.is-default{border-color:#8073cf!important;box-shadow:0 0 0 3px rgba(167,139,250,.10)!important}
html[data-theme="dark"] body.role-representative .status-pill{
  color:#cdd4df!important;background:var(--rep-surface-muted)!important;border-color:var(--rep-border)!important;
}
html[data-theme="dark"] body.role-representative .app-footer{
  color:var(--rep-muted)!important;background:var(--rep-bg)!important;
}
html[data-theme="dark"] body.role-representative .app-footer a{color:#b7bfce!important}
html[data-theme="dark"] body.role-representative hr{border-color:var(--rep-border)!important;opacity:1}

/* --- Patch 0.6.8: configurable branding and login content --- */
.brand-mark,
.auth-brand-mark,
.auth-mobile-logo{overflow:hidden;flex:0 0 auto}
.brand-mark img,
.auth-brand-mark img,
.auth-mobile-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}
.auth-brand-mark:has(img),
.auth-mobile-logo:has(img),
.brand-mark:has(img){background:#fff!important;border:1px solid rgba(99,102,241,.14);box-shadow:0 10px 24px rgba(15,23,42,.08)}
html[data-theme="dark"] .brand-mark:has(img){background:#fff!important}

.branding-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.branding-fields{min-width:0}
.branding-media-grid{display:grid;gap:12px}
.branding-upload-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface-muted))}
.branding-upload-card>div:nth-child(2){display:grid;gap:3px}
.branding-upload-card strong{font-size:.72rem;font-weight:900;color:var(--text)}
.branding-upload-card small{font-size:.58rem;line-height:1.7;color:var(--text-secondary)}
.branding-preview{display:grid;place-items:center;margin-inline:auto;border:1px dashed color-mix(in srgb,var(--color-brand) 32%,var(--border));background:var(--surface);color:var(--color-brand);font-weight:950;overflow:hidden}
.branding-preview-logo{width:92px;height:92px;border-radius:24px;font-size:1.7rem}
.branding-preview-favicon{width:64px;height:64px;border-radius:18px;font-size:1.2rem}
.branding-preview img{width:100%;height:100%;object-fit:contain;padding:7px;background:#fff}
.remove-media{display:inline-flex;align-items:center;gap:7px;font-size:.6rem;color:var(--color-danger);cursor:pointer}
.remove-media input{accent-color:var(--color-danger)}
.login-feature-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.login-feature-editor article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-muted)}
.login-feature-editor article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--color-brand-soft);color:var(--color-brand);font-size:.68rem;font-weight:900}
.settings-advanced{border:1px solid var(--border);border-radius:16px;background:var(--surface-muted);overflow:hidden}
.settings-advanced summary{padding:14px 16px;cursor:pointer;font-size:.68rem;font-weight:850;color:var(--text);list-style:none}
.settings-advanced summary::-webkit-details-marker{display:none}
.settings-advanced[open] summary{border-bottom:1px solid var(--border);background:var(--surface)}
.settings-advanced>div{padding:2px 16px 16px}
@media(max-width:1199.98px){.branding-settings-layout{grid-template-columns:1fr}.branding-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.branding-media-grid,.login-feature-editor{grid-template-columns:1fr}}
.auth-contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:12px}
.auth-contact-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.58rem;text-decoration:none}
.auth-contact-links a:hover{color:var(--color-brand);border-color:color-mix(in srgb,var(--color-brand) 28%,var(--border))}
.auth-contact-links .ds-icon{width:15px;height:15px}
.app-footer>div a{color:inherit;text-decoration:none}.app-footer>div a:hover{color:var(--color-brand)}

/* WooCommerce integration — 0.7.0 */
.wc-topnav{border-radius:18px;position:sticky;top:8px;z-index:20;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.wc-topnav nav .btn{display:inline-flex;align-items:center;gap:6px;border-radius:10px}
.wc-connection-summary{display:grid;gap:12px;margin:0}.wc-connection-summary>div{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px dashed var(--border)}.wc-connection-summary>div:last-child{border-bottom:0}.wc-connection-summary dt{font-size:.64rem;color:var(--text-secondary)}.wc-connection-summary dd{margin:0;font-weight:700;word-break:break-word}
.wc-map-row{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}
.wc-map-row label{display:flex;align-items:center;gap:8px;font-weight:700}
.wc-json-view,.wc-json-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;line-height:1.7;background:#111827;color:#d1fae5;border-radius:14px;padding:18px;white-space:pre-wrap;overflow:auto;max-height:680px}
.wc-json-editor{max-height:none;min-height:280px;color:#e2e8f0;border:1px solid #334155}
.wc-existing-images{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wc-existing-images img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid var(--border)}
.wc-topnav+.page-toolbar{margin-top:4px}
.wc-topnav .page-kicker{margin-bottom:2px}
[data-theme="dark"] .wc-topnav,[data-theme="dark"] .wc-map-row{background:var(--surface);border-color:var(--border)}
[data-theme="dark"] .wc-json-view,[data-theme="dark"] .wc-json-editor{background:#070b14;color:#c4f1d6;border-color:#263246}
@media(max-width:767.98px){.wc-topnav{position:static}.wc-topnav nav{overflow:auto;flex-wrap:nowrap!important;width:100%;padding-bottom:4px}.wc-topnav nav .btn{white-space:nowrap}.wc-map-row{grid-template-columns:1fr}}

/* WooCommerce navigation integration — 0.7.1 */
.wc-context-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
}
.wc-context-identity,.wc-context-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wc-context-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--color-brand-soft);color:var(--color-brand)}
.wc-context-identity small,.wc-context-identity strong{display:block}
.wc-context-identity small{font-size:.58rem;color:var(--text-secondary);margin-bottom:2px}
.wc-context-identity strong{font-size:.72rem}
.wc-context-link{font-size:.62rem;color:var(--color-brand);text-decoration:none}
.wc-context-link:hover{text-decoration:underline}
.wc-resource-list .list-group-item{font-size:.66rem;padding:13px 16px;border-color:var(--border);color:var(--text-secondary);background:transparent}
.wc-resource-list .list-group-item.active{background:var(--color-brand-soft);color:var(--color-brand);border-color:transparent;font-weight:800}
[data-theme="dark"] .wc-context-strip,[data-theme="dark"] .wc-resource-list .list-group-item{background:var(--surface);border-color:var(--border)}
@media(max-width:767.98px){.wc-context-strip{align-items:flex-start;flex-direction:column}.wc-context-meta{width:100%}}

/* Dalan 0.8.1 — compact order workflow and FarazSMS account tools */
.workflow-page-toolbar{align-items:center}.workflow-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.workflow-directory{overflow:hidden}.workflow-directory-head{min-height:70px}.workflow-legend{display:flex;align-items:center;gap:14px;font-size:.7rem;color:var(--text-secondary)}.workflow-legend span{display:inline-flex;align-items:center;gap:6px}.workflow-legend i{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.workflow-legend i.final{background:var(--text-primary)}.workflow-table-head{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(140px,.7fr) minmax(150px,.65fr) minmax(130px,.55fr);gap:12px;padding:10px 18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-muted);font-size:.66rem;font-weight:800;color:var(--text-secondary)}.workflow-compact-list{display:grid}.workflow-compact-item{border-bottom:1px solid var(--border);scroll-margin-top:90px}.workflow-compact-item:last-child{border-bottom:0}.workflow-compact-row{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(140px,.7fr) minmax(150px,.65fr) minmax(130px,.55fr);gap:12px;align-items:center;min-height:78px;padding:12px 18px;transition:background .18s ease}.workflow-compact-row:hover{background:var(--surface-muted)}.workflow-status-cell{display:flex;align-items:center;gap:12px;min-width:0}.workflow-color.compact{width:9px;height:42px;box-shadow:none}.workflow-status-cell .min-w-0{min-width:0}.workflow-status-cell strong{display:block;font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-status-cell code{display:block;width:max-content;max-width:100%;margin-top:4px;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-flags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-right:auto}.workflow-flags .badge,.workflow-flags .status-badge{font-size:.56rem}.workflow-next-cell{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.68rem}.workflow-next-cell strong{font-size:.9rem;color:var(--text-primary)}.workflow-next-preview{display:flex;align-items:center;margin-right:3px}.workflow-next-preview i{width:9px;height:9px;border-radius:50%;background:var(--dot);border:2px solid var(--surface);box-sizing:content-box;margin-right:-3px}.workflow-visibility-cell{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.workflow-visibility-cell .badge{font-size:.58rem}.workflow-visibility-cell small{font-size:.58rem;color:var(--text-secondary)}.workflow-actions-cell{display:flex;justify-content:flex-end;gap:7px}.workflow-actions-cell .btn-light{width:35px;padding-inline:0}.workflow-inline-editor{padding:18px;background:color-mix(in srgb,var(--color-brand) 4%,var(--surface));border-top:1px solid var(--border)}.workflow-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.workflow-editor-heading strong{display:block;font-size:.78rem}.workflow-editor-heading small{display:block;margin-top:4px;font-size:.6rem;color:var(--text-secondary)}.transition-check-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:220px;overflow:auto;padding:2px}.transition-check-grid.compact-grid label{font-size:.7rem;padding:.5rem .58rem}.workflow-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.workflow-create-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-create-card .card-body{padding:17px}.provider-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.provider-doc-note{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--color-brand) 20%,var(--border));border-radius:13px;background:var(--color-brand-soft)}.provider-doc-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface);color:var(--color-brand);flex:0 0 auto}.provider-doc-note strong{display:block;font-size:.72rem}.provider-doc-note small{display:block;margin-top:4px;font-size:.6rem;line-height:1.8;color:var(--text-secondary)}.provider-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border)}.faraz-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.faraz-account-grid>div{padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted)}.faraz-account-grid span{display:block;font-size:.56rem;color:var(--text-secondary)}.faraz-account-grid strong{display:block;margin-top:5px;font-size:.68rem}.faraz-line-list{display:flex;gap:6px;flex-wrap:wrap}.faraz-line-list span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);font-size:.58rem}
@media(max-width:1199.98px){.workflow-workspace{grid-template-columns:1fr}.workflow-create-card{position:static}.workflow-table-head,.workflow-compact-row{grid-template-columns:minmax(250px,1.35fr) minmax(130px,.65fr) minmax(130px,.6fr) minmax(120px,.55fr)}.faraz-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.workflow-table-head{display:none}.workflow-compact-row{grid-template-columns:1fr auto;gap:10px;padding:14px}.workflow-status-cell{grid-column:1/-1}.workflow-flags{margin-right:0}.workflow-next-cell,.workflow-visibility-cell{min-height:38px}.workflow-actions-cell{grid-column:1/-1;justify-content:stretch}.workflow-actions-cell .btn{flex:1}.workflow-actions-cell .btn-light{flex:0 0 42px}.workflow-editor-footer,.provider-actions{align-items:stretch;flex-direction:column}.workflow-editor-footer .btn,.provider-actions .btn{width:100%}.transition-check-grid.compact-grid{grid-template-columns:1fr 1fr}.faraz-account-grid{grid-template-columns:1fr 1fr}}
@media(max-width:479.98px){.transition-check-grid.compact-grid,.workflow-create-switches,.faraz-account-grid{grid-template-columns:1fr}.workflow-next-cell{align-items:flex-start;flex-wrap:wrap}.workflow-visibility-cell{align-items:flex-end}}

/* 0.8.7 — repeatable social accounts in representative registration */
.social-accounts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.social-accounts-head p{margin:0;color:var(--text-secondary);font-size:.62rem}.social-account-list{display:grid;gap:9px}.social-account-row{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(260px,1.45fr) 42px;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.social-account-row .btn-icon{font-size:1.1rem;font-weight:800}.social-account-row .btn-icon:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:720px){.social-accounts-head{align-items:stretch;flex-direction:column}.social-accounts-head .btn{width:100%}.social-account-row{grid-template-columns:1fr 42px}.social-account-row select{grid-column:1/-1}.social-account-row input{min-width:0}}
.social-chip-list{display:flex;flex-wrap:wrap;gap:6px}.social-chip-list>span{display:inline-flex;align-items:center;gap:4px;max-width:250px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);font-size:.58rem;line-height:1.35}.social-chip-list>span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-chip-list.compact>span{padding:3px 7px;max-width:100px}

/* 0.8.9 — searchable province and city comboboxes */
.location-combobox{position:relative;min-width:0}
.location-combobox-native{position:absolute!important;width:1px!important;height:1px!important;inset:auto auto 0 0!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}
.location-combobox-trigger{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-align:right!important;background-image:none!important;cursor:pointer}
.location-combobox-trigger:after{content:"";width:8px;height:8px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .16s ease}
.location-combobox.is-open .location-combobox-trigger:after{transform:rotate(-135deg)}
.location-combobox-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.location-combobox-trigger.is-placeholder{color:var(--text-secondary)}
.location-combobox.is-open .location-combobox-trigger{border-color:var(--color-brand);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-brand) 18%,transparent)}
.location-combobox-trigger.is-invalid{border-color:var(--color-danger)!important;box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-danger) 14%,transparent)!important}
.location-combobox.is-disabled .location-combobox-trigger{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed}
.location-combobox-dropdown{position:fixed;z-index:1095;display:flex;flex-direction:column;gap:7px;min-height:0;padding:8px;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);box-shadow:0 22px 55px rgba(15,23,42,.18);overflow:hidden}
.location-combobox-dropdown[hidden]{display:none!important}
.location-combobox-search{position:relative;flex:0 0 auto}
.location-combobox-search:before{content:"";position:absolute;z-index:2;right:14px;top:50%;width:14px;height:14px;border:1.7px solid var(--text-secondary);border-radius:50%;transform:translateY(-58%);pointer-events:none;opacity:.78}
.location-combobox-search:after{content:"";position:absolute;z-index:2;right:26px;top:58%;width:6px;height:1.7px;border-radius:2px;background:var(--text-secondary);transform:rotate(-45deg);pointer-events:none;opacity:.78}
.location-combobox-search-input{height:43px;padding-right:42px!important;border-radius:10px!important;background:var(--surface-muted)}
.location-combobox-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin}
.location-combobox-option{width:100%;min-height:39px;display:flex;align-items:center;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:.72rem;text-align:right;cursor:pointer;transition:background .12s ease,color .12s ease}
.location-combobox-option:hover,.location-combobox-option.is-active{background:var(--surface-muted)}
.location-combobox-option.is-selected{color:var(--color-brand);background:var(--color-brand-soft);font-weight:800}
.location-combobox-option.is-selected.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-brand) 18%,transparent)}
.location-combobox-option.is-placeholder{color:var(--text-secondary)}
.location-combobox-option:disabled{opacity:.62;cursor:not-allowed}
.location-combobox-status{display:none;flex:0 0 auto;padding:11px;text-align:center;color:var(--color-danger);font-size:.62rem}
.location-combobox-status.is-visible{display:block}
[data-theme="dark"] .location-combobox-dropdown{box-shadow:0 22px 55px rgba(0,0,0,.42)}
[data-theme="dark"] .location-combobox-search-input{background:var(--surface-muted)}
@media(max-width:575.98px){.location-combobox-trigger,.location-combobox-option,.location-combobox-search-input{font-size:.72rem}.location-combobox-dropdown{border-radius:12px;padding:7px}.location-combobox-option{min-height:42px}}

/* 0.8.10 — representative registration receipt */
.registration-receipt-body{flex:1;min-width:0}
.registration-tracking-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0 12px;padding:15px 17px;border:1px dashed #89cda0;border-radius:13px;background:#fff;color:#174c2b}
.registration-tracking-box>div{display:grid;gap:5px}
.registration-tracking-box small{font-size:.65rem;color:#548567;font-weight:700}
.registration-tracking-box code{font:800 1.05rem/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em;color:#116b35;direction:ltr;text-align:left}
.registration-receipt-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;color:#48745a;font-size:.68rem}
.registration-receipt-meta span{display:inline-flex;align-items:center;gap:4px}
@media(max-width:575.98px){.registration-success{padding:22px 18px}.registration-tracking-box{align-items:stretch;flex-direction:column}.registration-tracking-box .btn{width:100%}.registration-tracking-box code{font-size:.92rem;overflow-wrap:anywhere}}

/* v0.8.14: wallet roadmap, returns, purchase limits and reorder */
.wallet-coming-soon{min-height:480px;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface,#fff),rgba(99,72,216,.06));overflow:hidden}.wallet-coming-icon{width:88px;height:88px;border-radius:28px;display:inline-grid;place-items:center;background:rgba(99,72,216,.12);color:var(--primary,#6348d8)}
.wallet-roadmap-banner{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(99,72,216,.2);border-radius:18px;background:linear-gradient(110deg,rgba(99,72,216,.10),rgba(99,72,216,.03));color:inherit;text-decoration:none}.wallet-roadmap-banner>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--primary,#6348d8);color:#fff}.wallet-roadmap-banner>div{display:flex;flex-direction:column;gap:3px;flex:1}.wallet-roadmap-banner>div small{color:var(--muted,#7c879e)}.wallet-roadmap-banner>b{font-size:.82rem;color:var(--primary,#6348d8);background:rgba(99,72,216,.1);padding:8px 12px;border-radius:999px}.wallet-roadmap-banner>i{display:grid;place-items:center}
.purchase-limit-note{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.16)}.purchase-limit-note>svg{color:#0284c7;margin-top:2px}.purchase-limit-note>div{display:flex;flex-direction:column;gap:2px}.purchase-limit-note small,.purchase-limit-note span{color:var(--muted,#64748b);font-size:.75rem}.purchase-limit-note strong{font-size:.88rem}
.order-repurchase-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--border,#e2e8f0);border-radius:16px;background:var(--surface,#fff)}.order-repurchase-actions form{margin:0}.order-repurchase-actions small{color:var(--muted,#64748b);margin-inline-start:auto}
.return-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.return-image-grid a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--border,#e2e8f0);background:#f8fafc}.return-image-grid img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.return-image-grid a:hover img{transform:scale(1.04)}
@media(max-width:767.98px){.wallet-roadmap-banner{align-items:flex-start;flex-wrap:wrap}.wallet-roadmap-banner>b{order:4;margin-inline-start:64px}.order-repurchase-actions{align-items:stretch}.order-repurchase-actions .btn,.order-repurchase-actions form{width:100%}.order-repurchase-actions small{margin:0}.return-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Representative capacity 0.8.15 */
.representative-capacity-notice,
.registration-capacity-result{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px 16px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface-soft,#f8fafc);
    transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.representative-capacity-notice .capacity-notice-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:rgba(99,102,241,.1)}
.representative-capacity-notice strong,.registration-capacity-result strong{display:block;margin-bottom:4px}
.representative-capacity-notice p,.registration-capacity-result span{display:block;margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.8}
.representative-capacity-notice.success{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.07)}
.representative-capacity-notice.warning,.registration-capacity-result.warning{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.09)}
.representative-capacity-notice.danger{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}
.representative-capacity-notice.loading{opacity:.75}
.registration-capacity-result{margin-top:14px}
[data-capacity-city-field][hidden]{display:none!important}

/* Dalan 0.9.3 — dual-channel product catalog editor */
.product-editor-v2{grid-template-columns:minmax(0,1fr) 350px;gap:20px}.product-form-toolbar{margin-bottom:18px}.product-form-toolbar .status-badge{white-space:nowrap}.product-editor-v2 .editor-card{border-radius:18px}.product-editor-v2 .editor-card-head{min-height:76px}.product-editor-v2 .editor-card-head.justify-content-between{justify-content:space-between}.product-editor-v2 .editor-card-head .d-flex>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--color-brand);background:var(--color-brand-soft)}
.repeatable-list,.attribute-grid,.variant-card-list{display:grid;gap:10px}.repeatable-row{display:grid;grid-template-columns:minmax(170px,.72fr) minmax(240px,1.28fr) 42px;gap:10px;align-items:center}.repeatable-row .btn-icon,.attribute-row .btn-icon{width:42px;height:42px;padding:0}.attribute-grid-head,.attribute-row{display:grid;grid-template-columns:minmax(135px,.65fr) minmax(260px,1.35fr) 120px 105px 42px;gap:10px;align-items:center}.attribute-grid-head{padding:0 10px 7px;color:var(--text-secondary);font-size:.58rem;font-weight:800}.attribute-row{padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted)}.mini-check{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.62rem;font-weight:750;cursor:pointer}.mini-check input{width:17px;height:17px;accent-color:var(--color-brand)}
.channel-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pricing-channel{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-muted)}.pricing-channel header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pricing-channel header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.pricing-channel header strong,.pricing-channel header small{display:block}.pricing-channel header strong{font-size:.75rem}.pricing-channel header small{margin-top:3px;color:var(--text-secondary);font-size:.57rem}.pricing-channel.representative header>span{color:#6d28d9;background:rgba(109,40,217,.1)}.pricing-channel.store header>span{color:#0369a1;background:rgba(3,105,161,.1)}
.variant-card-list{counter-reset:variant}.variant-card{counter-increment:variant;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.variant-card-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.variant-card-head>div:first-child{min-width:0;flex:1}.variant-card-head strong,.variant-card-head small{display:block}.variant-card-head strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-card-head small{margin-top:3px;color:var(--text-secondary);font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px}.variant-card-grid .variant-attributes-field{grid-column:span 2}.variant-card[hidden]{display:none!important}.is-simple-product [data-variable-section]{display:none!important}.is-simple-product [data-add-variant]{display:none!important}
.publish-scope-options{display:grid;gap:8px}.publish-scope-options>label{position:relative;display:block;cursor:pointer}.publish-scope-options input{position:absolute;opacity:0;pointer-events:none}.publish-scope-options span{display:block;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);transition:.16s ease}.publish-scope-options strong,.publish-scope-options small{display:block}.publish-scope-options strong{font-size:.67rem}.publish-scope-options small{margin-top:4px;color:var(--text-secondary);font-size:.55rem;line-height:1.7}.publish-scope-options input:checked+span{border-color:var(--color-brand);background:var(--color-brand-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand) 10%,transparent)}
.existing-gallery{margin-top:16px}.existing-gallery>strong{display:block;margin-bottom:9px;font-size:.65rem}.existing-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.existing-gallery-grid label{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted)}.existing-gallery-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.existing-gallery-grid span{display:flex;align-items:center;gap:5px;padding:6px;font-size:.52rem}.existing-gallery-grid em{position:absolute;top:5px;right:5px;padding:3px 6px;border-radius:999px;background:var(--color-brand);color:#fff;font-size:.48rem;font-style:normal}.data-pairs{display:grid;gap:8px}.data-pairs>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:.59rem}.data-pairs>div:last-child{border-bottom:0}.data-pairs span{color:var(--text-secondary)}
.catalog-channel-stack,.catalog-price-stack,.catalog-sync-stack{display:grid;gap:5px}.catalog-price-stack>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:190px}.catalog-price-stack small{color:var(--text-secondary)}.catalog-scope-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand);font-size:.55rem;font-weight:800}.catalog-scope-badge.store{background:rgba(3,105,161,.1);color:#0369a1}.catalog-scope-badge.representatives{background:rgba(109,40,217,.1);color:#6d28d9}.catalog-sync-stack small{font-size:.52rem;color:var(--text-secondary)}.product-cell-link{color:inherit;text-decoration:none}.product-cell-link:hover strong{color:var(--color-brand)}.catalog-actions{display:flex;justify-content:flex-end;gap:6px}.catalog-actions .btn{white-space:nowrap}
[data-theme="dark"] .pricing-channel,[data-theme="dark"] .attribute-row,[data-theme="dark"] .publish-scope-options span{background:var(--surface-muted)}
@media(max-width:1280px){.product-editor-v2{grid-template-columns:minmax(0,1fr) 310px}.variant-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.product-editor-v2{grid-template-columns:1fr}.channel-pricing-grid{grid-template-columns:1fr}.variant-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-grid-head{display:none}.attribute-row{grid-template-columns:repeat(2,minmax(0,1fr)) 42px}.attribute-row .mini-check{justify-content:flex-start}.attribute-row .btn-icon{grid-column:3;grid-row:1/3}.product-editor-v2 .product-editor-side{grid-template-columns:1fr}}
@media(max-width:640px){.repeatable-row,.attribute-row,.variant-card-grid{grid-template-columns:1fr}.repeatable-row .btn-icon,.attribute-row .btn-icon{grid-column:auto;grid-row:auto;width:100%}.variant-card-grid .variant-attributes-field{grid-column:auto}.channel-pricing-grid{gap:10px}.existing-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-card-head{align-items:flex-start;flex-wrap:wrap}.variant-card-head .mini-check{margin-inline-start:auto}}

/* Dalan 0.9.4 — compact media, unified variations and catalog filters */
.product-thumb{flex:0 0 72px;width:72px!important;height:72px!important;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:var(--surface-muted);border:1px solid var(--border)}
.product-thumb img{display:block;width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:cover!important;object-position:center}
.product-cell{min-width:290px;align-items:center}.product-cell>div:last-child{min-width:0}.product-cell strong{display:block;font-size:.68rem;line-height:1.8}.product-cell span{display:-webkit-box;margin-top:4px;overflow:hidden;color:var(--text-secondary);font-size:.56rem;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.catalog-products-table tbody tr{background:var(--surface)}.catalog-products-table td{background:transparent!important;vertical-align:middle}.catalog-products-table .product-cell{background:transparent!important}
.product-media-card .media-dropzone{min-height:190px}.product-media-card .media-dropzone.has-preview{padding:10px}.product-media-card .media-dropzone.has-preview .media-preview{width:100%;height:220px;max-height:220px;border-radius:12px;overflow:hidden;background:var(--surface)}
.product-media-card .media-preview img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:220px!important;object-fit:contain!important;object-position:center}
.existing-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.existing-gallery-grid label{min-width:0}.existing-gallery-grid img{display:block;width:100%!important;height:88px!important;aspect-ratio:auto!important;object-fit:cover!important}
.gallery-upload-block{margin-top:18px}.staged-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.staged-media-card{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted)}.staged-media-card img{display:block;width:100%;height:100%;object-fit:cover}.staged-media-remove{position:absolute;top:5px;left:5px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.catalog-note{margin-bottom:13px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--border));border-radius:12px;background:var(--color-brand-soft);color:var(--text-secondary);font-size:.59rem;line-height:1.9}.catalog-note strong{color:var(--text)}
.variant-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.variant-card-grid .variant-attributes-field{grid-column:span 2}.variant-price-group{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted)}.variant-price-group .variant-group-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px dashed var(--border);font-size:.65rem}.variant-price-group.representative .variant-group-title{color:#6d28d9}.variant-price-group.store .variant-group-title{color:#0369a1}.variant-media-field{grid-column:span 2}.variant-media-upload{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:84px;padding:8px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-muted);cursor:pointer}.variant-media-upload input{position:absolute;width:1px;height:1px;opacity:0}.variant-media-preview{grid-row:1/3;width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--surface);color:var(--color-brand)}.variant-media-preview img{display:block;width:72px!important;height:72px!important;object-fit:cover!important}.variant-media-upload b{font-size:.61rem}.variant-media-upload small{font-size:.53rem;color:var(--text-secondary)}
.is-simple-product [data-add-variant]{display:none!important}.is-simple-product .variant-card:not(:first-child){display:none!important}.is-simple-product .variant-basic-field,.is-simple-product .variant-attributes-field,.is-simple-product .variant-color-field,.is-simple-product .variant-card-head [data-remove-variant]{display:none!important}.is-simple-product .variant-card-head small{white-space:normal}.is-simple-product .variant-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-save-panel{position:sticky;bottom:12px;z-index:4;padding:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(14px)}.product-save-panel small{display:block;margin-top:8px;color:var(--text-secondary);font-size:.53rem;line-height:1.7;text-align:center}.btn.is-loading{opacity:.68;cursor:wait}
.sync-error-box{margin-top:12px;padding:11px;border:1px solid rgba(239,68,68,.24);border-radius:11px;background:rgba(239,68,68,.06)}.sync-error-box strong{display:block;color:var(--color-danger);font-size:.61rem}.sync-error-box p{margin:6px 0 0;color:var(--text-secondary);font-size:.54rem;line-height:1.8;word-break:break-word}
.catalog-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;align-items:end}.catalog-filter-search{grid-column:span 2}.catalog-filter-actions{display:flex;gap:7px}.catalog-filter-actions .btn{flex:1;white-space:nowrap}.catalog-sync-error summary{cursor:pointer;color:var(--color-danger);font-size:.53rem}.catalog-sync-error p{max-width:260px;margin:6px 0 0;padding:7px;border-radius:8px;background:rgba(239,68,68,.07);color:var(--text-secondary);font-size:.51rem;line-height:1.7;word-break:break-word}
@media(max-width:1280px){.catalog-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.catalog-filter-search{grid-column:span 2}.variant-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-price-group{grid-column:span 3}.variant-media-field{grid-column:span 2}}
@media(max-width:991.98px){.catalog-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filter-search{grid-column:1/-1}.variant-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-price-group,.variant-media-field{grid-column:span 2}.is-simple-product .variant-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.catalog-filter-grid{grid-template-columns:1fr}.catalog-filter-search{grid-column:auto}.catalog-filter-actions{grid-column:auto}.variant-card-grid,.variant-price-group,.is-simple-product .variant-card-grid{grid-template-columns:1fr}.variant-price-group,.variant-media-field,.variant-card-grid .variant-attributes-field{grid-column:auto}.staged-gallery-grid,.existing-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-thumb{flex-basis:58px;width:58px!important;height:58px!important}.product-thumb img{width:58px!important;height:58px!important}.product-cell{min-width:235px}}

/* Dalan 0.9.5 — live WooCommerce product synchronization feedback. */
.sync-live-result{margin-top:12px;padding:11px 13px;border-radius:12px;font-size:.88rem;line-height:1.8;background:#f5f7fb;border:1px solid #e4e8f1;color:#4d5870}
.sync-live-result.is-success{background:#eefbf4;border-color:#bfe8cf;color:#197445}
.sync-live-result.is-error{background:#fff3f3;border-color:#f3c4c4;color:#a33232}
[data-sync-panel] .sync-error-box[hidden],.sync-live-result[hidden]{display:none!important}

/* Dalan 0.9.6 — staged accordion product editor and color-only variations. */
.product-editor-v3{display:block!important;max-width:1180px;margin:0 auto;padding-bottom:88px}.product-editor-v3 .product-editor-main{display:grid;gap:12px}.product-editor-v3 .editor-card{border-radius:16px;scroll-margin-top:150px}.product-editor-v3 .editor-card-head{min-height:0;padding:0;border-bottom:0}.product-editor-v3 .editor-card-body{padding:20px;border-top:1px solid var(--border)}
.product-editor-steps{position:sticky;z-index:12;top:calc(var(--topbar-height) + 8px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:12px;padding:8px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 10px 28px rgba(30,35,55,.08);backdrop-filter:blur(12px)}.product-editor-steps button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:42px;padding:6px 9px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font:inherit;cursor:pointer;transition:.18s ease}.product-editor-steps button span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:var(--surface-muted);font-size:.58rem;font-weight:900}.product-editor-steps button b{overflow:hidden;font-size:.62rem;white-space:nowrap;text-overflow:ellipsis}.product-editor-steps button:hover,.product-editor-steps button.is-active{color:var(--color-brand);background:var(--color-brand-soft)}.product-editor-steps button.is-active span{color:#fff;background:var(--color-brand)}
.editor-accordion-head{display:flex!important;align-items:center!important}.editor-accordion-toggle{display:grid;grid-template-columns:44px minmax(0,1fr) auto 24px;align-items:center;gap:12px;min-width:0;flex:1;padding:14px 17px;border:0;background:transparent;text-align:right;color:inherit;cursor:pointer}.editor-section-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--color-brand);background:var(--color-brand-soft)}.editor-section-copy{display:block;min-width:0}.editor-section-copy strong,.editor-section-copy small{display:block}.editor-section-copy strong{font-size:.76rem;font-weight:900}.editor-section-copy small{margin-top:4px;color:var(--text-secondary);font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-section-state{padding:5px 9px;border-radius:99px;color:var(--text-secondary);background:var(--surface-muted);font-size:.52rem;font-weight:800}.editor-section-chevron{display:grid;place-items:center;color:var(--text-secondary);transition:transform .2s ease}.editor-accordion.is-open .editor-section-chevron{transform:rotate(180deg)}.editor-accordion:not(.is-open)>.editor-card-body{display:none}.editor-accordion-head>.btn{margin-left:16px;white-space:nowrap}
.product-media-workspace{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:18px}.product-media-workspace .media-dropzone{min-height:245px}.product-gallery-panel{min-width:0;display:grid;align-content:start;gap:16px}.product-gallery-panel .existing-gallery{margin:0}.subsection-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.subsection-title strong{font-size:.7rem}.subsection-title small{color:var(--text-secondary);font-size:.54rem}.editor-divider{margin:20px 0;border-color:var(--border)}
.variant-card-list{gap:9px}.variant-card{border-radius:14px}.variant-card-head{padding:0;gap:8px;border:0}.variant-collapse-toggle{display:grid;grid-template-columns:34px minmax(150px,1.5fr) minmax(115px,.7fr) minmax(115px,.7fr) 24px;align-items:center;gap:10px;min-width:0;flex:1;padding:11px 13px;border:0;background:transparent;text-align:right;color:inherit;cursor:pointer}.variant-summary-swatch{width:30px;height:30px;border:4px solid var(--surface);border-radius:10px;background:var(--variant-color,#5b3fd1);box-shadow:0 0 0 1px var(--border)}.variant-summary-main{min-width:0}.variant-summary-main strong,.variant-summary-main small{display:block}.variant-summary-main strong{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-summary-main small{margin-top:3px;color:var(--text-secondary);font-size:.52rem}.variant-summary-price{min-width:0;padding-right:10px;border-right:1px dashed var(--border)}.variant-summary-price small,.variant-summary-price b{display:block}.variant-summary-price small{color:var(--text-secondary);font-size:.49rem}.variant-summary-price b{margin-top:3px;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-summary-price.representative b{color:#6d28d9}.variant-card-chevron{display:grid;place-items:center;color:var(--text-secondary);transition:transform .2s ease}.variant-card.is-open .variant-card-chevron{transform:rotate(180deg)}.variant-card-head>.mini-check{margin-left:4px}.variant-card-head>[data-remove-variant]{margin-left:10px}.variant-card-body{display:none;padding:15px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 45%,var(--surface))}.variant-card.is-open .variant-card-body{display:block}
.variant-identity-grid{display:grid;grid-template-columns:minmax(200px,1.35fr) 96px minmax(180px,.85fr) minmax(210px,1fr);gap:12px;align-items:start}.variant-color-name-field .form-text{display:block;margin-top:6px}.variant-color-field .form-control-color{width:100%;height:43px;padding:5px}.variant-media-field.compact{grid-column:auto}.variant-media-upload.compact{grid-template-columns:58px minmax(0,1fr);min-height:64px;padding:5px 8px}.variant-media-upload.compact .variant-media-preview,.variant-media-upload.compact .variant-media-preview img{width:54px!important;height:54px!important}.variant-media-upload.compact>span:last-child{display:grid;gap:3px}.variant-price-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.variant-price-columns .variant-price-group{grid-column:auto;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.variant-price-columns .variant-group-title{display:grid;grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:7px}.variant-price-columns .variant-group-title small{justify-self:end;color:var(--text-secondary);font-size:.49rem;font-weight:500}.variant-stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}
.is-simple-product [data-add-variant]{display:none!important}.is-simple-product .variant-card:not(:first-child){display:none!important}.is-simple-product .variant-card-head [data-remove-variant]{display:none!important}.is-simple-product .variant-summary-swatch,.is-simple-product .variant-summary-price{display:none}.is-simple-product .variant-collapse-toggle{grid-template-columns:minmax(0,1fr) 24px}.is-simple-product .variant-identity-grid,.is-simple-product .variant-price-columns{display:none}.is-simple-product .variant-stock-grid{margin-top:0;padding-top:0;border-top:0}.is-simple-product .variant-card-body{display:block}
.publish-sync-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:18px}.sync-panel-inline{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.product-save-bar{position:sticky;z-index:13;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:15px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 14px 34px rgba(30,35,55,.14);backdrop-filter:blur(14px)}.product-save-bar strong,.product-save-bar small{display:block}.product-save-bar strong{font-size:.7rem}.product-save-bar small{margin-top:3px;color:var(--text-secondary);font-size:.53rem}.product-save-bar .btn{min-width:165px}
@media(max-width:1200px){.variant-identity-grid{grid-template-columns:minmax(180px,1fr) 90px minmax(160px,1fr)}.variant-media-field.compact{grid-column:1/-1}.variant-price-columns .variant-price-group{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-price-columns .variant-group-title{grid-column:1/-1}}
@media(max-width:991.98px){.product-editor-steps{top:8px;overflow-x:auto;grid-template-columns:repeat(6,minmax(125px,1fr))}.product-media-workspace,.publish-sync-grid,.variant-price-columns{grid-template-columns:1fr}.variant-identity-grid{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.variant-collapse-toggle{grid-template-columns:32px minmax(130px,1fr) minmax(105px,.7fr) 24px}.variant-summary-price.representative{display:none}.variant-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.product-editor-v3{padding-bottom:105px}.product-editor-steps{margin-inline:-5px;border-radius:12px}.editor-accordion-toggle{grid-template-columns:38px minmax(0,1fr) 20px;padding:12px}.editor-section-icon{width:38px;height:38px}.editor-section-state{display:none}.editor-accordion-head>.btn{margin-left:10px;padding-inline:9px;font-size:.55rem}.editor-card-body{padding:14px!important}.product-media-workspace,.variant-identity-grid,.variant-stock-grid{grid-template-columns:1fr}.variant-color-field{max-width:120px}.variant-media-field.compact{grid-column:auto}.variant-collapse-toggle{grid-template-columns:30px minmax(0,1fr) 22px}.variant-summary-price{display:none}.variant-card-head>.mini-check{padding:6px}.variant-card-head>[data-remove-variant]{margin-left:6px}.variant-price-columns .variant-price-group{grid-template-columns:1fr}.variant-price-columns .variant-group-title{grid-template-columns:24px 1fr}.variant-price-columns .variant-group-title small{grid-column:1/-1;justify-self:start}.product-save-bar{align-items:stretch;flex-direction:column;bottom:6px}.product-save-bar .btn{width:100%}.repeatable-row{grid-template-columns:1fr}.repeatable-row .btn-icon{width:100%}}

/* Dalan 0.9.7 — product form cleanup, WordPress editor, brand taxonomy and publish workflow. */
.product-editor-v4 .form-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.product-editor-v4 .form-label-row .form-label{margin:0}.product-editor-v4 .form-label-row>a,.product-editor-v4 .form-label-row>small{font-size:.54rem;color:var(--color-brand);text-decoration:none}.product-editor-v4 .form-label-row>a:hover{text-decoration:underline}
.wp-editor-field .mce-tinymce,.wp-editor-field .tox-tinymce{overflow:hidden!important;border:1px solid var(--border)!important;border-radius:13px!important;box-shadow:none!important}.wp-editor-field .mce-toolbar-grp,.wp-editor-field .tox-editor-header{border-color:var(--border)!important;background:var(--surface-muted)!important}.wordpress-editor-fallback .js-wordpress-editor{min-height:190px}.wordpress-editor-fallback .js-wordpress-editor[data-editor-mode="full"]{min-height:360px}
.featured-media-box{position:relative}.media-remove-x{position:absolute;z-index:5;top:8px;left:8px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:2px solid var(--surface);border-radius:999px;background:#dc2626;color:#fff;font:900 19px/1 Arial,sans-serif;box-shadow:0 6px 16px rgba(220,38,38,.28);cursor:pointer;transition:.16s ease}.media-remove-x:hover{transform:scale(1.08);background:#b91c1c}.existing-media-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted)}.existing-media-card img{display:block;width:100%!important;height:88px!important;object-fit:cover!important}.existing-media-card em{position:absolute;right:6px;bottom:6px;padding:3px 7px;border-radius:999px;background:var(--color-brand);color:#fff;font-size:.48rem;font-style:normal}.existing-media-card .media-remove-x{top:5px;left:5px;width:25px;height:25px;font-size:16px}.featured-empty-mark{font-size:2rem;font-weight:400;color:var(--color-brand)}
.cost-price-strip{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(230px,.45fr);align-items:center;gap:13px;padding:14px;border:1px solid color-mix(in srgb,var(--color-warning) 35%,var(--border));border-radius:14px;background:color-mix(in srgb,#f59e0b 7%,var(--surface))}.cost-price-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff7ed;color:#c2410c}.cost-price-strip strong,.cost-price-strip small{display:block}.cost-price-strip strong{font-size:.7rem}.cost-price-strip small{margin-top:4px;color:var(--text-secondary);font-size:.53rem;line-height:1.7}.cost-price-strip .input-with-suffix{min-width:0}
.product-editor-v4 .variant-stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-editor-v4 [data-remove-variant],.product-editor-v4 [data-remove-repeatable]{font-size:1.1rem;font-weight:900;color:#dc2626}.product-editor-v4 [data-remove-variant]:hover,.product-editor-v4 [data-remove-repeatable]:hover{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.publish-workflow{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:14px}.publish-choice-panel,.publish-result-card,.sync-panel-v2{padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.publish-choice-panel:first-child{grid-row:span 2}.publish-result-card{background:var(--surface-muted)}.publish-panel-title,.sync-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.publish-panel-title>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:var(--color-brand);color:#fff;font-size:.6rem;font-weight:900}.publish-panel-title strong,.publish-panel-title small,.sync-panel-title strong,.sync-panel-title small{display:block}.publish-panel-title strong,.sync-panel-title strong{font-size:.68rem}.publish-panel-title small,.sync-panel-title small{margin-top:3px;color:var(--text-secondary);font-size:.52rem}.publish-scope-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-scope-cards span{min-height:128px;padding:14px!important}.publish-scope-cards span i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:12px;background:var(--surface);color:var(--color-brand)}.publish-scope-cards span i svg{width:20px;height:20px}.publish-scope-cards input:checked+span i{background:var(--color-brand);color:#fff}.publish-status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.publish-status-options label{position:relative;cursor:pointer}.publish-status-options input{position:absolute;opacity:0;pointer-events:none}.publish-status-options span{display:block;min-height:116px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted);transition:.16s ease}.publish-status-options span b{display:grid;place-items:center;width:36px;height:36px;margin-bottom:10px;border-radius:11px;color:var(--text-secondary);background:var(--surface)}.publish-status-options span strong,.publish-status-options span small{display:block}.publish-status-options span strong{font-size:.65rem}.publish-status-options span small{margin-top:4px;color:var(--text-secondary);font-size:.51rem;line-height:1.7}.publish-status-options input:checked+span{border-color:var(--color-brand);background:var(--color-brand-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand) 10%,transparent)}.publish-status-options input:checked+span b{background:var(--color-brand);color:#fff}.publish-result-summary{display:grid;gap:8px}.publish-result-summary>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.publish-result-summary>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--color-brand);background:var(--color-brand-soft)}.publish-result-summary p{margin:0}.publish-result-summary b,.publish-result-summary small{display:block}.publish-result-summary b{font-size:.58rem}.publish-result-summary small{margin-top:3px;color:var(--text-secondary);font-size:.51rem;line-height:1.7}.sync-panel-v2{grid-column:1/-1}.sync-panel-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--color-brand);background:var(--color-brand-soft)}.sync-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sync-metrics>div{padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted)}.sync-metrics span,.sync-metrics strong{display:block}.sync-metrics span{color:var(--text-secondary);font-size:.5rem}.sync-metrics strong{margin-top:4px;font-size:.6rem}.sync-behavior-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px;border-radius:11px;background:var(--color-brand-soft);color:var(--text-secondary)}.sync-behavior-note>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:var(--color-brand)}.sync-behavior-note p{margin:0;font-size:.53rem;line-height:1.8}
@media(max-width:991.98px){.cost-price-strip{grid-template-columns:46px minmax(0,1fr)}.cost-price-strip .input-with-suffix{grid-column:1/-1}.publish-workflow{grid-template-columns:1fr}.publish-choice-panel:first-child{grid-row:auto}.publish-scope-cards{grid-template-columns:1fr}.publish-scope-cards span{min-height:0}.sync-panel-v2{grid-column:auto}.sync-metrics{grid-template-columns:1fr}.product-editor-v4 .variant-stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.publish-status-options,.product-editor-v4 .variant-stock-grid{grid-template-columns:1fr}.cost-price-strip{grid-template-columns:1fr}.cost-price-icon{width:40px;height:40px}.media-remove-x.featured{top:6px;left:6px}}

/* 0.9.11 — product autosave, recovery and explicit draft/publish actions */
.product-recovery-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 14px;max-width:1180px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--color-brand) 30%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--color-brand-soft) 72%,var(--surface));box-shadow:0 10px 28px rgba(30,35,55,.06)}
.product-recovery-alert[hidden]{display:none!important}.product-recovery-alert>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}.product-recovery-alert>div:first-child>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;color:var(--color-brand);background:var(--surface)}.product-recovery-alert p,.product-recovery-alert strong,.product-recovery-alert small{display:block;margin:0}.product-recovery-alert strong{font-size:.68rem}.product-recovery-alert small{margin-top:3px;color:var(--text-secondary);font-size:.54rem;line-height:1.8}.product-recovery-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.product-save-copy{min-width:0}.product-save-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.product-save-bar .product-save-actions .btn{min-width:150px}.product-autosave-status{display:inline-flex!important;align-items:center;gap:6px;width:max-content;margin-top:7px;padding:4px 8px;border-radius:999px;background:var(--surface-muted);color:var(--text-secondary);font-size:.51rem}.product-autosave-status i{display:block;width:7px;height:7px;border-radius:50%;background:#94a3b8}.product-autosave-status b{font:inherit;font-weight:750}.product-autosave-status[data-state="dirty"]{color:#9a6700;background:#fff7dd}.product-autosave-status[data-state="dirty"] i{background:#f59e0b}.product-autosave-status[data-state="saving"]{color:var(--color-brand);background:var(--color-brand-soft)}.product-autosave-status[data-state="saving"] i{background:var(--color-brand);animation:productAutosavePulse .9s ease-in-out infinite}.product-autosave-status[data-state="saved"]{color:#18794e;background:#eaf8f1}.product-autosave-status[data-state="saved"] i{background:#22a06b}.product-autosave-status[data-state="error"]{color:#b42318;background:#fff0ef}.product-autosave-status[data-state="error"] i{background:#d92d20}@keyframes productAutosavePulse{50%{opacity:.35;transform:scale(.72)}}
@media(max-width:640px){.product-recovery-alert{align-items:stretch;flex-direction:column}.product-recovery-actions{display:grid;grid-template-columns:1fr 1fr}.product-recovery-actions .btn{width:100%}.product-save-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.product-save-bar .product-save-actions .btn{min-width:0;width:100%;padding-inline:8px}.product-autosave-status{max-width:100%;white-space:normal}}
.publish-mode-guide{display:grid;grid-template-columns:1fr 1fr;gap:9px}.publish-mode-guide>div{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.publish-mode-guide b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;color:var(--color-brand);background:var(--surface)}.publish-mode-guide p,.publish-mode-guide strong,.publish-mode-guide small{display:block;margin:0}.publish-mode-guide strong{font-size:.61rem}.publish-mode-guide small{margin-top:3px;color:var(--text-secondary);font-size:.51rem;line-height:1.7}@media(max-width:640px){.publish-mode-guide{grid-template-columns:1fr}}

/* --- Patch 0.9.14: storefront variants without horizontal scrolling --- */
.product-variant-table-wrap{
  width:100%;
  max-width:100%;
  overflow:visible;
}
.product-variant-selection-table{
  width:100%!important;
  max-width:100%;
  table-layout:fixed;
}
.product-variant-selection-table th,
.product-variant-selection-table td{
  min-width:0;
  padding-inline:7px;
}
.product-variant-selection-table th:nth-child(1){width:32%}
.product-variant-selection-table th:nth-child(2){width:15%}
.product-variant-selection-table th:nth-child(3){width:9%}
.product-variant-selection-table th:nth-child(4){width:17%}
.product-variant-selection-table th:nth-child(5){width:13%}
.product-variant-selection-table th:nth-child(6){width:14%}
.product-variant-selection-table .variant-multi-select{
  width:100%;
  min-width:0;
  gap:7px;
}
.product-variant-selection-table .variant-multi-select span{
  min-width:0;
}
.product-variant-selection-table .variant-multi-select strong{
  overflow-wrap:anywhere;
}
.product-variant-selection-table .variant-row-image{
  width:42px;
  height:42px;
  flex:0 0 42px;
}
.product-variant-selection-table .variant-code-cell code{
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  direction:ltr;
  text-align:center;
  font-size:.56rem;
  line-height:1.7;
}
.product-variant-selection-table td[data-label="قیمت"] strong{
  display:block;
  line-height:1.65;
}
.product-variant-selection-table .variant-qty-input{
  width:100%;
  min-width:0;
  max-width:78px;
  margin-inline:auto;
}

@media(max-width:991.98px){
  .product-variant-selection-table th,
  .product-variant-selection-table td{padding-inline:5px}
  .product-variant-selection-table th:nth-child(1){width:34%}
  .product-variant-selection-table th:nth-child(2){width:14%}
  .product-variant-selection-table th:nth-child(3){width:8%}
  .product-variant-selection-table th:nth-child(4){width:17%}
  .product-variant-selection-table th:nth-child(5){width:13%}
  .product-variant-selection-table th:nth-child(6){width:14%}
  .product-variant-selection-table .variant-row-image{width:38px;height:38px;flex-basis:38px}
  .product-variant-selection-table .variant-multi-select{gap:5px}
}

@media(max-width:767.98px){
  .product-variant-table-wrap{overflow:visible}
  .product-variant-selection-table,
  .product-variant-selection-table tbody{
    display:block;
    width:100%;
  }
  .product-variant-selection-table thead{display:none}
  .product-variant-selection-table tbody{
    display:grid;
    gap:10px;
  }
  .product-variant-selection-table tbody tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 14px;
    width:100%;
    padding:11px 12px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface);
  }
  .product-variant-selection-table tbody tr.is-selected{
    background:color-mix(in srgb,var(--color-brand-soft) 72%,#fff);
  }
  .product-variant-selection-table tbody td{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
    padding:8px 0!important;
    border:0!important;
    border-bottom:1px dashed var(--border)!important;
    font-size:.62rem;
  }
  .product-variant-selection-table tbody td::before{
    content:attr(data-label);
    flex:0 0 auto;
    color:var(--text-secondary);
    font-size:.53rem;
    font-weight:800;
  }
  .product-variant-selection-table tbody .variant-choice-cell{
    grid-column:1/-1;
    display:block;
    padding-top:0!important;
    padding-bottom:10px!important;
    margin-bottom:2px;
  }
  .product-variant-selection-table tbody .variant-choice-cell::before{display:none}
  .product-variant-selection-table tbody td:nth-last-child(-n+2){border-bottom:0!important}
  .product-variant-selection-table .variant-multi-select{min-width:0;width:100%;gap:8px}
  .product-variant-selection-table .variant-multi-select strong{font-size:.67rem}
  .product-variant-selection-table .variant-extra-meta{padding-right:28px;margin-top:4px}
  .product-variant-selection-table .variant-code-cell code{
    max-width:92px;
    text-align:left;
  }
  .product-variant-selection-table .variant-qty-cell{align-items:center}
  .product-variant-selection-table .variant-qty-input{
    width:72px;
    max-width:72px;
    margin:0;
  }
}

@media(max-width:430px){
  .product-purchase-box{padding-inline:13px}
  .product-variant-selection-table tbody tr{grid-template-columns:1fr;gap:0}
  .product-variant-selection-table tbody td,
  .product-variant-selection-table tbody td:nth-last-child(-n+2){border-bottom:1px dashed var(--border)!important}
  .product-variant-selection-table tbody td:last-child{border-bottom:0!important}
  .product-variant-selection-table tbody .variant-choice-cell{grid-column:auto}
  .product-variant-selection-table .variant-code-cell code{max-width:55%;text-align:left}
}

/* 0.9.15 — سبد خرید عمده و وضعیت اعتبارسنجی */
.wholesale-cart-table-wrap{overflow-x:auto}
.wholesale-cart-table code{direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere;color:var(--color-brand)}
.cart-qty-input{width:92px;min-width:92px;text-align:center}
.cart-row-invalid{background:color-mix(in srgb,#ef4444 5%,transparent)}
.cart-row-error{display:block;margin-top:6px;color:var(--color-danger);font-size:.56rem;line-height:1.7;font-weight:700}
@media(max-width:767.98px){
  .wholesale-cart-table-wrap{overflow:visible}
  .wholesale-cart-table,.wholesale-cart-table tbody{display:block;width:100%}
  .wholesale-cart-table thead{display:none}
  .wholesale-cart-table tbody tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);padding:12px 14px;gap:0 12px}
  .wholesale-cart-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0!important;border-bottom:1px dashed var(--border)!important;padding:9px 0!important;min-width:0}
  .wholesale-cart-table tbody td::before{content:attr(data-label);color:var(--text-secondary);font-size:.55rem;font-weight:700;flex:0 0 auto}
  .wholesale-cart-table tbody td:first-child{grid-column:1/-1;display:block;padding-top:0!important}
  .wholesale-cart-table tbody td:first-child::before{display:none}
  .wholesale-cart-table tbody td:last-child{border-bottom:0!important}
  .wholesale-cart-table .cart-line-item{align-items:flex-start}
  .wholesale-cart-table .cart-line-item img{width:54px;height:54px;border-radius:13px}
  .cart-qty-input{width:84px;min-width:0}
}
@media(max-width:480px){
  .wholesale-cart-table tbody tr{grid-template-columns:1fr}
  .wholesale-cart-table tbody td:first-child{grid-column:auto}
}

/* 0.9.22 — refined WooCommerce category picker */
.product-category-picker{border:1px solid rgba(122,107,255,.16);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);box-shadow:0 14px 32px rgba(28,39,94,.05);overflow:hidden}.product-category-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;background:linear-gradient(180deg,#fbfaff 0%,#f7f5ff 100%);border-bottom:1px solid rgba(122,107,255,.12)}.product-category-picker-meta{display:grid;gap:4px;min-width:0}.product-category-picker-meta strong{font-size:.88rem;font-weight:900;color:var(--color-text,#1f2937)}.product-category-picker-meta span{font-size:.72rem;font-weight:800;color:var(--color-text-soft,#667085)}.product-category-picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:min(100%,320px)}.product-category-picker-actions .form-control{min-width:180px;border-radius:12px;background:#fff}.product-category-picker-actions .btn{border-radius:12px}.product-category-picker-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}.product-category-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 11px;border:1px solid rgba(122,107,255,.16);border-radius:999px;background:#f5f3ff;color:var(--color-brand);font-size:.74rem;font-weight:800;line-height:1.2}.product-category-chip:not(.is-placeholder){cursor:pointer;transition:.16s ease}.product-category-chip:not(.is-placeholder):hover{background:#ede9fe;border-color:rgba(122,107,255,.28)}.product-category-chip i{font-style:normal;font-size:13px;line-height:1;color:inherit}.product-category-chip.is-placeholder{background:#f8fafc;border-color:#e2e8f0;color:var(--color-text-soft,#64748b);cursor:default}.product-category-picker-list{max-height:232px;overflow:auto;padding:12px 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;scrollbar-width:thin}.product-category-picker-empty{padding:0 16px 16px;font-size:.78rem;font-weight:800;color:var(--color-text-soft,#667085)}.product-category-option{margin:0;cursor:pointer;min-width:0}.product-category-option>input{position:absolute;opacity:0;pointer-events:none}.product-category-option>span{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #edf0f6;border-radius:13px;background:#fff;transition:.16s ease}.product-category-option>span>i{width:20px;height:20px;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff;position:relative;flex:0 0 auto}.product-category-option>span>b{font-size:.78rem;font-weight:800;line-height:1.8;color:var(--color-text,#1f2937)}.product-category-option:hover>span{background:#faf9ff;border-color:#ddd6fe}.product-category-option>input:checked+span{border-color:#c7bfff;background:#f3f0ff;color:var(--color-brand);box-shadow:0 0 0 1px rgba(122,107,255,.08) inset}.product-category-option>input:checked+span>i{background:var(--color-brand);border-color:var(--color-brand)}.product-category-option>input:checked+span>i:after{content:'✓';position:absolute;inset:-2px 0 0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.product-category-option>input:focus-visible+span{outline:2px solid var(--color-brand);outline-offset:1px}
@media(max-width:991px){.product-category-picker-list{grid-template-columns:1fr}.product-category-picker-actions{min-width:0;width:100%;justify-content:stretch}.product-category-picker-actions .form-control{flex:1 1 200px}}
@media(max-width:640px){.product-category-picker-head{padding:12px;flex-direction:column;align-items:stretch}.product-category-picker-actions{justify-content:stretch}.product-category-picker-actions .btn,.product-category-picker-actions .form-control{width:100%}.product-category-picker-chips{padding:10px 12px 0}.product-category-picker-list{max-height:244px;padding:10px 12px 12px}.product-category-option>span{min-height:42px;padding:9px 10px}}

/* 0.9.25 — representative application review workflow */
.application-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.application-summary-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.application-summary-card small{color:var(--text-secondary);font-weight:800}.application-summary-card strong{font-size:1.05rem;color:var(--text-primary)}.application-status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.application-status-stack small{color:var(--text-secondary)}.application-review-toolbar code{font-size:.78rem}.application-review-statusbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.application-review-statusbar>div{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:13px 15px;display:grid;gap:7px;align-content:center}.application-review-statusbar small,.application-detail-grid small,.application-social-list small,.application-description>small{color:var(--text-secondary);font-size:.69rem;font-weight:800}.application-review-statusbar strong,.application-detail-grid strong,.application-social-list strong{font-size:.82rem;line-height:1.9}.application-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.application-review-main{display:grid;gap:16px;min-width:0}.application-review-side{display:grid;gap:16px;position:sticky;top:18px}.application-detail-card,.application-action-card{overflow:hidden}.application-detail-card .card-header,.application-action-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(180deg,#fbfaff 0%,#fff 100%);border-bottom:1px solid var(--border)}.application-detail-card .card-header h3,.application-action-card .card-header h3{font-size:.92rem;margin:0 0 4px;font-weight:900}.application-detail-card .card-header p,.application-action-card .card-header p{font-size:.67rem;color:var(--text-secondary);margin:0;line-height:1.8}.application-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);padding:0!important}.application-detail-grid>div{background:var(--surface);padding:14px 16px;min-width:0;display:grid;align-content:start;gap:5px}.application-detail-grid a{font-size:.78rem;overflow-wrap:anywhere}.application-detail-wide{grid-column:1/-1}.application-social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.application-social-list>div{border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:grid;gap:4px;min-width:0}.application-social-list strong{overflow-wrap:anywhere}.application-description{border:1px solid var(--border);border-radius:14px;padding:13px 15px}.application-description p{margin:6px 0 0;line-height:2;font-size:.78rem}.application-document-preview{height:480px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#f8fafc}.application-document-preview iframe{width:100%;height:100%;border:0;background:#fff}.application-review-confirm{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid rgba(22,163,74,.2);border-radius:13px;background:#f0fdf4;cursor:pointer}.application-review-confirm input{margin-top:4px;flex:0 0 auto}.application-review-confirm span{font-size:.69rem;line-height:1.9;font-weight:800;color:#166534}.application-final-result{display:grid;gap:10px;justify-items:start}.application-reject-card{border-color:rgba(220,38,38,.14)}.application-current-state{display:flex;flex-wrap:wrap;gap:8px}.application-approval-settings{border:1px solid var(--border);border-radius:14px;background:#fbfcff;padding:0 13px 13px}.application-approval-settings summary{cursor:pointer;font-size:.76rem;font-weight:900;padding:12px 0;color:var(--text-primary)}.application-approval-settings>p{font-size:.66rem;color:var(--text-secondary);margin:-2px 0 12px;line-height:1.8}.application-status-control-card .form-text{font-size:.64rem;line-height:1.8}.application-status-control-card textarea{resize:vertical;min-height:88px}
@media(max-width:1199.98px){.application-review-layout{grid-template-columns:1fr}.application-review-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.application-review-statusbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.application-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-review-statusbar{grid-template-columns:1fr 1fr}.application-detail-grid{grid-template-columns:1fr 1fr}.application-review-side{grid-template-columns:1fr}.application-document-preview{height:380px}.representative-applications-table .application-status-stack{min-width:125px}}
@media(max-width:520px){.application-summary-grid,.application-review-statusbar,.application-detail-grid,.application-social-list{grid-template-columns:1fr}.application-detail-wide{grid-column:auto}.application-document-preview{height:320px}}

/* 0.9.30 — verified two-stage product publishing */
body.product-publishing{overflow:hidden}.product-publish-overlay[hidden]{display:none!important}.product-publish-overlay{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,24,36,.52);backdrop-filter:blur(7px)}.product-publish-dialog{width:min(560px,100%);padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 28px 80px rgba(15,23,42,.24);text-align:center}.product-publish-spinner{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;border:5px solid var(--color-brand-soft);border-top-color:var(--color-brand);animation:productPublishSpin .85s linear infinite}.product-publish-success-icon,.product-publish-error-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;font-size:1.6rem;font-weight:950}.product-publish-success-icon{color:#fff;background:#22a06b;box-shadow:0 0 0 9px #eaf8f1}.product-publish-error-icon{color:#fff;background:#d92d20;box-shadow:0 0 0 9px #fff0ef}.product-publish-dialog-copy h3{margin:4px 0 6px;font-size:1.12rem}.product-publish-dialog-copy p{margin:0;color:var(--text-secondary);font-size:.66rem;line-height:1.9}.product-publish-steps{display:grid;gap:9px;margin-top:20px;text-align:right}.product-publish-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted);transition:.2s ease}.product-publish-step>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface);font-style:normal}.product-publish-step>i>span{font-size:.75rem;font-weight:950}.product-publish-step strong,.product-publish-step small{display:block}.product-publish-step strong{font-size:.66rem}.product-publish-step small{margin-top:3px;color:var(--text-secondary);font-size:.52rem;line-height:1.7}.product-publish-step.is-active{border-color:color-mix(in srgb,var(--color-brand) 42%,var(--border));background:var(--color-brand-soft)}.product-publish-step.is-active>i{position:relative;background:var(--color-brand);color:#fff}.product-publish-step.is-active>i:after{content:"";width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:productPublishSpin .75s linear infinite}.product-publish-step.is-done{border-color:#bfe8cf;background:#eefbf4}.product-publish-step.is-done>i{color:#fff;background:#22a06b}.product-publish-step.is-error{border-color:#f3c4c4;background:#fff3f3}.product-publish-step.is-error>i{color:#fff;background:#d92d20}.product-publish-step.is-skipped{opacity:.55}.product-publish-final{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:11px 12px;border-radius:12px;background:#eefbf4;color:#197445;font-size:.62rem;font-weight:800}.product-publish-final b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#22a06b;color:#fff}.product-publish-dialog>[data-publish-overlay-close]{margin-top:15px;min-width:190px}@keyframes productPublishSpin{to{transform:rotate(360deg)}}@media(max-width:640px){.product-publish-overlay{padding:12px}.product-publish-dialog{padding:21px 15px;border-radius:18px}.product-publish-step{grid-template-columns:34px minmax(0,1fr);padding:10px}.product-publish-step>i{width:34px;height:34px}.product-publish-dialog-copy h3{font-size:1rem}.product-publish-dialog-copy p{font-size:.62rem}}

.product-publish-spinner[hidden],.product-publish-success-icon[hidden],.product-publish-error-icon[hidden],.product-publish-final[hidden],[data-publish-overlay-close][hidden]{display:none!important}

/* v0.9.32: keep Woo/store publish diagnostics readable on desktop and mobile. */
.product-publish-dialog-copy p.is-error-detail{margin-top:10px;padding:10px 12px;border:1px solid #f3c4c4;border-radius:12px;background:#fff7f7;color:#9f1f1f;text-align:right;white-space:pre-line;overflow-wrap:anywhere;font-size:.62rem;line-height:1.95}

/* 0.9.33 — complete payment evidence inside order details */
.payment-history-list .payment-evidence-card{display:block;padding:12px}.payment-evidence-meta{display:grid;gap:7px}.payment-evidence-meta>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding-top:7px;border-top:1px dashed var(--border)}.payment-evidence-meta dt{font-size:.53rem;color:var(--text-secondary);font-weight:600}.payment-evidence-meta dd{font-size:.58rem;font-weight:650;margin:0;overflow-wrap:anywhere}.payment-evidence-files{display:flex;flex-wrap:wrap;gap:6px}.payment-evidence-files .btn{max-width:100%}.payment-evidence-files .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.payment-evidence-card .order-address{padding-top:8px}.payment-evidence-card .order-address p{margin-top:3px}.manual-payment-form .form-text{font-size:.52rem}
@media (max-width:575.98px){.payment-evidence-meta>div{grid-template-columns:1fr;gap:2px}.payment-evidence-files{display:grid}.payment-evidence-files .btn{width:100%;justify-content:center}.payment-evidence-files .btn span{max-width:240px}}