/* ZheTech seller premium suite - scoped portal polish */
:root {
  --seller-premium-header: 76px;
  --seller-premium-blue: #3478ff;
  --seller-premium-violet: #7c4dff;
  --seller-premium-pink: #df3fa6;
  --seller-premium-gold: #f7bd2f;
  --seller-premium-ink: #071224;
  --seller-premium-muted: #61708a;
  --seller-premium-line: rgba(18, 35, 65, .11);
  --seller-premium-surface: rgba(255, 255, 255, .9);
  --seller-premium-soft: #f3f7fd;
  --seller-premium-shadow: 0 22px 60px rgba(15, 23, 42, .10);
}

@media (max-width: 767.98px) {
  body.zt-seller-app.seller-product-form-page .add-product-body,
  body.zt-seller-app.seller-product-form-page .edit-product-body {
    padding: 18px 16px 26px !important;
  }

  body.zt-seller-app.seller-product-form-page .zt-hierarchy-card {
    padding: 16px !important;
    margin-inline: 0 !important;
  }
}

html,
body.zt-seller-app {
  margin: 0 !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  scroll-padding-top: var(--seller-premium-header) !important;
}

body.zt-seller-app {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: var(--seller-premium-ink) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(52, 120, 255, .12), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(223, 63, 166, .12), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 44%, #f8fbff 100%) !important;
}

body.zt-seller-app.dark-mode {
  --seller-premium-ink: #f8fafc;
  --seller-premium-muted: #c7d2e6;
  --seller-premium-line: rgba(255, 255, 255, .12);
  --seller-premium-surface: rgba(12, 18, 33, .94);
  --seller-premium-soft: #07111f;
  --seller-premium-shadow: 0 24px 70px rgba(0, 0, 0, .42);
  background:
    radial-gradient(circle at 15% 0%, rgba(52, 120, 255, .20), transparent 32%),
    radial-gradient(circle at 88% 6%, rgba(223, 63, 166, .20), transparent 34%),
    linear-gradient(180deg, #050914 0%, #09111f 55%, #050914 100%) !important;
}

body.zt-seller-app .seller-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: var(--seller-premium-header) !important;
  margin: 0 !important;
  z-index: 2147482500 !important;
  border-bottom: 1px solid rgba(52, 120, 255, .14) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .10) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
}

body.zt-seller-app.dark-mode .seller-header {
  background: rgba(5, 9, 20, .92) !important;
  border-bottom-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .36) !important;
}

body.zt-seller-app .seller-nav {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--seller-premium-header) !important;
  margin: 0 !important;
  padding: 10px clamp(16px, 4vw, 56px) !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(10px, 1.8vw, 22px) !important;
}

body.zt-seller-app .seller-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  color: var(--seller-premium-blue) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app .seller-logo::before {
  content: "\f0e7";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--seller-premium-blue);
}

body.zt-seller-app .seller-logo span {
  color: var(--seller-premium-violet) !important;
}

body.zt-seller-app .seller-nav-links-desktop {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: center !important;
  gap: 6px !important;
}

body.zt-seller-app .seller-nav-link {
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  color: #64748b !important;
  font-size: .84rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  background: transparent !important;
}

body.zt-seller-app .seller-nav-link:hover,
body.zt-seller-app .seller-nav-link.active {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .22) !important;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet)) !important;
  box-shadow: 0 14px 30px rgba(52, 120, 255, .24) !important;
}

body.zt-seller-app .seller-header-actions {
  margin-left: auto !important;
  gap: 10px !important;
}

body.zt-seller-app .seller-theme-toggle,
body.zt-seller-app .seller-header .btn,
body.zt-seller-app .seller-header .mobile-menu-toggle {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  border: 1px solid rgba(52, 120, 255, .13) !important;
  color: var(--seller-premium-ink) !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
}

body.zt-seller-app .seller-header .btn-warning,
body.zt-seller-app .seller-header .btn-outline-light.active {
  width: auto;
  padding-inline: 16px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet)) !important;
}

body.zt-seller-app .seller-avatar {
  width: 40px !important;
  height: 40px !important;
  border: 2px solid rgba(52, 120, 255, .24) !important;
}

body.zt-seller-app.offcanvas-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}

body.zt-seller-app #offcanvasNav {
  height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  scrollbar-width: none;
}

body.zt-seller-app #offcanvasNav::-webkit-scrollbar {
  display: none;
}

body.zt-seller-app #offcanvasNav .offcanvas-header {
  flex: 0 0 auto;
  min-height: 72px;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--seller-premium-line);
}

body.zt-seller-app #offcanvasNav .offcanvas-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 16px 14px 118px !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, .55) transparent;
}

body.zt-seller-app #offcanvasNav .offcanvas-body::-webkit-scrollbar {
  width: 8px;
}

body.zt-seller-app #offcanvasNav .offcanvas-body::-webkit-scrollbar-track {
  background: transparent;
}

body.zt-seller-app #offcanvasNav .offcanvas-body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(100, 116, 139, .45);
}

body.zt-seller-app .seller-offcanvas-user {
  margin: 0 0 10px;
  padding: 16px;
  border: 1px solid var(--seller-premium-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(52, 120, 255, .14), transparent 32%),
    rgba(248, 250, 252, .92);
}

body.zt-seller-app .seller-offcanvas-username {
  margin: 0 0 8px !important;
  color: #071224 !important;
  font-weight: 900;
  line-height: 1.25;
}

body.zt-seller-app.dark-mode .seller-offcanvas-user {
  border-color: rgba(148, 163, 184, .16);
  background:
    radial-gradient(circle at 100% 0%, rgba(124, 77, 255, .20), transparent 32%),
    rgba(15, 23, 42, .78);
}

body.zt-seller-app.dark-mode .seller-offcanvas-username {
  color: #f8fafc !important;
}

body.zt-seller-app > main.container-fluid {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100svh - var(--seller-premium-header)) !important;
  margin: 0 !important;
  padding: calc(var(--seller-premium-header) + clamp(22px, 3vw, 36px)) clamp(16px, 4vw, 54px) clamp(44px, 6vw, 78px) !important;
  overflow: visible !important;
}

body.zt-seller-app main.container-fluid > .container-fluid,
body.zt-seller-app main.container-fluid > .seller-dashboard,
body.zt-seller-app main.container-fluid > .seller-products,
body.zt-seller-app main.container-fluid > .seller-orders,
body.zt-seller-app main.container-fluid > .seller-analytics,
body.zt-seller-app main.container-fluid > .seller-messages,
body.zt-seller-app main.container-fluid > .seller-profile,
body.zt-seller-app main.container-fluid > .seller-settings-page {
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.zt-seller-app .dashboard-title,
body.zt-seller-app .seller-section-heading h1,
body.zt-seller-app .seller-products h1,
body.zt-seller-app .seller-orders h1,
body.zt-seller-app .seller-analytics h1,
body.zt-seller-app .seller-messages h1,
body.zt-seller-app .seller-profile h1,
body.zt-seller-app .seller-dashboard h1 {
  margin: 0 0 10px !important;
  color: var(--seller-premium-ink) !important;
  font-size: clamp(1.75rem, 2.35vw, 2.5rem) !important;
  line-height: 1.16 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app .lead,
body.zt-seller-app .text-muted,
body.zt-seller-app .seller-section-heading p {
  font-size: clamp(1rem, 1.25vw, 1.125rem) !important;
  line-height: 1.65 !important;
  color: var(--seller-premium-muted) !important;
  font-weight: 650 !important;
}

body.zt-seller-app h2,
body.zt-seller-app .h2 {
  font-size: clamp(1.35rem, 1.8vw, 1.75rem) !important;
  line-height: 1.25 !important;
}

body.zt-seller-app h3,
body.zt-seller-app .h3,
body.zt-seller-app h4,
body.zt-seller-app .h4,
body.zt-seller-app .card-title {
  font-size: clamp(1rem, 1.25vw, 1.125rem) !important;
  line-height: 1.35 !important;
}

body.zt-seller-app p,
body.zt-seller-app small,
body.zt-seller-app label,
body.zt-seller-app td,
body.zt-seller-app th,
body.zt-seller-app .btn,
body.zt-seller-app .badge {
  letter-spacing: 0 !important;
}

body.zt-seller-app img,
body.zt-seller-app video,
body.zt-seller-app canvas,
body.zt-seller-app svg {
  max-width: 100%;
}

body.zt-seller-app p,
body.zt-seller-app a,
body.zt-seller-app span,
body.zt-seller-app small,
body.zt-seller-app td,
body.zt-seller-app th,
body.zt-seller-app label {
  overflow-wrap: anywhere;
}

body.zt-seller-app .seller-dashboard::before,
body.zt-seller-app .seller-products::before,
body.zt-seller-app .seller-orders::before,
body.zt-seller-app .seller-analytics::before,
body.zt-seller-app .seller-messages::before,
body.zt-seller-app .seller-profile::before,
body.zt-seller-app .seller-settings-page::before {
  content: "";
  display: block;
  min-height: clamp(210px, 21vw, 250px);
  margin-bottom: clamp(-196px, -16vw, -164px);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 18%, rgba(52, 120, 255, .34), transparent 24%),
    radial-gradient(circle at 84% 16%, rgba(247, 189, 47, .22), transparent 27%),
    linear-gradient(135deg, #071224 0%, #10264a 46%, #3478ff 76%, #7c4dff 100%);
  box-shadow: var(--seller-premium-shadow);
}

body.zt-seller-app .seller-dashboard > :not(style):first-child,
body.zt-seller-app .seller-products > :not(style):first-child,
body.zt-seller-app .seller-orders > :not(style):first-child,
body.zt-seller-app .seller-analytics > :not(style):first-child,
body.zt-seller-app .seller-messages > :not(style):first-child,
body.zt-seller-app .seller-profile > :not(style):first-child,
body.zt-seller-app .seller-settings-page > :not(style):first-child {
  position: relative;
}

body.zt-seller-app .seller-dashboard > .dashboard-title,
body.zt-seller-app .seller-products > h1,
body.zt-seller-app .seller-orders > h1,
body.zt-seller-app .seller-analytics > h1,
body.zt-seller-app .seller-messages > h1,
body.zt-seller-app .seller-profile > h1,
body.zt-seller-app .seller-settings-page .seller-section-heading {
  width: min(100%, 980px);
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.zt-seller-app .seller-dashboard > .dashboard-title,
body.zt-seller-app .seller-products > h1,
body.zt-seller-app .seller-orders > h1,
body.zt-seller-app .seller-analytics > h1,
body.zt-seller-app .seller-messages > h1,
body.zt-seller-app .seller-profile > h1,
body.zt-seller-app .seller-section-heading {
  padding: clamp(34px, 5vw, 58px) clamp(26px, 5vw, 72px) 0 !important;
  min-width: 0 !important;
}

body.zt-seller-app .seller-dashboard > .dashboard-title,
body.zt-seller-app .seller-dashboard > .lead,
body.zt-seller-app .seller-products > h1,
body.zt-seller-app .seller-orders > h1,
body.zt-seller-app .seller-analytics > h1,
body.zt-seller-app .seller-messages > h1,
body.zt-seller-app .seller-profile > h1,
body.zt-seller-app .seller-section-heading h1,
body.zt-seller-app .seller-section-heading p {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .34);
}

body.zt-seller-app .seller-dashboard > .dashboard-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.zt-seller-app .seller-dashboard > .dashboard-title i {
  width: 50px;
  min-width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #22c55e, var(--seller-premium-violet));
  box-shadow: 0 18px 36px rgba(52, 120, 255, .26);
}

body.zt-seller-app .seller-dashboard > .lead {
  max-width: 880px;
  margin: 0 auto 24px !important;
  padding: 10px clamp(26px, 5vw, 72px) clamp(30px, 5vw, 42px) !important;
  color: rgba(255, 255, 255, .84) !important;
  text-align: center !important;
}

body.zt-seller-app .seller-dashboard > .lead .seller-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  color: #fff !important;
  background: linear-gradient(135deg, #22c55e, var(--seller-premium-violet)) !important;
  box-shadow: 0 12px 24px rgba(34, 197, 94, .22);
}

body.zt-seller-app .seller-products > .lead,
body.zt-seller-app .seller-orders > .lead,
body.zt-seller-app .seller-analytics > .lead,
body.zt-seller-app .seller-messages > .lead,
body.zt-seller-app .seller-profile > .lead {
  width: min(100%, 860px);
  margin: 0 auto 28px !important;
  padding: 8px clamp(26px, 5vw, 72px) clamp(30px, 5vw, 42px) !important;
  color: rgba(255, 255, 255, .84) !important;
  text-align: center !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .34);
}

body.zt-seller-app .seller-blog-create-page > .container {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 5vw, 54px) clamp(18px, 4vw, 44px) 0 !important;
}

body.zt-seller-app .seller-blog-create-page .add-product-card > span,
body.zt-seller-app .seller-blog-create-page .add-product-card > h1,
body.zt-seller-app .seller-blog-create-page .add-product-card > p {
  display: block;
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.zt-seller-app .seller-blog-create-page .add-product-card {
  padding: clamp(28px, 5vw, 48px) !important;
}

body.zt-seller-app .seller-dashboard > .row.g-4 {
  position: relative;
  margin-top: 2px !important;
}

body.zt-seller-app .dashboard-card,
body.zt-seller-app .card,
body.zt-seller-app .seller-settings-card,
body.zt-seller-app .add-product-card,
body.zt-seller-app .table-responsive,
body.zt-seller-app .list-group,
body.zt-seller-app .conversation-list,
body.zt-seller-app .message-thread {
  border: 1px solid var(--seller-premium-line) !important;
  border-radius: 22px !important;
  background: var(--seller-premium-surface) !important;
  box-shadow: var(--seller-premium-shadow) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
  min-width: 0 !important;
}

body.zt-seller-app .table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.zt-seller-app .seller-dashboard > .row,
body.zt-seller-app .seller-products > .card,
body.zt-seller-app .seller-products > .table-responsive,
body.zt-seller-app .seller-products > .row,
body.zt-seller-app .seller-orders > .card,
body.zt-seller-app .seller-orders > .table-responsive,
body.zt-seller-app .seller-orders > .row,
body.zt-seller-app .seller-analytics > .row,
body.zt-seller-app .seller-analytics > .card,
body.zt-seller-app .seller-messages > .row,
body.zt-seller-app .seller-messages > .card,
body.zt-seller-app .seller-profile > .card,
body.zt-seller-app .seller-profile > form,
body.zt-seller-app .seller-settings-grid,
body.zt-seller-app .seller-blog-create-page .add-product-card {
  margin-top: clamp(22px, 3vw, 36px) !important;
}

body.zt-seller-app .row {
  row-gap: clamp(18px, 2.6vw, 30px) !important;
}

body.zt-seller-app .card,
body.zt-seller-app .dashboard-card,
body.zt-seller-app .add-product-card,
body.zt-seller-app .seller-settings-card {
  margin-bottom: clamp(18px, 2.4vw, 28px) !important;
}

body.zt-seller-app .card-body {
  padding: clamp(22px, 3vw, 32px) !important;
  min-width: 0 !important;
}

body.zt-seller-app .list-group,
body.zt-seller-app .conversation-list,
body.zt-seller-app .message-thread {
  overflow: hidden !important;
}

body.zt-seller-app .list-group-item,
body.zt-seller-app .conversation-item,
body.zt-seller-app .message-bubble,
body.zt-seller-app .order-card {
  padding: clamp(18px, 2.6vw, 28px) !important;
}

body.zt-seller-app.dark-mode .seller-dashboard::before,
body.zt-seller-app.dark-mode .seller-products::before,
body.zt-seller-app.dark-mode .seller-orders::before,
body.zt-seller-app.dark-mode .seller-analytics::before,
body.zt-seller-app.dark-mode .seller-messages::before,
body.zt-seller-app.dark-mode .seller-profile::before,
body.zt-seller-app.dark-mode .seller-settings-page::before {
  background:
    radial-gradient(circle at 14% 18%, rgba(34, 197, 94, .18), transparent 24%),
    radial-gradient(circle at 82% 14%, rgba(223, 63, 166, .30), transparent 28%),
    linear-gradient(135deg, #020617 0%, #101c3b 42%, #1d4ed8 72%, #7c3aed 100%) !important;
}

body.zt-seller-app.dark-mode .dashboard-card,
body.zt-seller-app.dark-mode .card,
body.zt-seller-app.dark-mode .seller-settings-card,
body.zt-seller-app.dark-mode .add-product-card,
body.zt-seller-app.dark-mode .table-responsive,
body.zt-seller-app.dark-mode .list-group,
body.zt-seller-app.dark-mode .conversation-list,
body.zt-seller-app.dark-mode .message-thread {
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(52, 120, 255, .10), transparent 26%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(7, 12, 23, .96)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46) !important;
}

body.zt-seller-app.dark-mode .card h1,
body.zt-seller-app.dark-mode .card h2,
body.zt-seller-app.dark-mode .card h3,
body.zt-seller-app.dark-mode .card h4,
body.zt-seller-app.dark-mode .card h5,
body.zt-seller-app.dark-mode .card h6,
body.zt-seller-app.dark-mode .seller-settings-card h1,
body.zt-seller-app.dark-mode .seller-settings-card h2,
body.zt-seller-app.dark-mode .seller-settings-card h3,
body.zt-seller-app.dark-mode .add-product-card h1,
body.zt-seller-app.dark-mode .add-product-card h2,
body.zt-seller-app.dark-mode .add-product-card h3 {
  color: #f8fafc !important;
}

body.zt-seller-app.dark-mode .card p,
body.zt-seller-app.dark-mode .card small,
body.zt-seller-app.dark-mode .card .text-muted,
body.zt-seller-app.dark-mode .seller-settings-card p,
body.zt-seller-app.dark-mode .add-product-card p,
body.zt-seller-app.dark-mode .text-muted,
body.zt-seller-app.dark-mode .table thead th {
  color: #cbd5e1 !important;
}

body.zt-seller-app .dashboard-card {
  min-height: clamp(168px, 15vw, 190px) !important;
  padding: clamp(22px, 2.6vw, 30px) !important;
  overflow: hidden !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(255, 255, 255, .16), transparent 24%),
    linear-gradient(135deg, #0b1630 0%, #14264f 54%, #1f4fd8 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

body.zt-seller-app .seller-dashboard .dashboard-card {
  padding: clamp(22px, 2.6vw, 30px) !important;
  color: #fff !important;
}

body.zt-seller-app .seller-dashboard .dashboard-card *,
body.zt-seller-app .seller-dashboard .dashboard-card a,
body.zt-seller-app .seller-dashboard .dashboard-card p,
body.zt-seller-app .seller-dashboard .dashboard-card h2 {
  color: #fff !important;
}

body.zt-seller-app .seller-dashboard .dashboard-card.bg-primary {
  background:
    radial-gradient(circle at 86% 12%, rgba(59, 130, 246, .26), transparent 28%),
    linear-gradient(135deg, #0b1630 0%, #12366f 56%, #0f9fb8 100%) !important;
}

body.zt-seller-app .seller-dashboard .dashboard-card.bg-success {
  background:
    radial-gradient(circle at 86% 12%, rgba(45, 212, 191, .24), transparent 28%),
    linear-gradient(135deg, #0b1630 0%, #0b4d49 56%, #0f8f83 100%) !important;
}

body.zt-seller-app .seller-dashboard .dashboard-card.bg-warning {
  background:
    radial-gradient(circle at 86% 12%, rgba(251, 191, 36, .24), transparent 28%),
    linear-gradient(135deg, #0b1630 0%, #5c3411 56%, #b86f0d 100%) !important;
}

body.zt-seller-app .seller-dashboard .dashboard-card.bg-info {
  background:
    radial-gradient(circle at 86% 12%, rgba(216, 180, 254, .22), transparent 28%),
    linear-gradient(135deg, #0b1630 0%, #3b197c 56%, #b73598 100%) !important;
}

body.zt-seller-app .dashboard-card .card-title,
body.zt-seller-app .dashboard-card .card-footer,
body.zt-seller-app .dashboard-card .card-footer-link {
  color: rgba(241, 245, 249, .94) !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-shadow: 0 1px 16px rgba(0, 0, 0, .24);
}

body.zt-seller-app .dashboard-card .card-title {
  margin-bottom: 12px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  font-size: .84rem !important;
  text-transform: uppercase;
  color: rgba(226, 232, 240, .96) !important;
}

body.zt-seller-app .dashboard-card .card-value {
  color: #fff !important;
  font-size: clamp(1.75rem, 2.6vw, 2.35rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-shadow: 0 8px 26px rgba(0, 0, 0, .28);
}

body.zt-seller-app .dashboard-card .card-footer,
body.zt-seller-app .dashboard-card .card-footer-link {
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  margin: 18px 0 0 !important;
  padding: 0 14px;
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  border-radius: 999px;
  text-decoration: none !important;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .16);
}

body.zt-seller-app .seller-dashboard .dashboard-card.bg-primary .card-value,
body.zt-seller-app .seller-dashboard .dashboard-card.bg-success .card-value,
body.zt-seller-app .seller-dashboard .dashboard-card.bg-warning .card-value,
body.zt-seller-app .seller-dashboard .dashboard-card.bg-info .card-value {
  color: #fff !important;
}

body.zt-seller-app .card-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, .08));
  border: 1px solid rgba(255, 255, 255, .14);
  color: #fff !important;
  font-size: 1.25rem !important;
}

body.zt-seller-app .seller-dashboard .row.mt-5 .card > .card-body > .card-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 22px !important;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--seller-premium-line);
  color: #0f172a !important;
  font-size: clamp(1.05rem, 1.35vw, 1.2rem) !important;
  font-weight: 900 !important;
}

body.zt-seller-app .seller-dashboard .row.mt-5 .card > .card-body > .card-title i {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet));
}

body.zt-seller-app.dark-mode .seller-dashboard .row.mt-5 .card > .card-body > .card-title {
  color: #f8fafc !important;
  border-bottom-color: rgba(148, 163, 184, .16);
}

body.zt-seller-app.dark-mode .seller-dashboard .dashboard-card.bg-primary {
  background:
    radial-gradient(circle at 86% 12%, rgba(96, 165, 250, .22), transparent 28%),
    linear-gradient(135deg, #020617 0%, #0f244d 56%, #0e7490 100%) !important;
}

body.zt-seller-app.dark-mode .seller-dashboard .dashboard-card.bg-success {
  background:
    radial-gradient(circle at 86% 12%, rgba(45, 212, 191, .18), transparent 28%),
    linear-gradient(135deg, #020617 0%, #073b3a 56%, #0f766e 100%) !important;
}

body.zt-seller-app.dark-mode .seller-dashboard .dashboard-card.bg-warning {
  background:
    radial-gradient(circle at 86% 12%, rgba(251, 191, 36, .18), transparent 28%),
    linear-gradient(135deg, #020617 0%, #44270d 56%, #92400e 100%) !important;
}

body.zt-seller-app.dark-mode .seller-dashboard .dashboard-card.bg-info {
  background:
    radial-gradient(circle at 86% 12%, rgba(216, 180, 254, .18), transparent 28%),
    linear-gradient(135deg, #020617 0%, #2e1065 56%, #9d287f 100%) !important;
}

body.zt-seller-app .seller-tips-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(52, 120, 255, .08), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 250, 255, .94)) !important;
}

body.zt-seller-app .seller-tips-card .card-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #0f172a !important;
}

body.zt-seller-app .seller-tip-item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 2vw, 22px);
  min-height: 116px;
  margin-bottom: 16px;
  padding: clamp(18px, 2.4vw, 24px);
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-left-width: 4px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 14px 36px rgba(15, 23, 42, .07);
}

body.zt-seller-app .seller-tip-item:last-child {
  margin-bottom: 0;
}

body.zt-seller-app .seller-tip-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  align-self: start;
  border-radius: 16px;
  color: #fff;
  font-size: 1.25rem;
  box-shadow: 0 16px 30px rgba(15, 23, 42, .14);
}

body.zt-seller-app .seller-tip-warning {
  border-left-color: #f59e0b;
  background: linear-gradient(135deg, rgba(255, 251, 235, .96), rgba(255, 255, 255, .84));
}

body.zt-seller-app .seller-tip-warning .seller-tip-icon {
  background: linear-gradient(135deg, #f59e0b, #f97316);
}

body.zt-seller-app .seller-tip-success {
  border-left-color: #10b981;
  background: linear-gradient(135deg, rgba(236, 253, 245, .96), rgba(255, 255, 255, .84));
}

body.zt-seller-app .seller-tip-success .seller-tip-icon {
  background: linear-gradient(135deg, #10b981, #14b8a6);
}

body.zt-seller-app .seller-tip-info {
  border-left-color: #3478ff;
  background: linear-gradient(135deg, rgba(239, 246, 255, .96), rgba(255, 255, 255, .84));
}

body.zt-seller-app .seller-tip-info .seller-tip-icon {
  background: linear-gradient(135deg, #3478ff, #7c4dff);
}

body.zt-seller-app .seller-tip-copy {
  min-width: 0;
}

body.zt-seller-app .seller-tip-copy h6 {
  margin-bottom: 8px !important;
  color: #0f172a !important;
  font-size: .96rem !important;
  line-height: 1.35 !important;
}

body.zt-seller-app .seller-tip-copy p {
  color: #52627a !important;
  font-size: .98rem !important;
  line-height: 1.65 !important;
}

body.zt-seller-app.dark-mode .seller-tips-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(124, 77, 255, .16), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(7, 12, 23, .96)) !important;
}

body.zt-seller-app.dark-mode .seller-tips-card .card-title {
  color: #f8fafc !important;
}

body.zt-seller-app.dark-mode .seller-tip-item {
  border-color: rgba(148, 163, 184, .18);
  background: linear-gradient(135deg, rgba(15, 23, 42, .88), rgba(30, 41, 59, .70));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

body.zt-seller-app.dark-mode .seller-tip-warning {
  border-left-color: #fbbf24;
}

body.zt-seller-app.dark-mode .seller-tip-success {
  border-left-color: #34d399;
}

body.zt-seller-app.dark-mode .seller-tip-info {
  border-left-color: #60a5fa;
}

body.zt-seller-app.dark-mode .seller-tip-copy h6 {
  color: #f8fafc !important;
}

body.zt-seller-app.dark-mode .seller-tip-copy p {
  color: #cbd5e1 !important;
}

body.zt-seller-app .card-body,
body.zt-seller-app .add-product-card {
  padding: clamp(20px, 3vw, 32px) !important;
}

body.zt-seller-app .list-group-item,
body.zt-seller-app .conversation-item {
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  margin-bottom: 10px !important;
  color: var(--seller-premium-ink) !important;
  background: rgba(255, 255, 255, .74) !important;
}

body.zt-seller-app.dark-mode .list-group-item,
body.zt-seller-app.dark-mode .conversation-item {
  background: rgba(255, 255, 255, .06) !important;
  color: var(--seller-premium-ink) !important;
}

body.zt-seller-app .list-group-item:hover,
body.zt-seller-app .conversation-item.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet)) !important;
}

body.zt-seller-app .list-group-item:hover *,
body.zt-seller-app .conversation-item.active * {
  color: #fff !important;
}

body.zt-seller-app .btn-primary,
body.zt-seller-app .btn-success,
body.zt-seller-app .btn-info,
body.zt-seller-app .btn-warning {
  border: 0 !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  min-width: 0 !important;
  white-space: normal !important;
  text-align: center !important;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet)) !important;
  box-shadow: 0 14px 28px rgba(52, 120, 255, .22) !important;
}

body.zt-seller-app .btn-danger {
  border: 0 !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  min-width: 0 !important;
  white-space: normal !important;
  text-align: center !important;
  background: linear-gradient(135deg, #ef4444, var(--seller-premium-pink)) !important;
}

body.zt-seller-app .btn-outline-primary,
body.zt-seller-app .btn-outline-secondary,
body.zt-seller-app .btn-outline-light,
body.zt-seller-app .btn-light {
  border-radius: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  min-width: 0 !important;
  white-space: normal !important;
  text-align: center !important;
}

body.zt-seller-app.dark-mode .btn-outline-primary,
body.zt-seller-app.dark-mode .btn-outline-secondary,
body.zt-seller-app.dark-mode .btn-light {
  color: #e5edf8 !important;
  border-color: rgba(148, 163, 184, .26) !important;
  background: rgba(15, 23, 42, .72) !important;
}

body.zt-seller-app .form-control,
body.zt-seller-app .form-select,
body.zt-seller-app textarea,
body.zt-seller-app input,
body.zt-seller-app select {
  min-height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid var(--seller-premium-line) !important;
  color: var(--seller-premium-ink) !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: none !important;
}

body.zt-seller-app.dark-mode .form-control,
body.zt-seller-app.dark-mode .form-select,
body.zt-seller-app.dark-mode textarea,
body.zt-seller-app.dark-mode input,
body.zt-seller-app.dark-mode select {
  color: #f8fafc !important;
  background: rgba(15, 23, 42, .86) !important;
  border-color: rgba(148, 163, 184, .22) !important;
}

body.zt-seller-app.dark-mode .form-control::placeholder,
body.zt-seller-app.dark-mode textarea::placeholder,
body.zt-seller-app.dark-mode input::placeholder {
  color: #94a3b8 !important;
}

body.zt-seller-app .table {
  margin-bottom: 0 !important;
  color: var(--seller-premium-ink) !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

body.zt-seller-app .table thead th {
  border: 0 !important;
  color: var(--seller-premium-muted) !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body.zt-seller-app .table tbody tr {
  background: rgba(255, 255, 255, .74) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
}

body.zt-seller-app.dark-mode .table tbody tr {
  background: rgba(15, 23, 42, .88) !important;
}

body.zt-seller-app .table tbody td {
  border-top: 1px solid var(--seller-premium-line) !important;
  border-bottom: 1px solid var(--seller-premium-line) !important;
  padding: 15px !important;
  vertical-align: middle !important;
  color: var(--seller-premium-ink) !important;
  line-height: 1.45 !important;
}

body.zt-seller-app.dark-mode .table tbody td {
  color: #e5edf8 !important;
}

body.zt-seller-app .table tbody td:first-child {
  border-left: 1px solid var(--seller-premium-line) !important;
  border-radius: 16px 0 0 16px !important;
}

body.zt-seller-app .table tbody td:last-child {
  border-right: 1px solid var(--seller-premium-line) !important;
  border-radius: 0 16px 16px 0 !important;
}

body.zt-seller-app .seller-status-badge,
body.zt-seller-app .badge {
  border-radius: 999px !important;
  padding: 7px 10px !important;
  font-weight: 950 !important;
}

body.zt-seller-app .seller-settings-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 24px) !important;
}

body.zt-seller-app .seller-settings-card {
  min-height: 210px;
  padding: clamp(22px, 2.8vw, 30px) !important;
  color: var(--seller-premium-ink) !important;
  text-decoration: none !important;
}

body.zt-seller-app .seller-settings-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-pink));
}

.seller-premium-footer {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(52, 120, 255, .22), transparent 28%),
    radial-gradient(circle at 94% 8%, rgba(247, 189, 47, .16), transparent 24%),
    linear-gradient(135deg, rgba(7, 18, 36, .98), rgba(18, 43, 83, .97) 50%, rgba(124, 77, 255, .97));
}

.seller-footer-main {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
  border-radius: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(52, 120, 255, .22), transparent 28%),
    radial-gradient(circle at 94% 8%, rgba(247, 189, 47, .16), transparent 24%),
    linear-gradient(135deg, rgba(7, 18, 36, .97), rgba(18, 43, 83, .96) 50%, rgba(124, 77, 255, .96));
  box-shadow: none;
  color: #fff;
}

.seller-footer-container {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: clamp(34px, 5vw, 58px) clamp(18px, 5vw, 54px) clamp(26px, 4vw, 40px);
}

.seller-footer-header,
.seller-footer-content,
.seller-footer-bottom {
  display: flex;
  gap: clamp(20px, 4vw, 42px);
}

.seller-footer-header {
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: clamp(24px, 3vw, 34px);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.seller-footer-brand {
  max-width: 520px;
}

.seller-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 950;
  letter-spacing: 0;
}

.seller-footer-logo i {
  color: var(--seller-premium-gold);
}

.seller-brand-accent {
  color: #a7f3d0;
}

.seller-footer-tagline,
.seller-footer-about p,
.seller-footer-bottom p,
.seller-footer-column a {
  color: rgba(255, 255, 255, .76);
}

.seller-footer-tagline {
  max-width: 460px;
  margin: 10px 0 0;
  font-weight: 700;
  line-height: 1.7;
}

.seller-footer-achievements {
  display: grid;
  grid-template-columns: repeat(3, minmax(108px, 1fr));
  gap: 12px;
}

.seller-footer-achievement {
  min-height: 92px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
}

.seller-footer-achievement strong,
.seller-footer-achievement span {
  display: block;
}

.seller-footer-achievement strong {
  color: #fff;
  font-size: 1.18rem;
  font-weight: 950;
}

.seller-footer-achievement span {
  margin-top: 5px;
  color: rgba(255, 255, 255, .68);
  font-size: .82rem;
  font-weight: 800;
}

.seller-footer-content {
  align-items: flex-start;
  justify-content: space-between;
  padding: clamp(28px, 4vw, 42px) 0;
}

.seller-footer-about {
  flex: 0 1 360px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
}

.seller-footer-about h2,
.seller-footer-column h3 {
  margin: 0 0 12px;
  color: #fff;
  font-weight: 950;
  letter-spacing: 0;
}

.seller-footer-about h2 {
  font-size: 1.18rem;
}

.seller-footer-about p {
  margin: 0 0 18px;
  line-height: 1.75;
  font-weight: 650;
}

.seller-footer-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.seller-footer-trust span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  color: #ecfeff;
  font-size: .78rem;
  font-weight: 900;
  background: rgba(34, 197, 94, .16);
  border: 1px solid rgba(167, 243, 208, .18);
}

.seller-footer-links-grid {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: clamp(18px, 3vw, 34px);
  min-height: 0;
  padding: clamp(28px, 3.4vw, 42px);
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(124, 77, 255, .14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(232, 238, 252, .82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .70),
    0 22px 50px rgba(2, 6, 23, .12);
  backdrop-filter: blur(12px) saturate(130%);
}

.seller-footer-column {
  min-width: 0;
}

.seller-footer-column h3 {
  font-size: .86rem;
  text-transform: uppercase;
  color: #071224;
  text-shadow: none;
}

.seller-footer-column a {
  display: block;
  width: fit-content;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 800;
  line-height: 1.45;
  color: rgba(15, 23, 42, .82);
  transition: color .18s ease, transform .18s ease;
}

.seller-footer-column a:hover {
  color: var(--seller-premium-blue);
  transform: translateX(3px);
}

.seller-footer-bottom {
  align-items: center;
  justify-content: space-between;
  padding-top: clamp(22px, 3vw, 30px);
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.seller-footer-bottom p {
  margin: 0;
  font-size: .9rem;
  font-weight: 750;
}

.seller-footer-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}

.seller-footer-socials a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  text-decoration: none;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .14);
}

.seller-footer-socials a:hover {
  color: #071224;
  background: #a7f3d0;
}

body.zt-seller-app.dark-mode .seller-footer-main {
  border-color: rgba(148, 163, 184, .16);
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 197, 94, .16), transparent 28%),
    radial-gradient(circle at 94% 8%, rgba(223, 63, 166, .20), transparent 26%),
    linear-gradient(135deg, rgba(2, 6, 23, .98), rgba(15, 23, 42, .98) 48%, rgba(49, 46, 129, .96));
}

body.zt-seller-app.dark-mode .seller-premium-footer {
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 197, 94, .16), transparent 28%),
    radial-gradient(circle at 94% 8%, rgba(223, 63, 166, .20), transparent 26%),
    linear-gradient(135deg, rgba(2, 6, 23, .98), rgba(15, 23, 42, .98) 48%, rgba(49, 46, 129, .96));
}

body.zt-seller-app.dark-mode .seller-footer-links-grid {
  border-color: rgba(148, 163, 184, .16);
  background:
    radial-gradient(circle at 100% 0%, rgba(124, 77, 255, .22), transparent 34%),
    linear-gradient(135deg, rgba(4, 10, 25, .78), rgba(14, 22, 46, .66));
}

body.zt-seller-app.dark-mode .seller-footer-column h3 {
  color: #f8fafc !important;
}

body.zt-seller-app.dark-mode .seller-footer-column a {
  color: rgba(226, 232, 240, .92) !important;
}

body.zt-seller-app.dark-mode .seller-footer-column a:hover {
  color: #a7f3d0 !important;
}

@media (max-width: 1180px) {
  body.zt-seller-app .seller-nav-links-desktop {
    display: none !important;
  }

  body.zt-seller-app .mobile-menu-toggle {
    display: inline-grid !important;
  }

  body.zt-seller-app .seller-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .seller-footer-header,
  .seller-footer-content {
    flex-direction: column;
  }

  .seller-footer-achievements,
  .seller-footer-links-grid {
    width: 100%;
  }

  .seller-footer-links-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 768px) {
  :root {
    --seller-premium-header: 68px;
  }

  body.zt-seller-app > main.container-fluid {
    padding: calc(var(--seller-premium-header) + 18px) 14px 36px !important;
  }

  body.zt-seller-app .dashboard-title,
  body.zt-seller-app .seller-section-heading h1,
  body.zt-seller-app .seller-products h1,
  body.zt-seller-app .seller-orders h1,
  body.zt-seller-app .seller-analytics h1,
  body.zt-seller-app .seller-messages h1,
  body.zt-seller-app .seller-profile h1,
  body.zt-seller-app .seller-dashboard h1 {
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.18 !important;
  }

  body.zt-seller-app .lead,
  body.zt-seller-app .seller-section-heading p {
    font-size: .98rem !important;
    line-height: 1.6 !important;
  }

  body.zt-seller-app .seller-nav {
    padding-inline: 14px !important;
  }

  body.zt-seller-app .seller-logo {
    font-size: 1.12rem !important;
  }

  body.zt-seller-app .seller-header .btn span,
  body.zt-seller-app .seller-profile-section span:not(.seller-status-badge) {
    display: none !important;
  }

  body.zt-seller-app .seller-dashboard::before,
  body.zt-seller-app .seller-products::before,
  body.zt-seller-app .seller-orders::before,
  body.zt-seller-app .seller-analytics::before,
  body.zt-seller-app .seller-messages::before,
  body.zt-seller-app .seller-profile::before,
  body.zt-seller-app .seller-settings-page::before {
    min-height: 164px;
    margin-bottom: -132px;
    border-radius: 22px;
  }

  body.zt-seller-app .seller-dashboard > .dashboard-title,
  body.zt-seller-app .seller-products > h1,
  body.zt-seller-app .seller-orders > h1,
  body.zt-seller-app .seller-analytics > h1,
  body.zt-seller-app .seller-messages > h1,
  body.zt-seller-app .seller-profile > h1,
  body.zt-seller-app .seller-section-heading {
    padding: 26px 18px 0 !important;
  }

  body.zt-seller-app .seller-dashboard > .lead,
  body.zt-seller-app .seller-products > .lead,
  body.zt-seller-app .seller-orders > .lead,
  body.zt-seller-app .seller-analytics > .lead,
  body.zt-seller-app .seller-messages > .lead,
  body.zt-seller-app .seller-profile > .lead {
    padding: 8px 18px 28px !important;
  }

  body.zt-seller-app .row.g-4,
  body.zt-seller-app .row.mt-5 {
    gap: 14px 0 !important;
  }

  body.zt-seller-app .dashboard-card,
  body.zt-seller-app .card,
  body.zt-seller-app .table-responsive,
  body.zt-seller-app .add-product-card {
    border-radius: 18px !important;
  }

  body.zt-seller-app .dashboard-card {
    min-height: 154px !important;
  }

  body.zt-seller-app .card-icon,
  body.zt-seller-app .seller-settings-icon {
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }

  body.zt-seller-app .seller-tip-item {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    min-height: auto;
    padding: 18px;
  }

  body.zt-seller-app .seller-tip-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 1.05rem;
  }

  body.zt-seller-app .table {
    min-width: 760px;
  }

  body.zt-seller-app .seller-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .seller-premium-footer {
    margin-inline: calc(50% - 50vw);
    padding-inline: 0;
  }

  .seller-footer-container {
    padding: 28px 18px 24px;
  }

  .seller-footer-links-grid,
  .seller-footer-about {
    padding: 22px;
    border-radius: 18px;
  }

  .seller-footer-achievements,
  .seller-footer-links-grid {
    grid-template-columns: 1fr;
  }

  .seller-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .seller-footer-socials {
    flex-wrap: wrap;
  }
}

body.zt-seller-app .seller-products-table {
  margin-top: clamp(22px, 3vw, 36px) !important;
  padding: clamp(16px, 2.4vw, 24px) !important;
  border-radius: 22px !important;
}

body.zt-seller-app .seller-products-table .product-table {
  margin-bottom: 0 !important;
}

body.zt-seller-app .seller-product-actions {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 196px;
  width: max-content;
}

body.zt-seller-app .seller-product-actions .delete-form {
  display: inline-flex !important;
  margin: 0 !important;
}

body.zt-seller-app .seller-product-actions .btn {
  width: auto !important;
  min-width: 88px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: .86rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .16) !important;
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.zt-seller-app .seller-product-actions .btn i {
  margin: 0 !important;
  font-size: .92rem !important;
  line-height: 1 !important;
}

body.zt-seller-app .seller-product-actions .btn span {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

body.zt-seller-app .seller-product-actions .btn-info {
  background: linear-gradient(135deg, #2563eb 0%, #635bff 100%) !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .28) !important;
}

body.zt-seller-app .seller-product-actions .btn-danger {
  background: linear-gradient(135deg, #ef3f6d 0%, #be123c 100%) !important;
  box-shadow: 0 14px 30px rgba(190, 18, 60, .24) !important;
}

body.zt-seller-app .seller-product-actions .btn:hover,
body.zt-seller-app .seller-product-actions .btn:focus-visible {
  color: #fff !important;
  filter: saturate(1.08) brightness(1.03);
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(15, 23, 42, .22) !important;
}

body.zt-seller-app .seller-product-actions .btn:focus-visible {
  outline: 3px solid rgba(99, 91, 255, .24) !important;
  outline-offset: 3px !important;
}

body.zt-seller-app .seller-products-table .product-table th:last-child,
body.zt-seller-app .seller-products-table .product-table td:last-child {
  min-width: 214px !important;
  text-align: right !important;
}

body.zt-seller-app .seller-orders-empty {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 3vw, 28px);
  margin-top: clamp(22px, 3vw, 36px);
  padding: clamp(28px, 4vw, 48px) !important;
  border: 1px solid var(--seller-premium-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(52, 120, 255, .08), transparent 28%),
    var(--seller-premium-surface);
  box-shadow: var(--seller-premium-shadow);
}

body.zt-seller-app .seller-orders-empty-icon {
  width: 64px;
  height: 64px;
  display: inline-grid;
  place-items: center;
  border-radius: 20px;
  color: #fff;
  font-size: 1.45rem;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet));
  box-shadow: 0 18px 36px rgba(52, 120, 255, .24);
}

body.zt-seller-app .seller-orders-empty h3 {
  margin: 0 0 10px;
  color: #0f172a !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.2;
}

body.zt-seller-app .seller-orders-empty p {
  max-width: 720px;
  margin: 0 0 22px;
  color: #52627a !important;
  font-size: 1rem;
  line-height: 1.65;
}

body.zt-seller-app .order-list {
  margin-top: clamp(22px, 3vw, 36px);
}

body.zt-seller-app .order-card {
  overflow: hidden;
}

body.zt-seller-app .order-card .card-header {
  gap: 16px;
  padding: clamp(18px, 2.4vw, 26px) !important;
}

body.zt-seller-app .order-card .card-body {
  padding: clamp(22px, 3vw, 34px) !important;
}

body.zt-seller-app .order-card .row {
  row-gap: 18px !important;
}

body.zt-seller-app.dark-mode .seller-products-table,
body.zt-seller-app.dark-mode .seller-orders-empty {
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(52, 120, 255, .10), transparent 26%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(7, 12, 23, .96)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46) !important;
}

body.zt-seller-app.dark-mode .seller-orders-empty h3 {
  color: #f8fafc !important;
}

body.zt-seller-app.dark-mode .seller-orders-empty p {
  color: #cbd5e1 !important;
}

@media (max-width: 768px) {
  body.zt-seller-app .seller-orders-empty {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.zt-seller-app .seller-product-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    gap: 10px;
  }

  body.zt-seller-app .seller-product-actions .btn {
    min-width: 96px !important;
  }
}
/* seller-profile-hero-contrast-fix */
body.zt-seller-app .seller-profile > .profile-title,
body.zt-seller-app .seller-profile > .profile-title i,
body.zt-seller-app .seller-profile > .lead {
  color: #f8fafc !important;
  text-shadow: 0 3px 22px rgba(0, 0, 0, .42) !important;
}

body.zt-seller-app .seller-profile > .profile-title i {
  filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .28));
}

body.zt-seller-app .seller-profile > .lead {
  color: rgba(248, 250, 252, .9) !important;
}
/* seller-desktop-header-nav-fix */
@media (min-width: 1181px) {
  body.zt-seller-app .seller-nav {
    gap: 18px !important;
  }

  body.zt-seller-app .seller-nav-links-desktop {
    display: flex !important;
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
  }

  body.zt-seller-app .seller-header-actions {
    flex: 0 0 auto;
  }

  body.zt-seller-app .mobile-menu-toggle {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  body.zt-seller-app .seller-nav-links-desktop {
    display: none !important;
  }

  body.zt-seller-app .mobile-menu-toggle {
    display: inline-grid !important;
  }
}
/* seller-app-dashboard-redesign */
body.zt-seller-app .seller-app-home {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  gap: clamp(20px, 3vw, 34px);
  margin-top: clamp(24px, 3.5vw, 42px);
}

body.zt-seller-app .seller-business-card {
  min-height: clamp(330px, 28vw, 430px);
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 30px;
  overflow: hidden;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    radial-gradient(circle at 78% 14%, rgba(255, 255, 255, .20), transparent 20%),
    radial-gradient(circle at 12% 88%, rgba(45, 212, 191, .35), transparent 24%),
    linear-gradient(135deg, #061126 0%, #14356d 44%, #3478ff 72%, #7c4dff 100%);
  box-shadow: 0 34px 90px rgba(15, 23, 42, .28);
}

body.zt-seller-app .seller-business-card::before,
body.zt-seller-app .seller-business-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

body.zt-seller-app .seller-business-card::before {
  inset: 20px 22px auto auto;
  width: 118px;
  height: 78px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .20);
  transform: rotate(-18deg);
}

body.zt-seller-app .seller-card-topline,
body.zt-seller-app .seller-card-actions,
body.zt-seller-app .seller-focus-actions,
body.zt-seller-app .seller-app-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

body.zt-seller-app .seller-card-topline span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(248, 250, 252, .88);
  font-size: .9rem;
  font-weight: 850;
}

body.zt-seller-app .seller-card-balance span,
body.zt-seller-app .seller-card-metrics span {
  display: block;
  color: rgba(226, 232, 240, .82);
  font-size: .86rem;
  font-weight: 800;
}

body.zt-seller-app .seller-card-balance strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: clamp(2.3rem, 5.4vw, 4.6rem);
  line-height: .95;
  font-weight: 950;
  letter-spacing: 0;
  text-shadow: 0 18px 42px rgba(0, 0, 0, .26);
}

body.zt-seller-app .seller-card-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.zt-seller-app .seller-card-metrics div {
  min-width: 0;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .16);
  backdrop-filter: blur(12px);
}

body.zt-seller-app .seller-card-metrics strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  line-height: 1.05;
  font-weight: 950;
}

body.zt-seller-app .seller-card-action,
body.zt-seller-app .seller-focus-actions a,
body.zt-seller-app .seller-launch-primary,
body.zt-seller-app .seller-insight-panel a {
  min-height: 46px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 900;
}

body.zt-seller-app .seller-card-action {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .20);
  background: rgba(255, 255, 255, .12);
}

body.zt-seller-app .seller-card-action.primary {
  color: #061126;
  background: #fff;
}

body.zt-seller-app .seller-app-focus-card,
body.zt-seller-app .seller-app-launchpad,
body.zt-seller-app .seller-insight-panel {
  border: 1px solid var(--seller-premium-line);
  border-radius: 26px;
  background: rgba(255, 255, 255, .90);
  box-shadow: var(--seller-premium-shadow);
}

body.zt-seller-app .seller-app-focus-card {
  padding: clamp(24px, 3vw, 34px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.zt-seller-app .seller-focus-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #0f766e;
  font-weight: 900;
  background: rgba(20, 184, 166, .12);
}

body.zt-seller-app .seller-app-focus-card h2,
body.zt-seller-app .seller-app-section-title h2,
body.zt-seller-app .seller-insight-panel h3 {
  margin: 0;
  color: #0f172a;
  font-weight: 950;
  line-height: 1.15;
}

body.zt-seller-app .seller-app-focus-card p {
  margin: 16px 0 24px;
  color: #52627a;
  font-weight: 750;
  line-height: 1.65;
}

body.zt-seller-app .seller-focus-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

body.zt-seller-app .seller-focus-actions a,
body.zt-seller-app .seller-launch-primary,
body.zt-seller-app .seller-insight-panel a {
  color: #fff;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet));
  box-shadow: 0 14px 30px rgba(52, 120, 255, .20);
}

body.zt-seller-app .seller-app-launchpad,
body.zt-seller-app .seller-app-insights {
  position: relative;
  z-index: 1;
  margin-top: clamp(22px, 3vw, 34px);
}

body.zt-seller-app .seller-app-launchpad {
  padding: clamp(22px, 3vw, 34px);
}

body.zt-seller-app .seller-app-section-title {
  align-items: flex-end;
  margin-bottom: 22px;
}

body.zt-seller-app .seller-app-section-title span {
  color: #61708a;
  font-size: .85rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.zt-seller-app .seller-app-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.zt-seller-app .seller-app-tile {
  min-height: 112px;
  padding: 18px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(18, 35, 65, .08);
  border-radius: 20px;
  text-decoration: none;
  color: #0f172a;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 16px 34px rgba(15, 23, 42, .07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body.zt-seller-app .seller-app-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(52, 120, 255, .22);
  box-shadow: 0 22px 48px rgba(15, 23, 42, .12);
}

body.zt-seller-app .seller-app-icon {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--seller-premium-blue), var(--seller-premium-violet));
}

body.zt-seller-app .seller-app-copy {
  min-width: 0;
}

body.zt-seller-app .seller-app-copy strong,
body.zt-seller-app .seller-app-copy small {
  display: block;
}

body.zt-seller-app .seller-app-copy strong {
  color: #0f172a;
  font-size: .98rem;
  font-weight: 950;
}

body.zt-seller-app .seller-app-copy small {
  margin-top: 4px;
  color: #61708a;
  font-weight: 750;
  line-height: 1.35;
}

body.zt-seller-app .seller-app-arrow {
  color: #94a3b8;
}

body.zt-seller-app .seller-app-tile-green .seller-app-icon { background: linear-gradient(135deg, #10b981, #14b8a6); }
body.zt-seller-app .seller-app-tile-blue .seller-app-icon { background: linear-gradient(135deg, #3478ff, #06b6d4); }
body.zt-seller-app .seller-app-tile-violet .seller-app-icon { background: linear-gradient(135deg, #7c4dff, #a855f7); }
body.zt-seller-app .seller-app-tile-gold .seller-app-icon { background: linear-gradient(135deg, #f59e0b, #f7bd2f); }
body.zt-seller-app .seller-app-tile-pink .seller-app-icon { background: linear-gradient(135deg, #df3fa6, #f43f5e); }
body.zt-seller-app .seller-app-tile-cyan .seller-app-icon { background: linear-gradient(135deg, #0891b2, #22d3ee); }
body.zt-seller-app .seller-app-tile-slate .seller-app-icon { background: linear-gradient(135deg, #334155, #64748b); }

body.zt-seller-app .seller-app-insights {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: clamp(20px, 3vw, 34px);
}

body.zt-seller-app .seller-insight-panel {
  padding: clamp(22px, 3vw, 34px);
}

body.zt-seller-app .seller-insight-panel h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
}

body.zt-seller-app .seller-insight-list {
  display: grid;
  gap: 12px;
}

body.zt-seller-app .seller-insight-list div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid rgba(18, 35, 65, .08);
}

body.zt-seller-app .seller-insight-list span {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  font-weight: 950;
  background: linear-gradient(135deg, #10b981, #3478ff);
}

body.zt-seller-app .seller-insight-list p,
body.zt-seller-app .seller-insight-panel p {
  margin: 0;
  color: #52627a;
  line-height: 1.55;
  font-weight: 750;
}

body.zt-seller-app .seller-insight-panel-dark {
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(124, 77, 255, .30), transparent 28%),
    linear-gradient(135deg, #061126, #101c3b 60%, #0f766e);
}

body.zt-seller-app .seller-insight-panel-dark h3,
body.zt-seller-app .seller-insight-panel-dark strong {
  color: #fff;
}

body.zt-seller-app .seller-insight-panel-dark > strong {
  display: block;
  margin: 10px 0;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1;
}

body.zt-seller-app .seller-insight-panel-dark p {
  margin-bottom: 22px;
  color: rgba(226, 232, 240, .88);
}

body.zt-seller-app.dark-mode .seller-app-focus-card,
body.zt-seller-app.dark-mode .seller-app-launchpad,
body.zt-seller-app.dark-mode .seller-insight-panel:not(.seller-insight-panel-dark) {
  border-color: rgba(148, 163, 184, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(52, 120, 255, .10), transparent 26%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(7, 12, 23, .96));
}

body.zt-seller-app.dark-mode .seller-app-focus-card h2,
body.zt-seller-app.dark-mode .seller-app-section-title h2,
body.zt-seller-app.dark-mode .seller-insight-panel h3,
body.zt-seller-app.dark-mode .seller-app-copy strong {
  color: #f8fafc;
}

body.zt-seller-app.dark-mode .seller-app-focus-card p,
body.zt-seller-app.dark-mode .seller-app-section-title span,
body.zt-seller-app.dark-mode .seller-app-copy small,
body.zt-seller-app.dark-mode .seller-insight-list p,
body.zt-seller-app.dark-mode .seller-insight-panel p {
  color: #cbd5e1;
}

body.zt-seller-app.dark-mode .seller-app-tile,
body.zt-seller-app.dark-mode .seller-insight-list div {
  color: #f8fafc;
  border-color: rgba(148, 163, 184, .16);
  background: rgba(255, 255, 255, .06);
  box-shadow: none;
}

@media (max-width: 1180px) {
  body.zt-seller-app .seller-app-home,
  body.zt-seller-app .seller-app-insights {
    grid-template-columns: 1fr;
  }

  body.zt-seller-app .seller-app-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.zt-seller-app .seller-card-metrics,
  body.zt-seller-app .seller-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zt-seller-app .seller-app-section-title,
  body.zt-seller-app .seller-card-actions {
    align-items: stretch;
    flex-direction: column;
  }

  body.zt-seller-app .seller-launch-primary,
  body.zt-seller-app .seller-card-action {
    width: 100%;
  }
}

@media (max-width: 520px) {
  body.zt-seller-app .seller-card-metrics,
  body.zt-seller-app .seller-app-grid {
    grid-template-columns: 1fr;
  }

  body.zt-seller-app .seller-app-tile {
    min-height: 96px;
  }
}

/* ZT_SELLER_ATM_DASHBOARD_20260818 */
body.zt-seller-app .seller-finance-panel {
  min-width: 0;
  display: grid;
  gap: 16px;
  align-content: start;
}

body.zt-seller-app .seller-business-card {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 650px;
  min-height: 0 !important;
  aspect-ratio: 1.586 / 1;
  padding: clamp(22px, 4vw, 34px) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-radius: clamp(24px, 4vw, 34px) !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(95, 205, 255, .45), transparent 24%),
    radial-gradient(circle at 18% 110%, rgba(124, 58, 237, .58), transparent 42%),
    linear-gradient(135deg, #06152f 0%, #102e67 46%, #1769ff 100%) !important;
  color: #fff;
  box-shadow: 0 30px 80px rgba(8, 37, 89, .28), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

body.zt-seller-app .seller-business-card::before {
  inset: -38% -8% auto auto !important;
  width: 64% !important;
  height: 82% !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 50% !important;
  transform: rotate(-24deg) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), transparent) !important;
  z-index: -1;
}

body.zt-seller-app .seller-business-card::after {
  content: "";
  position: absolute;
  inset: auto -16% -52% 18%;
  height: 78%;
  border-radius: 50%;
  background: rgba(255, 255, 255, .07);
  transform: rotate(-10deg);
  z-index: -1;
}

body.zt-seller-app .seller-card-topline {
  position: relative;
  z-index: 2;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
}

body.zt-seller-app .seller-card-topline span {
  color: #fff !important;
  font-size: clamp(.72rem, 2vw, .9rem) !important;
  letter-spacing: .02em;
}

body.zt-seller-app .seller-card-brand {
  font-size: clamp(.92rem, 2.8vw, 1.18rem) !important;
  font-weight: 900 !important;
}

body.zt-seller-app .seller-card-brand i { color: #ffd05a; }
body.zt-seller-app .seller-card-brand b { color: #c8b6ff; }

body.zt-seller-app .seller-card-status {
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  backdrop-filter: blur(10px);
}

body.zt-seller-app .seller-card-hardware {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: clamp(8px, 2vw, 14px);
}

body.zt-seller-app .seller-card-chip {
  width: clamp(42px, 8vw, 56px);
  aspect-ratio: 1.28;
  padding: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  border: 1px solid rgba(117, 78, 14, .35);
  border-radius: 9px;
  background: linear-gradient(135deg, #fff0a6, #d99a29 62%, #fff0a6);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32);
}

body.zt-seller-app .seller-card-chip i {
  border: 1px solid rgba(114, 72, 8, .36);
  border-radius: 2px;
}

body.zt-seller-app .seller-card-contactless {
  color: rgba(255, 255, 255, .88);
  font-size: clamp(1rem, 3vw, 1.35rem);
  transform: rotate(90deg);
}

body.zt-seller-app .seller-card-balance {
  margin-top: clamp(8px, 2vw, 16px);
}

body.zt-seller-app .seller-card-balance span {
  color: rgba(232, 240, 255, .8) !important;
  font-size: clamp(.68rem, 2vw, .84rem) !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.zt-seller-app .seller-card-balance strong {
  margin-top: 2px !important;
  font-size: clamp(2rem, 7vw, 3.6rem) !important;
  line-height: 1 !important;
  letter-spacing: -.045em;
}

body.zt-seller-app .seller-card-number {
  display: flex;
  align-items: center;
  gap: clamp(10px, 3vw, 22px);
  color: rgba(255, 255, 255, .92);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(.82rem, 2.5vw, 1.05rem);
  font-weight: 750;
  letter-spacing: .09em;
}

body.zt-seller-app .seller-card-footer {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
}

body.zt-seller-app .seller-card-footer span { min-width: 0; }
body.zt-seller-app .seller-card-footer small {
  display: block;
  color: rgba(227, 236, 255, .68);
  font-size: clamp(.56rem, 1.6vw, .68rem);
  font-weight: 800;
  letter-spacing: .12em;
}

body.zt-seller-app .seller-card-footer strong {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: #fff;
  font-size: clamp(.68rem, 2vw, .86rem);
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.zt-seller-app .seller-card-network {
  position: relative;
  width: 28px;
  color: #ffb442;
  font-size: 28px;
  text-shadow: 16px 0 0 rgba(255, 82, 82, .82);
}

body.zt-seller-app .seller-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
}

body.zt-seller-app .seller-card-action {
  width: 100% !important;
  min-height: 48px;
  justify-content: center;
}

body.zt-seller-app .seller-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.zt-seller-app .seller-dashboard-metrics article {
  min-width: 0;
  min-height: 92px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 18px;
  background: rgba(255, 255, 255, .84);
  color: #14223a;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  backdrop-filter: blur(16px);
}

body.zt-seller-app.dark-mode .seller-dashboard-metrics article {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

body.zt-seller-app .seller-metric-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #fff;
}

.metric-sales { background: linear-gradient(135deg, #0ea5e9, #2563eb); }
.metric-referrals { background: linear-gradient(135deg, #8b5cf6, #d946ef); }
.metric-products { background: linear-gradient(135deg, #10b981, #059669); }
.metric-pending { background: linear-gradient(135deg, #f59e0b, #ea580c); }

body.zt-seller-app .seller-dashboard-metrics small {
  display: block;
  color: #64748b;
  font-size: .72rem;
  font-weight: 750;
}

body.zt-seller-app.dark-mode .seller-dashboard-metrics small { color: #aab7ca; }
body.zt-seller-app .seller-dashboard-metrics strong {
  display: block;
  margin-top: 3px;
  color: inherit;
  font-size: clamp(1.05rem, 3vw, 1.35rem);
  line-height: 1.1;
}

@media (max-width: 1180px) {
  body.zt-seller-app .seller-business-card { margin-inline: auto; }
}

@media (max-width: 640px) {
  body.zt-seller-app .seller-app-home { gap: 20px !important; }
  body.zt-seller-app .seller-business-card {
    width: min(100%, 520px);
    padding: 20px !important;
    border-radius: 24px !important;
  }
  body.zt-seller-app .seller-card-status { padding: 6px 8px; }
  body.zt-seller-app .seller-card-actions { grid-template-columns: 1fr 1fr !important; }
  body.zt-seller-app .seller-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.zt-seller-app .seller-dashboard-metrics article { min-height: 82px; padding: 12px; gap: 10px; }
  body.zt-seller-app .seller-metric-icon { width: 38px; height: 38px; flex-basis: 38px; }
}

@media (max-width: 390px) {
  body.zt-seller-app .seller-business-card { padding: 17px !important; }
  body.zt-seller-app .seller-card-number { gap: 8px; font-size: .72rem; }
  body.zt-seller-app .seller-card-footer { gap: 8px; }
  body.zt-seller-app .seller-dashboard-metrics { gap: 9px; }
  body.zt-seller-app .seller-dashboard-metrics article { padding: 10px; }
}

/* ZT_SELLER_CONTRAST_SYSTEM_20260818 */
body.zt-seller-app:not(.dark-mode) {
  --seller-contrast-heading: #101b31;
  --seller-contrast-body: #334155;
  --seller-contrast-muted: #5f6f86;
  --seller-contrast-surface: #ffffff;
  --seller-contrast-soft: #f5f8fc;
  --seller-contrast-border: #d8e0eb;
}

body.zt-seller-app.dark-mode {
  --seller-contrast-heading: #f8fafc;
  --seller-contrast-body: #d8e1ef;
  --seller-contrast-muted: #aab7ca;
  --seller-contrast-surface: #111a2a;
  --seller-contrast-soft: #0b1321;
  --seller-contrast-border: #2c394e;
}

body.zt-seller-app .seller-dashboard > .lead {
  width: min(880px, calc(100% - 24px));
  margin: 14px auto 28px !important;
  padding: 14px 18px !important;
  border: 1px solid var(--seller-contrast-border) !important;
  border-radius: 16px;
  background: color-mix(in srgb, var(--seller-contrast-surface) 94%, transparent) !important;
  color: var(--seller-contrast-body) !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

body.zt-seller-app .seller-dashboard > .lead .seller-status-badge {
  color: #fff !important;
  text-shadow: none !important;
}

body.zt-seller-app:not(.dark-mode) :is(
  .seller-app-focus-card,
  .seller-app-tile,
  .seller-insight-panel:not(.seller-insight-panel-dark),
  .card:not(.dashboard-card),
  .order-card,
  .message-card,
  .profile-card,
  .settings-card,
  .form-section,
  .form-container,
  .table-responsive,
  .seller-content-card
) {
  border-color: var(--seller-contrast-border) !important;
  background: var(--seller-contrast-surface) !important;
  color: var(--seller-contrast-body) !important;
}

body.zt-seller-app.dark-mode :is(
  .seller-app-focus-card,
  .seller-app-tile,
  .seller-insight-panel:not(.seller-insight-panel-dark),
  .card:not(.dashboard-card),
  .order-card,
  .message-card,
  .profile-card,
  .settings-card,
  .form-section,
  .form-container,
  .table-responsive,
  .seller-content-card
) {
  border-color: var(--seller-contrast-border) !important;
  background: var(--seller-contrast-surface) !important;
  color: var(--seller-contrast-body) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
}

body.zt-seller-app :is(
  .seller-app-focus-card,
  .seller-app-tile,
  .seller-insight-panel:not(.seller-insight-panel-dark),
  .card:not(.dashboard-card),
  .order-card,
  .message-card,
  .profile-card,
  .settings-card,
  .form-section,
  .form-container,
  .seller-content-card
) :is(h1, h2, h3, h4, h5, h6, .card-title, strong) {
  color: var(--seller-contrast-heading) !important;
  text-shadow: none !important;
}

body.zt-seller-app :is(
  .seller-app-focus-card,
  .seller-app-tile,
  .seller-insight-panel:not(.seller-insight-panel-dark),
  .card:not(.dashboard-card),
  .order-card,
  .message-card,
  .profile-card,
  .settings-card,
  .form-section,
  .form-container,
  .seller-content-card
) :is(p, small, label, .text-muted, .form-text) {
  color: var(--seller-contrast-muted) !important;
  text-shadow: none !important;
}

body.zt-seller-app :is(input, select, textarea) {
  border-color: var(--seller-contrast-border) !important;
  background: var(--seller-contrast-surface) !important;
  color: var(--seller-contrast-heading) !important;
  caret-color: var(--seller-premium-blue);
}

body.zt-seller-app :is(input, select, textarea)::placeholder {
  color: var(--seller-contrast-muted) !important;
  opacity: .88;
}

body.zt-seller-app :is(input, select, textarea):focus {
  border-color: var(--seller-premium-blue) !important;
  box-shadow: 0 0 0 3px rgba(52, 120, 255, .16) !important;
}

body.zt-seller-app table {
  color: var(--seller-contrast-body) !important;
  background: var(--seller-contrast-surface) !important;
}

body.zt-seller-app table thead :is(th, td) {
  border-color: var(--seller-contrast-border) !important;
  background: var(--seller-contrast-soft) !important;
  color: var(--seller-contrast-heading) !important;
}

body.zt-seller-app table tbody :is(th, td) {
  border-color: var(--seller-contrast-border) !important;
  color: var(--seller-contrast-body) !important;
}

body.zt-seller-app table tbody tr:hover {
  background: color-mix(in srgb, var(--seller-premium-blue) 7%, var(--seller-contrast-surface)) !important;
}

body.zt-seller-app .alert {
  color: #172033 !important;
  text-shadow: none !important;
}

body.zt-seller-app.dark-mode .alert {
  color: #f8fafc !important;
}

body.zt-seller-app .alert-success { background: #dcfce7 !important; border-color: #86efac !important; color: #14532d !important; }
body.zt-seller-app .alert-warning { background: #fff7d6 !important; border-color: #f6d76b !important; color: #5f4200 !important; }
body.zt-seller-app .alert-danger { background: #fee2e2 !important; border-color: #fca5a5 !important; color: #7f1d1d !important; }
body.zt-seller-app .alert-info { background: #dff3ff !important; border-color: #8ed5ff !important; color: #0b4a6f !important; }

body.zt-seller-app.dark-mode .alert-success { background: #123624 !important; border-color: #238a55 !important; color: #c8f7dd !important; }
body.zt-seller-app.dark-mode .alert-warning { background: #3b2d0b !important; border-color: #9d751a !important; color: #ffeaa3 !important; }
body.zt-seller-app.dark-mode .alert-danger { background: #411b23 !important; border-color: #9e3a4c !important; color: #ffd3da !important; }
body.zt-seller-app.dark-mode .alert-info { background: #102d43 !important; border-color: #256b91 !important; color: #c9edff !important; }

body.zt-seller-app .seller-app-section-title :is(h2, span),
body.zt-seller-app .seller-section-heading :is(h1, h2, p) {
  color: var(--seller-contrast-heading) !important;
  text-shadow: none !important;
}

body.zt-seller-app .seller-section-heading p {
  color: var(--seller-contrast-muted) !important;
}

body.zt-seller-app .seller-business-card,
body.zt-seller-app .seller-business-card *,
body.zt-seller-app .seller-insight-panel-dark,
body.zt-seller-app .seller-insight-panel-dark * {
  color: #fff;
}

@media (max-width: 640px) {
  body.zt-seller-app .seller-dashboard > .lead {
    width: calc(100% - 16px);
    margin-top: 10px !important;
    padding: 13px 14px !important;
    font-size: .96rem !important;
    line-height: 1.55 !important;
  }
}
/* ZT_SELLER_PRODUCT_MOBILE_20260818 */
body.zt-seller-app .seller-products {
  width: min(100%, 1180px);
  margin-inline: auto;
}

/* ZT_SELLER_UPLOAD_SPACING_20260818 */
body.seller-product-form-page .add-product-body,
body.seller-product-form-page .edit-product-body {
  padding: clamp(20px, 4vw, 34px) !important;
}

body.seller-product-form-page .add-product-body form,
body.seller-product-form-page .edit-product-body form {
  display: grid;
  gap: 4px;
}

body.seller-product-form-page .zt-hierarchy-card {
  width: 100%;
  padding: clamp(18px, 3vw, 24px) !important;
  margin: 4px 0 20px !important;
  overflow: visible;
}

body.seller-product-form-page .zt-hierarchy-card > .form-label:first-child {
  display: block;
  margin-bottom: 18px !important;
  font-size: 1rem !important;
}

body.seller-product-form-page .zt-hierarchy-grid,
body.seller-product-form-page .zt-new-taxonomy {
  width: 100%;
}

body.seller-product-form-page .zt-hierarchy-grid > div {
  min-width: 0;
}

body.seller-product-form-page .zt-hierarchy-grid .form-label {
  margin-bottom: 7px !important;
}

body.seller-product-form-page .zt-new-taxonomy {
  margin-top: 18px !important;
  padding: 14px !important;
}

body.seller-product-form-page .zt-new-taxonomy .form-control {
  width: 100%;
  min-width: 0;
}

body.seller-product-form-page .zt-hierarchy-card > small {
  display: block;
  margin-top: 12px;
  line-height: 1.5;
}

@media (max-width: 767.98px) {
  body.seller-product-form-page .add-product-container,
  body.seller-product-form-page .edit-product-container {
    width: calc(100% - 24px) !important;
    margin-top: 12px !important;
  }

  body.seller-product-form-page .add-product-body,
  body.seller-product-form-page .edit-product-body {
    padding: 18px 16px 26px !important;
  }

  body.seller-product-form-page .add-product-body .row,
  body.seller-product-form-page .edit-product-body .row {
    --bs-gutter-x: 0;
    margin-inline: 0;
  }

  body.seller-product-form-page .add-product-body .row > *,
  body.seller-product-form-page .edit-product-body .row > * {
    padding-inline: 0;
  }

  body.seller-product-form-page label.form-label {
    font-size: .9rem !important;
    line-height: 1.35;
    margin-bottom: 7px !important;
  }

  body.seller-product-form-page .form-control,
  body.seller-product-form-page .form-select {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px !important;
    font-size: 16px !important;
  }

  body.seller-product-form-page .zt-hierarchy-card {
    padding: 16px !important;
    border-radius: 17px !important;
  }

  body.seller-product-form-page .zt-hierarchy-grid {
    gap: 14px !important;
  }

  body.seller-product-form-page .zt-new-taxonomy {
    gap: 10px !important;
    padding: 12px !important;
  }

  body.seller-product-form-page .zt-new-taxonomy .form-control {
    min-height: 48px;
  }

  body.seller-product-form-page .image-upload-container {
    padding: 20px 14px !important;
  }
}

body.zt-seller-app .seller-products-toolbar {
  display: flex;
  justify-content: flex-end;
}

body.zt-seller-app .seller-products-toolbar .btn,
body.zt-seller-app .seller-product-actions .btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

body.zt-seller-app .seller-products-table {
  overflow: visible;
  border-radius: 24px;
}

body.zt-seller-app .product-table {
  min-width: 900px;
  margin: 0;
}

body.zt-seller-app .seller-products .card-header {
  gap: 1rem;
  flex-wrap: wrap;
}

body.zt-seller-app .seller-products .form-control,
body.zt-seller-app .seller-products .form-select,
body.zt-seller-app .add-product-container .form-control,
body.zt-seller-app .add-product-container .form-select,
body.zt-seller-app .edit-product-container .form-control,
body.zt-seller-app .edit-product-container .form-select {
  min-height: 52px;
  font-size: 16px;
  border-radius: 14px;
}

body.zt-seller-app .seller-products textarea.form-control,
body.zt-seller-app .add-product-container textarea.form-control,
body.zt-seller-app .edit-product-container textarea.form-control {
  min-height: 148px;
  resize: vertical;
}

body.zt-seller-app .image-upload-container {
  min-height: 168px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  touch-action: manipulation;
}

body.zt-seller-app .add-product-container,
body.zt-seller-app .edit-product-container {
  width: min(calc(100% - 2rem), 920px);
}

@media (max-width: 767.98px) {
  body.zt-seller-app .seller-products {
    padding-inline: 14px !important;
    padding-bottom: calc(108px + env(safe-area-inset-bottom));
  }

  body.zt-seller-app .seller-products .products-title {
    font-size: clamp(1.65rem, 8vw, 2.15rem);
    line-height: 1.12;
    text-align: center;
  }

  body.zt-seller-app .seller-products > .lead {
    font-size: 1rem;
    line-height: 1.55;
    text-align: center;
    margin-inline: auto;
  }

  body.zt-seller-app .seller-products-toolbar {
    justify-content: stretch;
  }

  body.zt-seller-app .seller-products-toolbar .btn {
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    font-size: 1rem;
  }

  body.zt-seller-app .seller-products-table {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.zt-seller-app .product-table {
    display: block;
    min-width: 0;
    background: transparent !important;
  }

  body.zt-seller-app .product-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  body.zt-seller-app .product-table tbody,
  body.zt-seller-app .product-table tr,
  body.zt-seller-app .product-table td {
    display: block;
    width: 100%;
  }

  body.zt-seller-app .product-table tbody {
    display: grid;
    gap: 16px;
  }

  body.zt-seller-app .product-table tr {
    padding: 18px;
    border: 1px solid var(--seller-contrast-border) !important;
    border-radius: 20px;
    background: var(--seller-contrast-surface) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .09);
    overflow: hidden;
  }

  body.zt-seller-app .product-table td {
    min-width: 0;
    padding: 10px 0 !important;
    border: 0 !important;
    color: var(--seller-contrast-body) !important;
    overflow-wrap: anywhere;
  }

  body.zt-seller-app .product-table td:not(:first-child):not(.product-name-cell) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--seller-contrast-border) !important;
  }

  body.zt-seller-app .product-table td:not(:first-child):not(.product-name-cell)::before {
    content: attr(data-label);
    flex: 0 0 auto;
    color: var(--seller-contrast-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  body.zt-seller-app .product-table td:nth-child(3)::before {
    content: "Price";
  }

  body.zt-seller-app .product-table td:first-child {
    padding-top: 0 !important;
  }

  body.zt-seller-app .product-table .product-thumb {
    width: 100%;
    height: clamp(180px, 55vw, 260px);
    border: 0;
    border-radius: 16px !important;
  }

  body.zt-seller-app .product-table .product-name-cell {
    padding: 14px 0 !important;
    color: var(--seller-contrast-heading) !important;
    font-size: 1.08rem;
    line-height: 1.4;
  }

  body.zt-seller-app .seller-product-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  body.zt-seller-app .seller-product-actions form,
  body.zt-seller-app .seller-product-actions .btn {
    width: 100%;
    margin: 0;
  }

  body.zt-seller-app .seller-product-actions .btn {
    min-height: 48px;
    border-radius: 13px;
    font-weight: 800;
  }

  body.zt-seller-app .seller-products .card {
    border-radius: 20px !important;
    overflow: hidden;
  }

  body.zt-seller-app .seller-products .card-header {
    padding: 18px;
    align-items: flex-start !important;
  }

  body.zt-seller-app .seller-products .card-header h5,
  body.zt-seller-app .seller-products .card-header .btn {
    width: 100%;
  }

  body.zt-seller-app .seller-products .card-header .btn {
    min-height: 44px;
  }

  body.zt-seller-app .seller-products .card-body {
    padding: 18px !important;
  }

  body.zt-seller-app .seller-products #image-preview {
    width: 100%;
    max-height: 240px !important;
  }

  body.zt-seller-app .add-product-container,
  body.zt-seller-app .edit-product-container {
    width: calc(100% - 28px) !important;
    margin: 16px auto calc(112px + env(safe-area-inset-bottom)) !important;
    border-radius: 20px !important;
  }

  body.zt-seller-app .add-product-header,
  body.zt-seller-app .edit-product-header {
    padding: 20px 18px !important;
  }

  body.zt-seller-app .add-product-header h2,
  body.zt-seller-app .edit-product-header h2 {
    font-size: 1.35rem !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  body.zt-seller-app .add-product-body,
  body.zt-seller-app .edit-product-body {
    padding: 18px !important;
  }

  body.zt-seller-app .zt-hierarchy-grid,
  body.zt-seller-app .zt-new-taxonomy {
    grid-template-columns: 1fr !important;
  }

  body.zt-seller-app .add-product-body form > .text-center,
  body.zt-seller-app .edit-product-body form > .text-center {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.zt-seller-app .add-product-body form > .text-center .btn,
  body.zt-seller-app .edit-product-body form > .text-center .btn {
    width: 100%;
    min-height: 52px;
    margin: 0 !important;
    border-radius: 14px;
  }
}

/* ZT_SELLER_PROFILE_CONTRAST_20260818 */
body.zt-seller-app .seller-profile::before {
  display: none !important;
}

body.zt-seller-app .seller-profile-hero {
  width: 100%;
  margin: 0 auto 28px;
  padding: clamp(34px, 6vw, 58px) clamp(20px, 5vw, 64px);
  border-radius: 28px;
  background: linear-gradient(135deg, #071224 0%, #173c72 58%, #6d4aff 100%);
  box-shadow: 0 22px 55px rgba(15, 23, 42, .22);
  text-align: center;
}

body.zt-seller-app .seller-profile-hero .profile-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(1.85rem, 5vw, 2.75rem);
  line-height: 1.15;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .35);
}

body.zt-seller-app .seller-profile-hero .lead {
  max-width: 760px;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #e7eefc !important;
  font-size: clamp(1rem, 2.2vw, 1.14rem);
  line-height: 1.65;
  text-shadow: none !important;
}

body.zt-seller-app .seller-profile .status-card,
body.zt-seller-app .seller-profile form .card {
  background: var(--seller-contrast-surface) !important;
  color: var(--seller-contrast-body) !important;
  border-color: var(--seller-contrast-border) !important;
}

body.zt-seller-app .seller-profile .status-card {
  border-left: 5px solid #16a34a !important;
}

body.zt-seller-app .seller-status-content {
  gap: 18px;
}

body.zt-seller-app .seller-status-content > i {
  flex: 0 0 auto;
  color: #15803d !important;
}

body.zt-seller-app .seller-status-copy {
  min-width: 0;
}

body.zt-seller-app .seller-status-copy h4,
body.zt-seller-app .seller-profile .card-header h4,
body.zt-seller-app .seller-profile .card-header h6 {
  color: var(--seller-contrast-heading) !important;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.zt-seller-app .seller-profile .card-header {
  padding: 18px 20px !important;
  border: 1px solid var(--seller-contrast-border) !important;
  border-radius: 16px !important;
  background: var(--seller-contrast-soft) !important;
}

body.zt-seller-app .seller-profile .card-header p,
body.zt-seller-app .seller-profile small,
body.zt-seller-app .seller-profile .text-muted {
  color: var(--seller-contrast-muted) !important;
}

body.zt-seller-app .seller-avatar-control {
  display: grid !important;
  justify-items: center;
  gap: 10px;
  width: 100%;
  padding: 18px;
  border: 1px dashed var(--seller-contrast-border);
  border-radius: 18px;
  background: var(--seller-contrast-soft);
  cursor: pointer;
}

body.zt-seller-app .seller-avatar-control img {
  display: block;
  width: 120px !important;
  height: 120px !important;
  border: 4px solid var(--seller-contrast-surface) !important;
  background: var(--seller-contrast-soft);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
}

body.zt-seller-app .seller-profile .form-control,
body.zt-seller-app .seller-profile .form-select {
  min-height: 50px;
  font-size: 16px;
  background: var(--seller-contrast-surface) !important;
  color: var(--seller-contrast-heading) !important;
  border-color: var(--seller-contrast-border) !important;
}

body.zt-seller-app .seller-profile input:disabled,
body.zt-seller-app .seller-profile input[readonly] {
  opacity: 1;
  background: var(--seller-contrast-soft) !important;
  color: var(--seller-contrast-muted) !important;
}

body.zt-seller-app.dark-mode .seller-profile-hero {
  background: linear-gradient(135deg, #020617 0%, #14274b 55%, #5b35d5 100%);
  border: 1px solid rgba(147, 197, 253, .22);
}

body.zt-seller-app.dark-mode .seller-status-content > i {
  color: #4ade80 !important;
}

@media (max-width: 767.98px) {
  body.zt-seller-app .seller-profile {
    padding-inline: 14px !important;
    padding-bottom: calc(108px + env(safe-area-inset-bottom));
  }

  body.zt-seller-app .seller-profile-hero {
    margin-bottom: 18px;
    padding: 30px 18px;
    border-radius: 24px;
  }

  body.zt-seller-app .seller-profile-hero .profile-title {
    flex-direction: column;
    gap: 12px;
    font-size: 1.85rem;
  }

  body.zt-seller-app .seller-profile-hero .lead {
    font-size: .98rem;
    line-height: 1.55;
  }

  body.zt-seller-app .seller-status-content {
    align-items: flex-start !important;
    padding: 20px !important;
  }

  body.zt-seller-app .seller-status-content > i {
    font-size: 2rem !important;
    margin: 2px 0 0 !important;
  }

  body.zt-seller-app .seller-status-copy h4 {
    margin: 0 !important;
    font-size: 1.05rem;
  }

  body.zt-seller-app .seller-profile form .card {
    padding: 12px !important;
    border-radius: 20px !important;
  }

  body.zt-seller-app .seller-profile .card-header {
    padding: 16px !important;
  }

  body.zt-seller-app .seller-profile .card-header h4 {
    margin: 0 !important;
    font-size: 1.08rem;
  }

  body.zt-seller-app .seller-profile .card-body {
    padding: 16px 4px !important;
  }
}

/* ZT_SELLER_PRODUCTS_ACTION_BUTTONS_POLISH_20260824 */
body.zt-seller-app .seller-products .seller-product-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 196px !important;
  width: max-content !important;
}

body.zt-seller-app .seller-products .seller-product-actions form {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
}

body.zt-seller-app .seller-products .seller-product-actions .btn {
  width: auto !important;
  min-width: 88px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: .86rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .18) !important;
}

body.zt-seller-app .seller-products .seller-product-actions .btn-info {
  background: linear-gradient(135deg, #2563eb 0%, #635bff 100%) !important;
}

body.zt-seller-app .seller-products .seller-product-actions .btn-danger {
  background: linear-gradient(135deg, #ef3f6d 0%, #be123c 100%) !important;
}

body.zt-seller-app .seller-products .seller-product-actions .btn span {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
}

body.zt-seller-app .seller-products .seller-product-actions .btn:hover,
body.zt-seller-app .seller-products .seller-product-actions .btn:focus-visible {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) saturate(1.08) !important;
  box-shadow: 0 18px 36px rgba(15, 23, 42, .24) !important;
}

@media (max-width: 767.98px) {
  body.zt-seller-app .seller-products .seller-product-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

body.zt-seller-app .seller-products .seller-product-actions .btn {
    min-width: 104px !important;
  }
}

/* ZT_SELLER_BRAND_LOGO_DIMENSIONS_20260824 */
body.zt-seller-app .seller-header .seller-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  max-width: min(46vw, 340px) !important;
  text-decoration: none !important;
}

body.zt-seller-app .seller-header .seller-logo::before {
  display: none !important;
  content: none !important;
}

body.zt-seller-app .seller-logo-mark {
  width: clamp(38px, 4.1vw, 48px) !important;
  height: clamp(38px, 4.1vw, 48px) !important;
  flex: 0 0 auto !important;
  display: block !important;
  object-fit: contain !important;
  padding: clamp(4px, .5vw, 6px) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(214, 171, 44, .32) !important;
  box-shadow: 0 7px 16px rgba(15, 23, 42, .18) !important;
  filter: none !important;
}

body.zt-seller-app .seller-logo-text {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  color: #2563eb !important;
  font-size: clamp(1rem, 1.5vw, 1.18rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.zt-seller-app .seller-logo-text b {
  color: #7c3aed !important;
  font-weight: 900 !important;
}

body.zt-seller-app .seller-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.zt-seller-app .seller-footer-logo i {
  display: none !important;
}

body.zt-seller-app .seller-footer-logo-mark {
  width: clamp(64px, 7vw, 86px) !important;
  height: clamp(64px, 7vw, 86px) !important;
  flex: 0 0 auto !important;
  display: block !important;
  object-fit: contain !important;
  padding: clamp(7px, .85vw, 10px) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(214, 171, 44, .34) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .24) !important;
  filter: none !important;
}

body.zt-seller-app .seller-footer-logo > span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  color: #ffffff !important;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

body.zt-seller-app .seller-footer-logo .seller-brand-accent {
  color: #86efac !important;
}

@media (max-width: 900px) {
  body.zt-seller-app .seller-header .seller-logo {
    max-width: 44vw !important;
    gap: 8px !important;
  }

  body.zt-seller-app .seller-logo-mark {
    width: 38px !important;
    height: 38px !important;
    padding: 4px !important;
  }

  body.zt-seller-app .seller-logo-text {
    font-size: 1rem !important;
  }

  body.zt-seller-app .seller-footer-logo {
    gap: 12px !important;
  }

  body.zt-seller-app .seller-footer-logo-mark {
    width: 62px !important;
    height: 62px !important;
    padding: 7px !important;
  }
}

@media (max-width: 420px) {
  body.zt-seller-app .seller-header .seller-logo {
    max-width: 42vw !important;
    gap: 6px !important;
  }

  body.zt-seller-app .seller-logo-mark {
    width: 34px !important;
    height: 34px !important;
    padding: 4px !important;
  }

  body.zt-seller-app .seller-logo-text {
    font-size: .92rem !important;
  }

  body.zt-seller-app .seller-logo-text b {
    display: none !important;
  }

  body.zt-seller-app .seller-footer-logo {
    align-items: flex-start !important;
  }

  body.zt-seller-app .seller-footer-logo-mark {
    width: 56px !important;
    height: 56px !important;
    padding: 6px !important;
  }

body.zt-seller-app .seller-footer-logo > span {
    font-size: 1.35rem !important;
  }
}

/* ZT_SELLER_COHESIVE_BRAND_TYPE_SCALE_20260824 */
body.zt-seller-app {
  font-family: var(--zt-font-sans, "Inter", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: var(--zt-text-base, 1rem) !important;
  line-height: var(--zt-leading-body, 1.6) !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app p,
body.zt-seller-app li,
body.zt-seller-app td,
body.zt-seller-app th,
body.zt-seller-app input,
body.zt-seller-app select,
body.zt-seller-app textarea,
body.zt-seller-app button,
body.zt-seller-app .btn,
body.zt-seller-app .seller-card,
body.zt-seller-app .seller-form-control {
  font-family: var(--zt-font-sans, "Inter", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: var(--zt-text-base, 1rem) !important;
  line-height: var(--zt-leading-body, 1.6) !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app .seller-nav-link,
body.zt-seller-app .seller-action,
body.zt-seller-app .seller-card-number,
body.zt-seller-app .seller-kicker,
body.zt-seller-app .seller-label,
body.zt-seller-app .seller-meta {
  font-size: var(--zt-text-sm, .875rem) !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app h1,
body.zt-seller-app .seller-hero-title {
  font-size: var(--zt-text-hero, clamp(2.25rem, 4.7vw, 4.25rem)) !important;
  line-height: var(--zt-leading-tight, 1.15) !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app h2,
body.zt-seller-app .seller-section-title,
body.zt-seller-app .dashboard-title {
  font-size: var(--zt-text-3xl, clamp(1.875rem, 3vw, 2.5rem)) !important;
  line-height: var(--zt-leading-heading, 1.22) !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app h3,
body.zt-seller-app .seller-card-title {
  font-size: var(--zt-text-2xl, clamp(1.5rem, 2.2vw, 1.875rem)) !important;
  line-height: var(--zt-leading-heading, 1.22) !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app h4,
body.zt-seller-app .seller-stat-value {
  font-size: var(--zt-text-xl, 1.25rem) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.zt-seller-app .seller-logo-text {
  font-size: var(--zt-text-lg, 1.125rem) !important;
}

body.zt-seller-app .seller-footer-logo > span {
  font-size: var(--zt-text-xl, 1.25rem) !important;
}

@media (max-width: 768px) {
  body.zt-seller-app,
  body.zt-seller-app p,
  body.zt-seller-app li,
  body.zt-seller-app td,
  body.zt-seller-app th,
  body.zt-seller-app input,
  body.zt-seller-app select,
  body.zt-seller-app textarea,
  body.zt-seller-app button,
  body.zt-seller-app .btn {
    font-size: .9375rem !important;
  }

  body.zt-seller-app .seller-logo-text {
    font-size: 1rem !important;
  }
}