/* Dashboard uses the full viewport width in both themes. */
.vendedor-page > main {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Desktop dashboard: remove the centered date and pull the content upward. */
@media (min-width: 768px) {
  .vendedor-page > header.vendedor-header:nth-of-type(2) > div:nth-child(2) {
    display: none !important;
  }

  .vendedor-page > header.vendedor-header:nth-of-type(2) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .vendedor-page > main {
    padding-top: 18px !important;
  }
}

html[data-vendedor-theme="light"] body {
  background: #f4f6f8 !important;
}

html[data-vendedor-theme="light"] [class*="bg-[#0A0A0A]"] {
  background-color: #f4f6f8 !important;
}

html[data-vendedor-theme="light"] [class*="bg-[#111111]"] {
  background-color: #ffffff !important;
}

html[data-vendedor-theme="light"] [class*="bg-black/25"] {
  background-color: rgba(15, 23, 42, 0.035) !important;
}

html[data-vendedor-theme="light"] [class*="bg-white/["] {
  background-color: rgba(15, 23, 42, 0.035) !important;
}

html[data-vendedor-theme="light"] .text-white,
html[data-vendedor-theme="light"] [class*="text-neutral-200"],
html[data-vendedor-theme="light"] [class*="text-neutral-300"] {
  color: #111827 !important;
}

html[data-vendedor-theme="light"] [class*="text-neutral-400"] {
  color: #556070 !important;
}

html[data-vendedor-theme="light"] [class*="text-neutral-500"] {
  color: #6f7a89 !important;
}

html[data-vendedor-theme="light"] [class*="text-neutral-600"] {
  color: #8b95a3 !important;
}

html[data-vendedor-theme="light"] [class*="border-white/"] {
  border-color: rgba(15, 23, 42, 0.10) !important;
}

html[data-vendedor-theme="light"] [class*="divide-white/"] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-vendedor-theme="light"] [class*="hover:bg-white/"]:hover {
  background-color: rgba(15, 23, 42, 0.055) !important;
}

html[data-vendedor-theme="light"] input {
  color: #111827 !important;
  background: #f8fafc !important;
  border-color: #d8dee8 !important;
}

html[data-vendedor-theme="light"] input:focus {
  background: #ffffff !important;
}

html[data-vendedor-theme="light"] input::placeholder {
  color: #9aa2ad !important;
}

html[data-vendedor-theme="light"] .vendedor-theme-toggle {
  border-color: rgba(15, 23, 42, 0.10) !important;
  background: #ffffff !important;
  color: #4b5563 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

html[data-vendedor-theme="light"] .vendedor-theme-toggle:hover {
  background: #f8fafc !important;
  color: #111827 !important;
}

html[data-vendedor-theme="light"] .vendedor-surface {
  background: #ffffff !important;
  border-color: #e1e6ee !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
}

html[data-vendedor-theme="light"] .vendedor-page {
  color: #111827 !important;
  background-color: #f4f6f8 !important;
  background-image: radial-gradient(circle at 0% 100%, rgba(245,166,35,.10) 0%, transparent 40%), radial-gradient(circle at 100% 0%, rgba(245,166,35,.06) 0%, transparent 45%) !important;
}

html[data-vendedor-theme="light"] .vendedor-header {
  background: rgba(244, 246, 248, 0.95) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

/* Light-mode KPI palette: flat soft fills, no decorative effects. */
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface {
  position: relative;
  overflow: hidden;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface::after {
  content: none !important;
  display: none !important;
}

html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(1) {
  background: #e9f8ef !important;
  border-color: #bfe8cb !important;
}
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(1) [class*="rounded-lg"] { background: #d8f1e1 !important; }
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(1) svg { color: #20a657 !important; }

html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(2) {
  background: #eef4ff !important;
  border-color: #c9d8ff !important;
}
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(2) [class*="rounded-lg"] { background: #dfe9ff !important; }
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(2) svg { color: #4b75e8 !important; }

html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(3) {
  background: #f3edff !important;
  border-color: #dac9ff !important;
}
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(3) [class*="rounded-lg"] { background: #e8ddff !important; }
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(3) svg { color: #7b58e7 !important; }

html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(4) {
  background: #fff0f2 !important;
  border-color: #ffc9d0 !important;
}
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(4) [class*="rounded-lg"] { background: #ffe0e4 !important; }
html[data-vendedor-theme="light"] .vendedor-page main [class~="grid-cols-4"] > .vendedor-surface:nth-child(4) svg { color: #ea4f68 !important; }

/* Payment-link action: flat warm highlight in light mode. */
html[data-vendedor-theme="light"] .vendedor-page button[class*="border-amber-400"] {
  background: #fff1c9 !important;
  border-color: #f4c862 !important;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-page button[class*="border-amber-400"]:hover {
  background: #ffe9ad !important;
  border-color: #e9b945 !important;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-page button[class*="border-amber-400"] > div:last-child {
  background: #ffe3a1 !important;
  border-color: #edc05a !important;
}

/* Payment link page — dedicated light theme. Dark mode stays untouched. */
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-toggle {
  background: #fff4f4 !important;
  border-color: #f3b4b4 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-toggle.is-active {
  background: #ffe7e7 !important;
  border-color: #ef8f8f !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-toggle .text-red-200,
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-toggle [class*="text-red-200"] {
  color: #a92c2c !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-toggle [class*="text-red-300"] {
  color: #c73b3b !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-panel {
  background: #f7f9fc !important;
  border-color: #dfe5ee !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-option {
  background: #ffffff !important;
  border-color: #dfe5ee !important;
  color: #182230 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-option:hover {
  background: #f7f9fc !important;
  border-color: #cfd7e3 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-option.is-active {
  background: #fff0f0 !important;
  border-color: #ed9a9a !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-payment-option.is-active [class*="text-red-200"] {
  color: #a92c2c !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-method-option {
  background: #ffffff !important;
  border-color: #dfe5ee !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-method-option.is-active {
  background: #fff7df !important;
  border-color: #e8bd52 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .installment-button {
  background: #ffffff !important;
  border-color: #d7dee8 !important;
  color: #273244 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .installment-button:hover {
  background: #f3f6fa !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .installment-button.is-active {
  background: #f5a623 !important;
  border-color: #f5a623 !important;
  color: #111827 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-sum-feedback.is-valid {
  background: #eaf8ef !important;
  border-color: #b8dfc4 !important;
  color: #176b36 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-sum-feedback.is-invalid {
  background: #fff0f0 !important;
  border-color: #efbbbb !important;
  color: #a42d2d !important;
}

/* Transaction cards keep their semantic colors in light mode instead of becoming washed out. */
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-paid {
  background: #ddf3e5 !important;
  border-color: #8ed0a5 !important;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-pending {
  background: #fff8e8 !important;
  border-color: #edcf82 !important;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-failed {
  background: #f9e4e4 !important;
  border-color: #dda1a1 !important;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-neutral {
  background: #f8fafc !important;
  border-color: #dce2ea !important;
  box-shadow: none !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card .text-white,
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part .text-white {
  color: #172033 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-paid .transaction-status,
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-paid .transaction-copy-link {
  color: #188348 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-pending .transaction-status,
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-pending .transaction-copy-link {
  color: #b06c00 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-failed .transaction-status,
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card.is-failed .transaction-copy-link {
  color: #ba3434 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part.is-paid {
  background: #eaf8ef !important;
  border-color: #b8dfc4 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part.is-pending {
  background: #fff8e8 !important;
  border-color: #edcf82 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part.is-failed {
  background: #fff0f0 !important;
  border-color: #efbbbb !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page [role="dialog"] {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #dfe5ee !important;
}

/* Payment-link status badges: use strong ink on pastel surfaces in light mode. */
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-emerald-200"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-emerald-300"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-emerald-100"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-emerald-200"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-emerald-300"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-emerald-100"] {
  color: #126b3a !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-red-200"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-red-300"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-red-200"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-red-300"] {
  color: #a92c2c !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-amber-200"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="text-amber-300"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-amber-200"],
html[data-vendedor-theme="light"] .vendedor-payment-link-page .split-transaction-part [class*="text-amber-300"] {
  color: #9a5a00 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="bg-emerald-400/20"] {
  background: #bde9cc !important;
  border-color: #7ac698 !important;
}

html[data-vendedor-theme="light"] .vendedor-payment-link-page .payment-link-transaction-card [class*="bg-red-400/10"] {
  background: #f5cccc !important;
  border-color: #df9797 !important;
}

/* Dark payment-link page: critical headings must never inherit dark ink. */
html[data-vendedor-theme="dark"] .vendedor-payment-link-page h1,
html[data-vendedor-theme="dark"] .vendedor-payment-link-page h2,
html[data-vendedor-theme="dark"] .vendedor-payment-link-page h3,
html[data-vendedor-theme="dark"] .vendedor-payment-link-page [role="dialog"] h2,
html[data-vendedor-theme="dark"] .vendedor-payment-link-page [role="dialog"] h3 {
  color: #f8fafc !important;
}

html[data-vendedor-theme="dark"] .vendedor-payment-link-page .vendedor-surface {
  color: #f8fafc !important;
}

html[data-vendedor-theme="dark"] .vendedor-payment-link-page .vendedor-surface > div:first-child > h2,
html[data-vendedor-theme="dark"] .vendedor-payment-link-page .vendedor-surface > div:first-child h3 {
  color: #ffffff !important;
}

html[data-vendedor-theme="dark"] .vendedor-payment-link-page .payment-method-option p:first-of-type,
html[data-vendedor-theme="dark"] .vendedor-payment-link-page .split-payment-option p:first-of-type {
  color: #f5f7fa !important;
}