/* Sub2API UI hotpatch — minimal whitelist injection (CSS only)
   Strategy:
   - no JS injection
   - no global DOM/behavior overrides
   - no broad green/emerald sweeps
   - only stable semantic classes audited from source
*/

@font-face {
  font-family: "FrauncesPatch";
  src: url("/_custom/fonts/Fraunces-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FrauncesPatch";
  src: url("/_custom/fonts/Fraunces-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansPatch";
  src: url("/_custom/fonts/IBMPlexSans-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansPatch";
  src: url("/_custom/fonts/IBMPlexSans-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --paper: #f6f1e7;
  --paper-2: #fff8eb;
  --paper-3: #fbf6ec;
  --paper-rough: #f2eadc;
  --ink: #161311;
  --muted: rgba(22, 19, 17, 0.72);
  --line: rgba(22, 19, 17, 0.12);
  --line-strong: rgba(22, 19, 17, 0.18);
  --accent: #c24a2a;
  --accent-2: #9e3a22;
  --accent-soft: #f4d8bf;
  --highlight: #f1e7d3;
  --highlight-border: rgba(132, 103, 62, 0.22);
  --highlight-text: #4f3a24;
  --focus-soft: rgba(241, 231, 211, 0.92);
  --focus-strong: rgba(158, 58, 34, 0.18);
}

body {
  font-family:
    "IBMPlexSansPatch",
    ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
    "Helvetica Neue", Arial;
  letter-spacing: 0.08px;
  background: var(--paper) !important;
}

h1, h2, h3, h4, h5, h6,
.sidebar-brand-title,
.page-title {
  font-family:
    "FrauncesPatch",
    ui-serif, Georgia, "Times New Roman",
    "Songti SC", STSong, serif;
}

:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent) 80%, white);
  outline-offset: 2px;
}

html:not(.dark) body {
  background: var(--paper);
  color: var(--ink);
}

html:not(.dark) .sidebar {
  background: rgba(255, 252, 246, 0.96) !important;
  border-right-color: var(--line) !important;
}

html:not(.dark) .sidebar-header,
html:not(.dark) .card-header,
html:not(.dark) .card-footer,
html:not(.dark) .divider {
  border-color: var(--line) !important;
}

html:not(.dark) .card,
html:not(.dark) .card-glass,
html:not(.dark) .stat-card {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: var(--line) !important;
  box-shadow: 0 10px 28px rgba(90, 57, 28, 0.06) !important;
}

html:not(.dark) .table th {
  background: rgba(255, 248, 235, 0.88) !important;
  border-color: var(--line) !important;
}

html:not(.dark) .table td {
  border-color: rgba(22, 19, 17, 0.08) !important;
}

html:not(.dark) .table tbody tr:hover {
  background: rgba(255, 248, 235, 0.70) !important;
}

.sidebar-section-title {
  color: rgba(106, 74, 0, 0.72) !important;
}

.sidebar-link {
  border: 1px solid transparent;
}

.sidebar-link:hover {
  background: rgba(255, 248, 235, 0.92) !important;
  color: var(--ink) !important;
}

.sidebar-link-active {
  background:
    linear-gradient(180deg, rgba(247, 239, 225, 0.96), rgba(240, 230, 212, 0.92)),
    linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0));
  border-color: rgba(146, 113, 71, 0.18) !important;
  color: #5a4028 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 1px 3px rgba(79, 58, 36, 0.04) !important;
}

.sidebar-link-active svg,
.sidebar-link-active .sidebar-svg-icon,
.sidebar-link-active .sidebar-svg-icon svg,
.sidebar-link-active .sidebar-label {
  color: var(--highlight-text) !important;
  fill: currentColor !important;
}

/* Primary semantic tokens -> warm brand accent */
.btn-primary,
[class~="bg-primary-500"],
[class~="bg-primary-600"],
[class~="dark:bg-primary-600"],
[class~="peer-checked:bg-primary-600"] {
  background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
  color: #fff !important;
  border-color: color-mix(in srgb, var(--accent) 65%, #6e2413) !important;
}

.btn-primary:hover,
[class~="hover:bg-primary-600"]:hover,
[class~="hover:bg-primary-700"]:hover,
[class~="dark:hover:bg-primary-500"]:hover {
  background: linear-gradient(135deg, var(--accent-2), #8b311d) !important;
}

[class~="bg-primary-50"],
[class~="dark:bg-primary-900/20"],
[class~="dark:bg-primary-900/30"] {
  background-color: color-mix(in srgb, var(--highlight) 55%, white) !important;
}

[class~="text-primary-500"],
[class~="text-primary-600"],
[class~="text-primary-700"],
[class~="dark:text-primary-300"],
[class~="dark:text-primary-400"] {
  color: var(--accent) !important;
}

[class~="border-primary-200"],
[class~="border-primary-300"],
[class~="border-primary-500"],
[class~="dark:border-primary-600"],
[class~="dark:border-primary-700"],
[class~="dark:border-primary-800"] {
  border-color: color-mix(in srgb, var(--accent) 28%, white) !important;
}

[class~="hover:bg-primary-50"]:hover,
[class~="hover:bg-primary-100"]:hover,
[class~="dark:hover:bg-primary-900/20"]:hover,
[class~="dark:hover:bg-primary-900/30"]:hover {
  background-color: color-mix(in srgb, var(--highlight) 68%, white) !important;
}

[class~="hover:text-primary-600"]:hover,
[class~="hover:text-primary-700"]:hover,
[class~="dark:hover:text-primary-300"]:hover,
[class~="dark:hover:text-primary-400"]:hover {
  color: var(--accent-2) !important;
}

/* Forms */
.input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  border-color: var(--line) !important;
}

.input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border-color: rgba(146, 113, 71, 0.26) !important;
  background: linear-gradient(180deg, rgba(255,252,246,0.98), var(--focus-soft)) !important;
  box-shadow:
    0 0 0 3px rgba(241, 231, 211, 0.72) !important,
    inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

/* Stable switch semantics */
[role="switch"][aria-checked="true"] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 78%, white), var(--accent)) !important;
  border-color: color-mix(in srgb, var(--accent) 58%, #6e2413) !important;
}

[role="switch"][aria-checked="true"] > span {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
}

/* Shared badge semantics used by orderUtils / style.css */
.badge-success {
  background: color-mix(in srgb, var(--highlight) 56%, white) !important;
  color: var(--highlight-text) !important;
  border-color: color-mix(in srgb, var(--highlight-border) 48%, white) !important;
}

.badge-warning {
  background: color-mix(in srgb, #f4d8bf 58%, white) !important;
  color: #8a541c !important;
  border-color: color-mix(in srgb, #d89b54 42%, white) !important;
}

.badge-danger {
  background: color-mix(in srgb, #f2d4cc 56%, white) !important;
  color: #9b3a24 !important;
  border-color: color-mix(in srgb, #c86a54 38%, white) !important;
}

/* Keep business semantic greens/oranges/blues for monitor/payment/platform recognition.
   Only soften a few generic dashboard success leftovers. */
html:not(.dark) .card .text-green-600,
html:not(.dark) .card .dark\:text-green-400,
html:not(.dark) .card .text-emerald-600,
html:not(.dark) .card .dark\:text-emerald-400 {
  color: color-mix(in srgb, var(--accent) 82%, #7a5634) !important;
}

/* Refinements: polish, hierarchy, restrained hiding */
html:not(.dark) .sidebar-logo {
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(247,238,222,0.9)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    0 6px 18px rgba(110, 71, 38, 0.08) !important;
}

html:not(.dark) .sidebar-header {
  background: linear-gradient(180deg, rgba(255,252,246,0.95), rgba(255,248,235,0.75)) !important;
}

html:not(.dark) .sidebar-brand-title {
  letter-spacing: -0.015em;
}

.sidebar-link {
  backdrop-filter: blur(6px);
}

.sidebar-link:hover {
  transform: translateX(1px);
}

html:not(.dark) .btn,
html:not(.dark) .btn-primary,
html:not(.dark) .btn-secondary,
html:not(.dark) .btn-ghost {
  box-shadow: 0 6px 16px rgba(83, 49, 21, 0.06);
}

html:not(.dark) .btn-secondary {
  background: rgba(255,255,255,0.9) !important;
  border-color: var(--line) !important;
}

html:not(.dark) .card .rounded-lg[class~="bg-blue-100"],
html:not(.dark) .card .rounded-lg[class~="bg-purple-100"],
html:not(.dark) .card .rounded-lg[class~="bg-green-100"],
html:not(.dark) .card .rounded-lg[class~="bg-emerald-100"],
html:not(.dark) .card .rounded-lg[class~="bg-amber-100"],
html:not(.dark) .card .rounded-lg[class~="bg-indigo-100"],
html:not(.dark) .card .rounded-lg[class~="bg-violet-100"],
html:not(.dark) .card .rounded-lg[class~="bg-rose-100"] {
  background: linear-gradient(180deg, rgba(255,250,241,0.96), rgba(244,232,214,0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 6px 14px rgba(106, 74, 42, 0.05) !important;
  border: 1px solid rgba(146, 113, 71, 0.12) !important;
}

html:not(.dark) .card .rounded-lg[class~="bg-blue-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-purple-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-green-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-emerald-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-amber-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-indigo-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-violet-100"] *,
html:not(.dark) .card .rounded-lg[class~="bg-rose-100"] * {
  color: color-mix(in srgb, var(--accent) 58%, #5a4330) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html:not(.dark) .text-gray-500,
html:not(.dark) .dark\:text-gray-400,
html:not(.dark) .dark\:text-dark-400 {
  color: var(--muted) !important;
}

html:not(.dark) .table-container {
  background: rgba(255,255,255,0.76) !important;
  box-shadow: 0 10px 24px rgba(83, 49, 21, 0.05);
}

button[title="Dark Mode"],
button[title="Light Mode"],
button[aria-label="Dark Mode"],
button[aria-label="Light Mode"],
.sidebar > .mt-auto > button:first-of-type {
  display: none !important;
}

html:not(.dark) .absolute.right-0.z-50,
html:not(.dark) .absolute.left-0.z-50,
html.dark .absolute.right-0.z-50,
html.dark .absolute.left-0.z-50 {
  box-shadow: 0 18px 40px rgba(70, 42, 18, 0.12) !important;
  border-color: var(--line) !important;
}

/* Dark mode normalization: keep Hermes paper look without JS */
html.dark body,
html.dark .min-h-screen,
html.dark .glass {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

/* Kill the cool/green page fog: replace outer app background + mesh with warm paper */
.min-h-screen.bg-gray-50,
.dark .min-h-screen.dark\:bg-dark-950,
.bg-mesh-gradient {
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,0.50), rgba(255,255,255,0) 26%),
    radial-gradient(circle at 82% 24%, rgba(244,232,214,0.24), rgba(244,232,214,0) 30%),
    linear-gradient(180deg, #f6f1e7 0%, #f7f1e6 45%, #f2eadf 100%) !important;
}

.bg-mesh-gradient {
  opacity: 0.42 !important;
  filter: saturate(0.55) sepia(0.12) !important;
}

html.dark .sidebar {
  background: rgba(255, 252, 246, 0.96) !important;
  border-right-color: var(--line) !important;
}

html.dark .sidebar-header,
html.dark .card-header,
html.dark .card-footer,
html.dark .divider,
html.dark .border-gray-100,
html.dark .border-gray-200,
html.dark .dark\:border-dark-700,
html.dark .dark\:border-dark-800 {
  border-color: var(--line) !important;
}

html.dark .card,
html.dark .card-glass,
html.dark .stat-card,
html.dark .table-container {
  background: linear-gradient(180deg, rgba(251,247,240,0.90), rgba(245,236,223,0.84)) !important;
  border-color: rgba(146, 113, 71, 0.12) !important;
  box-shadow: 0 10px 28px rgba(90, 57, 28, 0.06) !important;
}

html.dark .table th {
  background: rgba(255, 248, 235, 0.88) !important;
  color: var(--muted) !important;
  border-color: var(--line) !important;
}

html.dark .table td {
  background: rgba(255,255,255,0.02) !important;
  color: var(--ink) !important;
  border-color: rgba(22, 19, 17, 0.08) !important;
}

html.dark .table tbody tr {
  background: rgba(255,255,255,0.04) !important;
}

html.dark .table tbody tr:hover {
  background: rgba(255, 248, 235, 0.72) !important;
}

html.dark .text-gray-900,
html.dark .dark\:text-white,
html.dark .dark\:text-gray-100,
html.dark .dark\:text-dark-200,
html.dark .dark\:text-dark-300 {
  color: var(--ink) !important;
}

html.dark .text-gray-500,
html.dark .text-gray-600,
html.dark .dark\:text-gray-400,
html.dark .dark\:text-gray-500,
html.dark .dark\:text-dark-400,
html.dark .dark\:text-dark-500 {
  color: var(--muted) !important;
}

html.dark .bg-dark-700,
html.dark .bg-dark-800,
html.dark .bg-dark-900,
html.dark .bg-dark-950,
html.dark .dark\:bg-dark-700,
html.dark .dark\:bg-dark-800,
html.dark .dark\:bg-dark-900,
html.dark .dark\:bg-dark-950 {
  background: transparent !important;
}

/* Header right area / avatar */
header.glass {
  background: linear-gradient(180deg, rgba(255,252,246,0.94), rgba(251,245,234,0.88)) !important;
  border-color: var(--line) !important;
  box-shadow: 0 6px 18px rgba(90, 57, 28, 0.05) !important;
}

header.glass > div {
  padding-right: 18px !important;
}

header.glass [aria-label="User Menu"] {
  gap: 12px !important;
  padding: 5px 12px 5px 5px !important;
  border: 1px solid rgba(132, 103, 62, 0.14) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.72) !important;
  box-shadow: 0 4px 12px rgba(106, 74, 42, 0.06) !important;
}

header.glass [aria-label="User Menu"] > div:first-child {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,252,246,0.98), rgba(242,234,220,0.94)) !important;
  color: #6a4a2f !important;
  border: 1px solid rgba(146, 113, 71, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.46),
    0 6px 14px rgba(106, 74, 42, 0.08) !important;
}

header.glass [aria-label="User Menu"] > div:nth-child(2) {
  transform: translateY(-1px);
}

/* Accounts / channel badges: neutral parchment chips instead of bright green */
.inline-flex.flex-col.gap-0\.5.text-xs.font-medium {
  gap: 4px !important;
}

.inline-flex.flex-col.gap-0\.5.text-xs.font-medium > .inline-flex.items-center.overflow-hidden.rounded-md {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.inline-flex.flex-col.gap-0\.5.text-xs.font-medium > .inline-flex.items-center.overflow-hidden.rounded-md > span,
[class*="bg-emerald-100"][class*="text-emerald-700"],
[class*="bg-emerald-100"][class*="text-emerald-600"],
[class*="dark:bg-emerald-900/30"][class*="dark:text-emerald-400"],
[class*="bg-orange-100"][class*="text-orange-700"],
[class*="bg-orange-100"][class*="text-orange-600"],
[class*="dark:bg-orange-900/30"][class*="dark:text-orange-400"],
[class*="bg-green-50"][class*="text-green-700"][class*="max-w-24"],
[class*="dark:bg-green-900/20"][class*="dark:text-green-400"][class*="max-w-24"],
[class*="bg-orange-50"][class*="text-orange-700"][class*="max-w-24"],
[class*="dark:bg-orange-900/20"][class*="dark:text-orange-400"][class*="max-w-24"] {
  background: linear-gradient(180deg, rgba(255,249,240,0.96), rgba(241,230,211,0.92)) !important;
  color: #6c5237 !important;
  border: 1px solid rgba(146, 113, 71, 0.12) !important;
}

.inline-flex.flex-col.gap-0\.5.text-xs.font-medium > .inline-flex.items-center.overflow-hidden.rounded-md > span svg,
[class*="bg-green-50"][class*="text-green-700"][class*="max-w-24"] svg,
[class*="dark:bg-green-900/20"][class*="dark:text-green-400"][class*="max-w-24"] svg,
[class*="bg-orange-50"][class*="text-orange-700"][class*="max-w-24"] svg,
[class*="dark:bg-orange-900/20"][class*="dark:text-orange-400"][class*="max-w-24"] svg {
  transform: translateY(0.5px);
}

.inline-flex.flex-col.gap-0\.5.text-xs.font-medium > .inline-flex.items-center.overflow-hidden.rounded-md > span:first-child {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.inline-flex.flex-col.gap-0\.5.text-xs.font-medium > .inline-flex.items-center.overflow-hidden.rounded-md > span:last-child {
  padding-left: 7px !important;
  padding-right: 8px !important;
}

/* Page-level surfaces behind toolbars/cards: unify all large carriers into paper */
html.dark .space-y-6 > .grid > .card,
html.dark .space-y-6 > .card,
html.dark .space-y-6 .grid.grid-cols-1 > .card,
html.dark .space-y-6 .grid.lg\:grid-cols-2 > .card,
html.dark .rounded-xl.border.border-gray-200,
html.dark .rounded-2xl.border.border-gray-200,
html.dark .rounded-xl.bg-gray-50,
html.dark .rounded-2xl.bg-gray-50,
html.dark .bg-gray-50\/80,
html.dark .bg-gray-50\/50,
html.dark .bg-gray-50\/30,
html.dark .dark\:bg-dark-700\/50,
html.dark .dark\:bg-dark-800\/50,
html.dark .dark\:bg-dark-800\/60,
html.dark .dark\:bg-dark-900\/30,
html.dark .dark\:bg-dark-900,
.table-scroll-container,
.table-page-layout.mobile-mode .table-scroll-container {
  background:
    linear-gradient(180deg, rgba(251,247,240,0.94), rgba(243,234,220,0.88)),
    linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0)) !important;
  border-color: rgba(146, 113, 71, 0.12) !important;
  box-shadow: 0 10px 28px rgba(90, 57, 28, 0.05) !important;
}

html.dark canvas {
  filter: saturate(0.82) contrast(0.96);
}

/* Neutralize utility greens that still leak through on mobile cards / badges */
[class*="from-primary-500"][class*="to-primary-600"],
[class*="from-primary-500"][class*="to-primary-500"] {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.98), rgba(242,234,220,0.94)) !important;
  color: #6a4a2f !important;
}

[class*="bg-emerald-100"],
[class*="bg-emerald-900/30"],
[class*="bg-emerald-900/40"],
[class*="bg-green-50"],
[class*="bg-green-900/20"],
[class*="bg-green-900/30"] {
  background:
    linear-gradient(180deg, rgba(255,250,242,0.98), rgba(243,235,221,0.94)),
    linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0)) !important;
  border-color: rgba(146, 113, 71, 0.14) !important;
}

[class*="text-emerald-700"],
[class*="text-emerald-600"],
[class*="text-emerald-400"],
[class*="text-green-700"],
[class*="text-green-600"],
[class*="text-green-400"] {
  color: #6c5237 !important;
}

/* Accounts page top toolbar + bulk action strip */
.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.98), rgba(244,236,223,0.94)),
    linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0)) !important;
  border: 1px solid rgba(146, 113, 71, 0.14) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.72),
    0 8px 20px rgba(106, 74, 42, 0.05) !important;
  padding: 12px !important;
}

/* Sidebar submenu hierarchy swap: pricing selected stronger, monitor softer */
.sidebar .border-l > .sidebar-link {
  background: rgba(250, 245, 236, 0.40) !important;
  border: 1px solid transparent;
  color: #6a5138 !important;
}

.sidebar .border-l > .sidebar-link:hover {
  background: rgba(245, 237, 223, 0.62) !important;
  border-color: rgba(146, 113, 71, 0.10) !important;
}

.sidebar .border-l > .sidebar-link.sidebar-link-active {
  background:
    linear-gradient(180deg, rgba(239, 225, 199, 0.92), rgba(231, 214, 186, 0.88)) !important;
  border-color: rgba(146, 113, 71, 0.18) !important;
  color: #5a4028 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.68),
    0 1px 3px rgba(79, 58, 36, 0.04) !important;
}

.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3 .text-primary-900,
.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3 .text-primary-700,
.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3 .dark\:text-primary-100,
.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3 .dark\:text-primary-300,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 .text-primary-900,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 .text-primary-700,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 .dark\:text-primary-100,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 .dark\:text-primary-300 {
  color: #6a4a2f !important;
}

.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3 .text-gray-300,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 .text-gray-300 {
  color: rgba(146, 113, 71, 0.38) !important;
}

/* Home page-specific cleanup: remove mint/cyan hero wash and unify avatar */
body:has(main .terminal-container) .min-h-screen.bg-gradient-to-br,
body:has(.terminal-container) .min-h-screen.bg-gradient-to-br {
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,0.56), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 78% 20%, rgba(244,232,214,0.22), rgba(244,232,214,0) 28%),
    linear-gradient(180deg, #f8f3ea 0%, #f7f1e6 46%, #f1e8db 100%) !important;
}

body:has(.terminal-container) .absolute.-right-40.-top-40.h-96.w-96.rounded-full,
body:has(.terminal-container) .absolute.-bottom-40.-left-40.h-96.w-96.rounded-full,
body:has(.terminal-container) .absolute.left-1\/3.top-1\/4.h-72.w-72.rounded-full,
body:has(.terminal-container) .absolute.bottom-1\/4.right-1\/4.h-64.w-64.rounded-full {
  background:
    radial-gradient(circle, rgba(246,239,227,0.42) 0%, rgba(246,239,227,0.18) 38%, rgba(246,239,227,0) 72%) !important;
  filter: blur(56px) saturate(0.72) !important;
}

body:has(.terminal-container) .absolute.inset-0.bg-\[linear-gradient\(rgba\(20\,184\,166\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(20\,184\,166\,0\.03\)_1px\,transparent_1px\)\] {
  background-image:
    linear-gradient(rgba(146,113,71,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146,113,71,0.045) 1px, transparent 1px) !important;
}

body:has(.terminal-container) .inline-flex.items-center.gap-1\.5.rounded-full.bg-gray-900.py-1.pl-1.pr-2\.5 > span:first-child {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.98), rgba(242,234,220,0.94)) !important;
  color: #6a4a2f !important;
  border: 1px solid rgba(146,113,71,0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.44),
    0 4px 10px rgba(106,74,42,0.08) !important;
}

/* Hermes + CPA closer pass: keep CSS-injection only, no source dependency */
body,
input,
textarea,
select,
button {
  font-family:
    "Noto Sans SC",
    "IBMPlexSansPatch",
    "PingFang SC",
    "Microsoft YaHei",
    ui-sans-serif, system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.sidebar-brand-title,
.page-title,
header.glass h1 {
  font-family:
    "Noto Serif SC",
    "FrauncesPatch",
    "Songti SC",
    Georgia, serif !important;
}

html:not(.dark) body,
html.dark body {
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,0.46), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 84% 16%, rgba(214,178,141,0.16), rgba(214,178,141,0) 30%),
    linear-gradient(180deg, #f0ebe1 0%, #ebe3d6 48%, #e5dccd 100%) !important;
}

html:not(.dark) .btn,
html:not(.dark) .btn-primary,
html:not(.dark) .btn-secondary,
html:not(.dark) .btn-danger,
html:not(.dark) .btn-warning,
html:not(.dark) .btn-success {
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.54),
    0 8px 20px rgba(88, 60, 33, 0.08) !important;
}

html:not(.dark) .btn {
  border: 1px solid rgba(146, 113, 71, 0.12) !important;
}

html:not(.dark) .btn-primary {
  background: linear-gradient(180deg, #aa6747 0%, #8c5036 100%) !important;
  border-color: rgba(111, 59, 35, 0.18) !important;
}

html:not(.dark) .btn-primary:hover {
  background: linear-gradient(180deg, #995c3f 0%, #7f482f 100%) !important;
}

html:not(.dark) .btn-secondary,
html:not(.dark) .btn-ghost {
  background: rgba(255,255,255,0.84) !important;
  color: #4e4034 !important;
  border-color: rgba(146, 113, 71, 0.14) !important;
}

html:not(.dark) .btn-secondary:hover,
html:not(.dark) .btn-ghost:hover {
  background: rgba(250,245,236,0.96) !important;
  color: #2f241c !important;
}

html:not(.dark) .btn-danger {
  background: linear-gradient(180deg, #b16453 0%, #975042 100%) !important;
  border-color: rgba(132, 74, 62, 0.16) !important;
}

html:not(.dark) .btn-warning {
  background: linear-gradient(180deg, #c69a63 0%, #ab7c4c 100%) !important;
  border-color: rgba(154, 118, 72, 0.16) !important;
}

html:not(.dark) .btn-success {
  background: linear-gradient(180deg, #8b755e 0%, #6e5e4d 100%) !important;
  border-color: rgba(116, 98, 77, 0.16) !important;
}

.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3 .btn,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 .btn {
  min-height: 40px !important;
}

.table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3,
.table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50,
.table-page-layout > .layout-section-fixed .w-full.sm\:w-64,
.table-page-layout > .layout-section-fixed .w-40 {
  backdrop-filter: blur(8px);
}

header.glass [aria-label="User Menu"] {
  min-height: 46px !important;
  align-items: center !important;
}

header.glass [aria-label="User Menu"] > div:nth-child(2) {
  min-width: 0 !important;
  padding-right: 2px !important;
}

header.glass [aria-label="User Menu"] > div:nth-child(2) > div:first-child {
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

header.glass [aria-label="User Menu"] > div:nth-child(2) > div:last-child {
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #978471 !important;
}

.table td .flex.flex-wrap.items-center.gap-1 > span.inline-block.rounded,
.table td .inline-flex.flex-col.gap-0\.5.text-xs.font-medium + span.inline-block.rounded {
  border: 1px solid rgba(146, 113, 71, 0.14) !important;
  background: linear-gradient(180deg, rgba(250,244,234,0.96), rgba(241,231,214,0.92)) !important;
  color: #6a5238 !important;
}

html:not(.dark) .card canvas,
html.dark .card canvas {
  filter: sepia(0.24) saturate(0.76) hue-rotate(-14deg) brightness(0.98) contrast(0.94) !important;
}

html:not(.dark) .dropdown-item.text-red-600,
html:not(.dark) .btn-secondary.text-red-600,
html:not(.dark) .text-red-600.hover\:bg-red-50,
html:not(.dark) .hover\:text-red-600:hover {
  color: #8f4b3f !important;
}

html:not(.dark) .hover\:bg-red-50:hover,
html:not(.dark) .dark\:hover\:bg-red-900\/20:hover {
  background: rgba(244, 226, 220, 0.84) !important;
}

/* Dashboard chart harmony pass: warm charts + warm controls + less blue spill */
.space-y-6 > .card,
.space-y-6 > .grid.grid-cols-1.gap-6.lg\:grid-cols-2 > .card,
.space-y-6 .grid.grid-cols-2.gap-4.lg\:grid-cols-4 > .card {
  background:
    linear-gradient(180deg, rgba(252,248,241,0.94), rgba(243,235,223,0.88)),
    linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0)) !important;
}

.space-y-6 .inline-flex.rounded-lg.border.border-gray-200,
.space-y-6 .inline-flex.rounded-lg.bg-gray-100,
.space-y-6 .inline-flex.rounded-lg.bg-gray-50,
.space-y-6 .inline-flex.rounded-lg.border.border-gray-200.bg-gray-50.p-0\.5 {
  background: linear-gradient(180deg, rgba(247,240,229,0.96), rgba(239,230,214,0.92)) !important;
  border-color: rgba(146, 113, 71, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.64) !important;
}

.space-y-6 .inline-flex.rounded-lg.border.border-gray-200 button,
.space-y-6 .inline-flex.rounded-lg.bg-gray-100 button,
.space-y-6 .inline-flex.rounded-lg.bg-gray-50 button {
  color: #6e5a45 !important;
}

.space-y-6 .inline-flex.rounded-lg.border.border-gray-200 button.bg-white,
.space-y-6 .inline-flex.rounded-lg.bg-gray-100 button.bg-white,
.space-y-6 .inline-flex.rounded-lg.bg-gray-50 button.bg-white,
.space-y-6 .inline-flex.rounded-lg.border.border-gray-200 button.dark\:bg-dark-700,
.space-y-6 .inline-flex.rounded-lg.bg-gray-100 button.dark\:bg-dark-700,
.space-y-6 .inline-flex.rounded-lg.bg-gray-50 button.dark\:bg-dark-700 {
  background: linear-gradient(180deg, rgba(255,253,249,0.98), rgba(243,233,216,0.94)) !important;
  color: #4f3a24 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.72),
    0 4px 10px rgba(92, 65, 36, 0.06) !important;
}

.space-y-6 .card table .text-blue-600,
.space-y-6 .card table .hover\:text-blue-800:hover,
.space-y-6 .card table .dark\:text-blue-400,
.space-y-6 .card table .dark\:hover\:text-blue-300:hover {
  color: #7b6042 !important;
}

.space-y-6 .card table .text-green-600,
.space-y-6 .card table .dark\:text-green-400,
.space-y-6 .card table .text-orange-500,
.space-y-6 .card table .dark\:text-orange-400,
.space-y-6 .card table .text-gray-400,
.space-y-6 .card table .dark\:text-gray-500 {
  color: #8b7358 !important;
}

.space-y-6 .card canvas {
  filter: sepia(0.56) saturate(0.54) hue-rotate(-22deg) brightness(1.01) contrast(0.92) !important;
  mix-blend-mode: multiply;
  opacity: 0.94 !important;
}

.space-y-6 .card .h-48.w-48,
.space-y-6 .card .h-64,
.space-y-6 .card .h-48 {
  position: relative;
}

.space-y-6 .card .h-48.w-48::before,
.space-y-6 .card .h-64::before,
.space-y-6 .card .h-48::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 42%, rgba(244,233,215,0.20), rgba(244,233,215,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));
}

/* Precise patch pass from user screenshots: remove remaining green + restore redeem readability */
html:not(.dark) .settings-tab {
  color: #74614d !important;
}

html:not(.dark) .settings-tab:hover:not(.settings-tab-active) {
  background: rgba(245, 237, 223, 0.72) !important;
  color: #4f3a24 !important;
}

html:not(.dark) .settings-tab-active {
  color: #5a4028 !important;
  background:
    linear-gradient(180deg, rgba(239, 225, 199, 0.94), rgba(231, 214, 186, 0.90)),
    linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0)) !important;
  border: 1px solid rgba(146, 113, 71, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.68),
    0 2px 6px rgba(79, 58, 36, 0.06) !important;
}

html:not(.dark) .settings-tab-active .settings-tab-icon {
  background: rgba(255, 248, 236, 0.9) !important;
  color: #6a4a2f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

html:not(.dark) .table td .badge.badge-success,
html:not(.dark) .table td .badge.badge-primary,
html:not(.dark) .table td .badge.badge-warning {
  background:
    linear-gradient(180deg, rgba(250,244,234,0.97), rgba(241,231,214,0.93)) !important;
  color: #6a5238 !important;
  border: 1px solid rgba(146, 113, 71, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.52) !important;
}

html:not(.dark) .table td .code.text-xs,
html:not(.dark) .table td code.font-mono.text-sm,
html:not(.dark) .table td code.font-mono.text-xs {
  background:
    linear-gradient(180deg, rgba(255,251,245,0.98), rgba(242,234,220,0.94)) !important;
  color: #5b4631 !important;
  border: 1px solid rgba(146, 113, 71, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

html:not(.dark) .table td .h-1\.5.w-full.overflow-hidden.rounded-full > .bg-emerald-500,
html:not(.dark) .table td .h-1.w-full.overflow-hidden.rounded-full > .bg-emerald-500,
html:not(.dark) .table td .h-full.rounded-full.bg-emerald-500 {
  background: linear-gradient(90deg, #8d7058 0%, #735841 100%) !important;
}

html:not(.dark) .table td .text-green-500,
html:not(.dark) .table td .text-emerald-500 {
  color: #8c6f55 !important;
}

html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600.px-6.py-8.text-center {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.16), rgba(255,255,255,0) 42%),
    linear-gradient(145deg, #a86f4f 0%, #87573d 54%, #6e4632 100%) !important;
  color: #fffaf4 !important;
}

html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600.px-6.py-8.text-center .inline-flex.h-16.w-16 {
  background: rgba(255, 250, 242, 0.18) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 8px 20px rgba(56, 31, 18, 0.16) !important;
}

html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600.px-6.py-8.text-center .text-primary-100 {
  color: rgba(255, 245, 233, 0.86) !important;
}

html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600.px-6.py-8.text-center .text-white,
html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600.px-6.py-8.text-center .text-4xl.font-bold {
  color: #fffdf9 !important;
  text-shadow: 0 1px 2px rgba(49, 28, 19, 0.22) !important;
}

html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card .input-label,
html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card .input-hint {
  color: #6d5641 !important;
}

/* Tight follow-up pass: redeem badges + api key code + auth page brand/background */
html:not(.dark) .table-page-layout .badge.badge-success,
html:not(.dark) .table-page-layout .badge.badge-primary,
html:not(.dark) .table-page-layout .badge.badge-warning,
html:not(.dark) .table-scroll-container .badge.badge-success,
html:not(.dark) .table-scroll-container .badge.badge-primary,
html:not(.dark) .table-scroll-container .badge.badge-warning {
  background:
    linear-gradient(180deg, rgba(250,244,234,0.98), rgba(241,231,214,0.94)) !important;
  color: #6a5238 !important;
  border: 1px solid rgba(146, 113, 71, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.56),
    0 2px 6px rgba(106, 74, 42, 0.04) !important;
}

html:not(.dark) .table-page-layout .code,
html:not(.dark) .table-page-layout code.code,
html:not(.dark) .table-page-layout .code.text-xs,
html:not(.dark) .table-page-layout code.text-xs,
html:not(.dark) .table-scroll-container .code,
html:not(.dark) .table-scroll-container code.code,
html:not(.dark) .table-scroll-container .code.text-xs,
html:not(.dark) .table-scroll-container code.text-xs {
  background:
    linear-gradient(180deg, rgba(255,251,245,0.98), rgba(242,234,220,0.95)) !important;
  color: #6b5238 !important;
  border: 1px solid rgba(146, 113, 71, 0.12) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #6b5238 !important;
}

html:not(.dark) .table-page-layout .code.text-xs *,
html:not(.dark) .table-page-layout code.text-xs *,
html:not(.dark) .table-scroll-container .code.text-xs *,
html:not(.dark) .table-scroll-container code.text-xs * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 > .absolute.inset-0 {
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,0.58), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 82% 18%, rgba(217,188,154,0.24), rgba(217,188,154,0) 28%),
    linear-gradient(180deg, #f4eee3 0%, #ece3d4 48%, #e3d7c6 100%) !important;
}

body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 .pointer-events-none.absolute.inset-0.overflow-hidden > .absolute.-right-40.-top-40.h-80.w-80.rounded-full,
body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 .pointer-events-none.absolute.inset-0.overflow-hidden > .absolute.-bottom-40.-left-40.h-80.w-80.rounded-full,
body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 .pointer-events-none.absolute.inset-0.overflow-hidden > .absolute.left-1\/2.top-1\/2.h-96.w-96.-translate-x-1\/2.-translate-y-1\/2.rounded-full {
  background:
    radial-gradient(circle, rgba(244,233,215,0.34) 0%, rgba(244,233,215,0.16) 42%, rgba(244,233,215,0) 74%) !important;
  filter: blur(54px) saturate(0.7) !important;
}

body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 .pointer-events-none.absolute.inset-0.overflow-hidden > .absolute.inset-0[class*="linear-gradient(rgba(20,184,166,0.03)"] {
  background-image:
    linear-gradient(rgba(146,113,71,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146,113,71,0.05) 1px, transparent 1px) !important;
}

body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .text-gradient {
  background-image: linear-gradient(180deg, #8d5a3d 0%, #6f472f 100%) !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.z-10.w-full.max-w-md > .mb-8.text-center > p.text-sm,
body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.z-10.w-full.max-w-md > .mt-8.text-center.text-xs,
body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.z-10.w-full.max-w-md .text-gray-500 {
  color: #7f6954 !important;
}

/* Follow-up pass: remove remaining green login accents + flatten warm buttons */
html:not(.dark) .toast-success,
html:not(.dark) .border-l-emerald-500,
html:not(.dark) .border-green-500 {
  border-left-color: #9f7758 !important;
  border-color: #9f7758 !important;
}

html:not(.dark) .toast-success .text-green-500,
html:not(.dark) .toast-success .border-green-500,
html:not(.dark) .toast-success .bg-green-500,
html:not(.dark) .toast-success .bg-emerald-500 {
  color: #8b6a4f !important;
  background-color: #b38b68 !important;
}

html:not(.dark) .animate-spin[class*="border-primary-500"],
html:not(.dark) .animate-spin[class*="border-primary-600"],
html:not(.dark) .animate-spin[class*="border-b-2"],
html:not(.dark) .animate-spin.text-white,
html:not(.dark) svg.animate-spin.text-white,
html:not(.dark) svg.animate-spin.text-gray-400,
html:not(.dark) .spinner {
  color: #8e6a4c !important;
  border-color: #b9987a !important;
  border-top-color: transparent !important;
  border-bottom-color: #8e6a4c !important;
}

body:has(.card-glass.rounded-2xl.p-8.shadow-glass) .relative.z-10.w-full.max-w-md > .mb-8.text-center .mb-4.inline-flex.h-16.w-16.items-center.justify-center.overflow-hidden.rounded-2xl {
  background: linear-gradient(180deg, rgba(250,244,234,0.98), rgba(241,231,214,0.94)) !important;
  border: 1px solid rgba(146, 113, 71, 0.14) !important;
  box-shadow: none !important;
}

html:not(.dark) .btn,
html:not(.dark) .btn-primary,
html:not(.dark) .btn-danger,
html:not(.dark) .btn-success,
html:not(.dark) .btn-warning {
  box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important;
}

html:not(.dark) .btn-primary {
  background: #9a6246 !important;
  border-color: #9a6246 !important;
  color: #fffaf4 !important;
}

html:not(.dark) .btn-primary:hover {
  background: #8d5a40 !important;
  border-color: #8d5a40 !important;
}

html:not(.dark) .btn-danger {
  background: #a56a58 !important;
  border-color: #a56a58 !important;
  color: #fffaf4 !important;
}

html:not(.dark) .btn-danger:hover {
  background: #975f4f !important;
  border-color: #975f4f !important;
}

html:not(.dark) .btn-success {
  background: #8a755d !important;
  border-color: #8a755d !important;
  color: #fffaf4 !important;
}

html:not(.dark) .btn-success:hover {
  background: #7d6a55 !important;
  border-color: #7d6a55 !important;
}

html:not(.dark) .btn-warning {
  background: #bb9060 !important;
  border-color: #bb9060 !important;
  color: #fffaf4 !important;
}

html:not(.dark) .btn-warning:hover {
  background: #ad8356 !important;
  border-color: #ad8356 !important;
}

@media (max-width: 767px) {
  .table-page-layout,
  .layout-section-scrollable,
  .table-scroll-container,
  .table-page-layout.mobile-mode .table-scroll-container {
    background: transparent !important;
  }

  header.glass > div {
    padding-right: 12px !important;
  }

  header.glass [aria-label="User Menu"] {
    gap: 8px !important;
    padding: 4px 8px 4px 4px !important;
    border-radius: 12px !important;
  }

  header.glass [aria-label="User Menu"] > div:first-child {
    width: 34px !important;
    height: 34px !important;
  }

  .inline-flex.flex-col.gap-0\.5.text-xs.font-medium {
    align-items: flex-end !important;
  }

  .inline-flex.flex-col.gap-0\.5.text-xs.font-medium > .inline-flex.items-center.overflow-hidden.rounded-md,
  [class*="max-w-24"] {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.52),
      0 4px 10px rgba(106, 74, 42, 0.05) !important;
  }

  [class*="max-w-24"] {
    max-width: none !important;
    white-space: nowrap !important;
  }

  .table-page-layout > .layout-section-fixed > .flex.flex-wrap-reverse.items-start.justify-between.gap-3,
  .table-page-layout > .layout-section-scrollable .mb-4.flex.items-center.justify-between.rounded-lg.bg-primary-50 {
    border-radius: 14px !important;
    padding: 10px !important;
  }

  html:not(.dark) .mx-auto.max-w-2xl.space-y-6 > .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600.px-6.py-8.text-center {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}