/* Typography — Inter font for clean, modern look */

/* @svadmin/ui — Design Tokens (clean admin shell)
 * Auto-imported by AdminApp. Can be overridden by consumer's CSS.
 *
 * Clean dashboard style: indigo primary, light glassmorphism,
 * professional admin aesthetic with subtle depth.
 */

@layer base {
  /* Global border-color reset — ensures Tailwind border utilities
   * (border-r, border-t, etc.) use the theme color instead of currentColor */
  *,
  ::after,
  ::before {
    border-color: var(--border);
  }

  :root {
    --radius: 0.75rem;
    --background: oklch(0.975 0.005 264);
    --foreground: oklch(0.13 0.02 265);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.13 0.02 265);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.13 0.02 265);
    --primary: oklch(0.488 0.243 264.376);
    --primary-foreground: oklch(0.985 0 0);
    --secondary: oklch(0.955 0.008 264);
    --secondary-foreground: oklch(0.2 0.04 265);
    --muted: oklch(0.955 0.005 264);
    --muted-foreground: oklch(0.45 0.03 260);
    --accent: oklch(0.955 0.008 264);
    --accent-foreground: oklch(0.2 0.04 265);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.985 0 0);
    --border: oklch(0.935 0.005 264);
    --input: oklch(0.935 0.005 264);
    --ring: oklch(0.488 0.243 264.376);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    --success: oklch(0.6 0.2 145);
    --success-foreground: oklch(0.985 0 0);
    --warning: oklch(0.75 0.18 85);
    --warning-foreground: oklch(0.3 0.08 60);
    --info: oklch(0.6 0.15 250);
    --info-foreground: oklch(0.985 0 0);
    --sidebar: oklch(0.985 0.002 264);
    --sidebar-foreground: oklch(0.23 0.02 265);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.955 0.012 264);
    --sidebar-accent-foreground: oklch(0.33 0.17 264);
    --sidebar-border: oklch(0.935 0.005 264);
    --sidebar-ring: oklch(0.488 0.243 264.376);
  }

  .dark {
    --background: oklch(0.13 0.015 265);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.16 0.015 265);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.16 0.015 265);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.585 0.233 264);
    --primary-foreground: oklch(0.15 0.04 265);
    --secondary: oklch(0.23 0.025 265);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.23 0.025 265);
    --muted-foreground: oklch(0.7 0.02 260);
    --accent: oklch(0.23 0.025 265);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.985 0 0);
    --border: oklch(0.27 0.02 265);
    --input: oklch(0.27 0.02 265);
    --ring: oklch(0.55 0.18 264);
    --chart-1: oklch(0.585 0.233 264);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --success: oklch(0.65 0.2 150);
    --success-foreground: oklch(0.985 0 0);
    --warning: oklch(0.8 0.15 85);
    --warning-foreground: oklch(0.25 0.05 60);
    --info: oklch(0.65 0.15 250);
    --info-foreground: oklch(0.985 0 0);
    --sidebar: oklch(0.17 0.015 265);
    --sidebar-foreground: oklch(0.92 0.005 264);
    --sidebar-primary: oklch(0.585 0.233 264);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.488 0.243 264.376 / 12%);
    --sidebar-accent-foreground: oklch(0.7 0.15 264);
    --sidebar-border: oklch(0.27 0.02 265);
    --sidebar-ring: oklch(0.55 0.18 264);
  }

  /* ── Color Theme Overrides ──────────────────────────────
   * Each [data-theme] selector overrides the primary-related
   * CSS variables for both light and dark mode.
   * Values match builtinPresets in @svadmin/core/theme.
   * This CSS-level fallback prevents FOUC before JS inits.
   */

  /* Neutral */
  [data-theme="neutral"] {
    --primary: oklch(0.205 0.006 286);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.205 0.006 286);
    --sidebar-primary: oklch(0.205 0.006 286);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.205 0.006 286);
    --chart-1: oklch(0.488 0.243 264.376);
  }
  .dark[data-theme="neutral"],
  .dark [data-theme="neutral"] {
    --primary: oklch(0.922 0.004 286);
    --primary-foreground: oklch(0.205 0.006 286);
    --ring: oklch(0.556 0.004 286);
    --sidebar-primary: oklch(0.922 0.004 286);
    --sidebar-primary-foreground: oklch(0.205 0.006 286);
    --sidebar-ring: oklch(0.556 0.004 286);
    --chart-1: oklch(0.585 0.233 264);
  }

  /* Indigo (default) */
  [data-theme="indigo"] {
    --primary: oklch(0.488 0.243 264.376);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.488 0.243 264.376);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.488 0.243 264.376);
    --chart-1: oklch(0.488 0.243 264.376);
  }
  .dark[data-theme="indigo"],
  .dark [data-theme="indigo"] {
    --primary: oklch(0.585 0.233 264);
    --primary-foreground: oklch(0.15 0.04 265);
    --ring: oklch(0.55 0.18 264);
    --sidebar-primary: oklch(0.585 0.233 264);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.55 0.18 264);
    --chart-1: oklch(0.585 0.233 264);
  }

  /* Blue */
  [data-theme="blue"] {
    --primary: oklch(0.546 0.245 262.881);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.546 0.245 262.881);
    --sidebar-primary: oklch(0.546 0.245 262.881);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.546 0.245 262.881);
    --chart-1: oklch(0.546 0.245 262.881);
  }
  .dark[data-theme="blue"],
  .dark [data-theme="blue"] {
    --primary: oklch(0.623 0.214 259.815);
    --primary-foreground: oklch(0.15 0.04 265);
    --ring: oklch(0.546 0.245 262.881);
    --sidebar-primary: oklch(0.623 0.214 259.815);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.546 0.245 262.881);
    --chart-1: oklch(0.623 0.214 259.815);
  }

  /* Green */
  [data-theme="green"] {
    --primary: oklch(0.527 0.185 150.069);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.527 0.185 150.069);
    --sidebar-primary: oklch(0.527 0.185 150.069);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.527 0.185 150.069);
    --chart-1: oklch(0.527 0.185 150.069);
  }
  .dark[data-theme="green"],
  .dark [data-theme="green"] {
    --primary: oklch(0.627 0.194 149.214);
    --primary-foreground: oklch(0.15 0.05 150);
    --ring: oklch(0.527 0.185 150.069);
    --sidebar-primary: oklch(0.627 0.194 149.214);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.527 0.185 150.069);
    --chart-1: oklch(0.627 0.194 149.214);
  }

  /* Rose */
  [data-theme="rose"] {
    --primary: oklch(0.577 0.245 27.325);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.577 0.245 27.325);
    --sidebar-primary: oklch(0.577 0.245 27.325);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.577 0.245 27.325);
    --chart-1: oklch(0.577 0.245 27.325);
  }
  .dark[data-theme="rose"],
  .dark [data-theme="rose"] {
    --primary: oklch(0.577 0.245 27.325);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.577 0.245 27.325);
    --sidebar-primary: oklch(0.577 0.245 27.325);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.577 0.245 27.325);
    --chart-1: oklch(0.577 0.245 27.325);
  }

  /* Orange */
  [data-theme="orange"] {
    --primary: oklch(0.646 0.222 41.116);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.646 0.222 41.116);
    --sidebar-primary: oklch(0.646 0.222 41.116);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.646 0.222 41.116);
    --chart-1: oklch(0.646 0.222 41.116);
  }
  .dark[data-theme="orange"],
  .dark [data-theme="orange"] {
    --primary: oklch(0.646 0.222 41.116);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.646 0.222 41.116);
    --sidebar-primary: oklch(0.646 0.222 41.116);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.646 0.222 41.116);
    --chart-1: oklch(0.646 0.222 41.116);
  }

  /* Violet */
  [data-theme="violet"] {
    --primary: oklch(0.541 0.281 293.009);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.541 0.281 293.009);
    --sidebar-primary: oklch(0.541 0.281 293.009);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.541 0.281 293.009);
    --chart-1: oklch(0.541 0.281 293.009);
  }
  .dark[data-theme="violet"],
  .dark [data-theme="violet"] {
    --primary: oklch(0.541 0.281 293.009);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.541 0.281 293.009);
    --sidebar-primary: oklch(0.541 0.281 293.009);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-ring: oklch(0.541 0.281 293.009);
    --chart-1: oklch(0.541 0.281 293.009);
  }

  /* Soft shadows — premium, multi-layered depth */
  [data-slot="button"],
  [data-slot="input"],
  [data-slot="select-trigger"],
  [data-slot="select"],
  [data-slot="textarea"] {
    /* Subtle interaction shadow */
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.04), 0 0 0 1px rgb(0 0 0 / 0.02);
  }

  /* Form inputs use card background instead of transparent */
  [data-slot="input"],
  [data-slot="textarea"],
  [data-slot="select"] {
    background-color: var(--card);
  }
  
  [data-slot="card"] {
    /* Classic soft shadow: faint ambient + directional drop */
    box-shadow: 0 2px 5px -1px rgb(0 0 0 / 0.04), 0 1px 1px -1px rgb(0 0 0 / 0.04), 0 0 0 1px rgb(0 0 0 / 0.02);
  }

  [data-slot="dialog-content"],
  [data-slot="sheet-content"] {
    /* Deep floating layer for modals */
    box-shadow: 0 10px 30px -5px rgb(0 0 0 / 0.08), 0 20px 40px -10px rgb(0 0 0 / 0.04);
  }
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Premium Typography Refinements */
h1, h2, h3 {
  letter-spacing: -0.025em;
  font-weight: 600;
}
h4, h5, h6 {
  letter-spacing: -0.01em;
}

/* Micro-interactions: Linear/Apple ecosystem click scales */
[data-slot="button"],
button {
  transition: transform 0.1s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.15s ease, box-shadow 0.15s ease;
}
[data-slot="button"]:active:not(:disabled),
button:active:not(:disabled) {
  transform: scale(0.98);
}

/* Subtle glowing focus ring for inputs */
[data-slot="button"]:focus-visible,
[data-slot="input"]:focus-visible,
[data-slot="textarea"]:focus-visible,
[data-slot="select-trigger"]:focus-visible {
  box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px color-mix(in oklch, var(--color-primary) 20%, transparent) !important;
  border-color: var(--color-primary);
}

/* Base scrollbar styling (Firefox + Standard) */
* {
  scrollbar-width: thin;
  scrollbar-color: oklch(0.8 0 0) transparent;
}
.dark * {
  scrollbar-color: oklch(0.35 0 0) transparent;
}

/* Scrollbar styling (Webkit) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: oklch(0.8 0 0); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: oklch(0.65 0 0); }
.dark ::-webkit-scrollbar-thumb { background: oklch(0.35 0 0); }
.dark ::-webkit-scrollbar-thumb:hover { background: oklch(0.45 0 0); }

/* Card Hover Elevation Lift — subtle float on hover */
[data-slot="card"] {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
@media (hover: hover) {
  [data-slot="card"]:hover {
    box-shadow: 0 6px 16px -4px rgb(0 0 0 / 0.06), 0 4px 8px -2px rgb(0 0 0 / 0.04), 0 0 0 1px rgb(0 0 0 / 0.02);
    transform: translateY(-1px);
  }
}

/* ② Table Row Hover — primary color tint instead of plain gray */
[data-slot="table-row"]:hover {
  background-color: color-mix(in oklch, var(--primary) 4%, var(--background)) !important;
}
[data-slot="table-row"] {
  transition: background-color 0.15s ease;
}


/* ④ Skeleton Shimmer — metallic light sweep instead of static pulse */
@keyframes svadmin-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
[data-slot="skeleton"] {
  animation: svadmin-shimmer 1.5s ease-in-out infinite !important;
  background: linear-gradient(90deg, var(--muted) 25%, color-mix(in oklch, var(--muted) 60%, white) 50%, var(--muted) 75%) !important;
  background-size: 200% 100% !important;
}
.dark [data-slot="skeleton"] {
  background: linear-gradient(90deg, var(--muted) 25%, color-mix(in oklch, var(--muted) 60%, var(--foreground)) 50%, var(--muted) 75%) !important;
}

/* ⑤ Route Page Transition — fade + subtle slide-up */
@keyframes svadmin-page-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.svadmin-page-enter {
  animation: svadmin-page-enter 0.25s ease-out;
}

/* ⑥ Toast slide-in refinement (sonner-svelte) — tighter timing */
[data-sonner-toaster] [data-sonner-toast] {
  transition-duration: 200ms !important;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ⑦ Gradient Top Border on Cards — Vercel dashboard style */
[data-slot="card"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--primary) 20%, transparent), transparent);
  border-radius: inherit;
  pointer-events: none;
}
[data-slot="card"] {
  position: relative;
  overflow: hidden;
}

/* ⑧ Dark Mode Primary Glow — Linear-style neon accents */
.dark [data-slot="button"][data-variant="default"],
.dark [data-slot="badge"][data-variant="default"] {
  box-shadow: 0 0 12px -3px color-mix(in oklch, var(--primary) 40%, transparent);
}

/* ⑨ Form Validation Shake Animation */
@keyframes svadmin-shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(2px); }
}
.svadmin-shake {
  animation: svadmin-shake 0.4s ease-out;
}

/* ⑩ Table Row Staggered Entrance */
@keyframes svadmin-row-enter {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-slot="table-body"] [data-slot="table-row"] {
  animation: svadmin-row-enter 0.3s ease-out both;
}
[data-slot="table-body"] [data-slot="table-row"]:nth-child(1) { animation-delay: 0s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(2) { animation-delay: 0.03s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(3) { animation-delay: 0.06s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(4) { animation-delay: 0.09s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(5) { animation-delay: 0.12s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(6) { animation-delay: 0.15s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(7) { animation-delay: 0.18s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(8) { animation-delay: 0.21s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(9) { animation-delay: 0.24s; }
[data-slot="table-body"] [data-slot="table-row"]:nth-child(10) { animation-delay: 0.27s; }

/* ⑪ Accessibility: Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ⑫b Safe Area Inset — iPhone notch / Home Bar support */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  main {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* ⑫ Optimistic Delete — row fade-out visual feedback */
@keyframes svadmin-row-delete {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(20px);
    height: 0;
    padding: 0;
    margin: 0;
  }
}
.svadmin-deleting {
  animation: svadmin-row-delete 0.3s ease-out forwards;
  pointer-events: none;
}

/* ⑬ Popover & Dropdown — frosted glass backdrop + spring entrance */
[data-slot="popover-content"],
[data-slot="dropdown-menu-content"],
[data-slot="context-menu-content"] {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ⑭ Tooltip spring entrance */
[data-slot="tooltip-content"] {
  animation: svadmin-tooltip-enter 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes svadmin-tooltip-enter {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ⑮ Smooth scrolling for content areas */
main {
  scroll-behavior: smooth;
}

/* ⑯ RTL (Right-to-Left) Language Support */
[dir="rtl"] {
  direction: rtl;
}
[dir="rtl"] aside {
  left: auto;
  right: 0;
}
/* Mirror sidebar margins for RTL */
[dir="rtl"] .sidebar-content-expanded {
  margin-left: 0;
  margin-right: 252px;
}
[dir="rtl"] .sidebar-content-collapsed {
  margin-left: 0;
  margin-right: 70px;
}

/* ── Sidebar Menu Item Styles ── */
.sidebar-menu-item {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.sidebar-menu-item-active {
  position: relative;
}

.sidebar-scroll [data-radix-scroll-area-viewport] > div {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* ⑰ Accessibility Minimum Touch Target — Apple HIG 44px minimum */
@media (max-width: 640px) and (pointer: coarse) {
  [data-slot="button"] {
    position: relative;
  }
  [data-slot="button"]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 44px;
    min-height: 44px;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}

/* Tailwind CSS v4 — Map design tokens to utility classes */
@theme {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --color-success: var(--success);
  --color-success-foreground: var(--success-foreground);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
  --color-info: var(--info);
  --color-info-foreground: var(--info-foreground);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
}

/* ─── svadmin UI Components CSS ─────────────────────────────── */
/* These rules were moved from .svelte files to eliminate <style> tags */

/* MarkdownRenderer Styles */
.prose {
  line-height: 1.6;
}
.prose p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Streaming cursor effect */
.streaming > *:last-child::after {
  content: '▋';
  display: inline-block;
  animation: svadmin-blink 1s step-start infinite;
  margin-left: 2px;
  vertical-align: baseline;
  color: currentColor;
}

@keyframes svadmin-blink {
  50% { opacity: 0; }
}

/* Handle copied state for dynamically injected buttons */
.copy-btn[data-copied-id] {
  color: #10b981; /* Tailwind emerald-500 */
}
.copy-btn[data-copied-id] svg {
  /* Swap to Check icon */
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
}

/* ChatDialog Styles */
.chat-markdown pre.chat-code-block {
  background: var(--color-muted, hsl(var(--muted)));
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 0.5rem 0;
  overflow-x: auto;
  font-size: 0.75rem;
  line-height: 1.5;
}
.chat-markdown code.chat-inline-code {
  background: var(--color-muted, hsl(var(--muted)));
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.8125em;
  font-family: ui-monospace, monospace;
}
.chat-markdown strong {
  font-weight: 600;
}

/* ─── High-Contrast Flat Layout Preset (clean-flat) ─── */
.layout-clean-flat {
  --radius: 0.75rem;
}

/* Base card flat background overrides */
.layout-clean-flat .bg-card,
.layout-clean-flat [data-slot="card"] {
  background: #ffffff !important;
  border: 1px solid #f1f3f7 !important;
  box-shadow: none !important;
  border-radius: 0.5rem !important;
}
.dark.layout-clean-flat .bg-card,
.dark .layout-clean-flat .bg-card,
.dark.layout-clean-flat [data-slot="card"],
.dark .layout-clean-flat [data-slot="card"] {
  background: #1e1e2d !important;
  border: 1px solid #2b2b40 !important;
  box-shadow: none !important;
}

/* Crisp table header styles */
.layout-clean-flat th {
  background-color: #f9f9f9 !important;
  border-bottom: 1px solid #f1f3f7 !important;
  color: #181c32 !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.dark.layout-clean-flat th,
.dark .layout-clean-flat th {
  background-color: #1a1a27 !important;
  border-bottom: 1px solid #2b2b40 !important;
  color: #a1a5b7 !important;
}

/* Crisp table cell styles */
.layout-clean-flat td {
  border-bottom: 1px solid #f1f3f7 !important;
  color: #5e6278 !important;
  font-size: 0.8125rem !important;
}
.dark.layout-clean-flat td,
.dark .layout-clean-flat td {
  border-bottom: 1px solid rgba(43, 43, 64, 0.6) !important;
  color: #a1a5b7 !important;
}

/* Table row hover state */
.layout-clean-flat tr:hover td {
  background-color: #f9f9f9 !important;
}
.dark.layout-clean-flat tr:hover td,
.dark .layout-clean-flat tr:hover td {
  background-color: rgba(43, 43, 64, 0.3) !important;
}

/* Sidebar layout adjustments for clean-flat theme */
.layout-clean-flat aside {
  background: #fafbfc !important;
  color: #181c32 !important;
  border-right-color: #f1f3f7 !important;
  box-shadow: none !important;
}
.dark.layout-clean-flat aside,
.dark .layout-clean-flat aside {
  background: #1e1e2d !important;
  color: #a1a5b7 !important;
  border-right-color: #2b2b40 !important;
}

.layout-clean-flat .sidebar-menu-item {
  color: #5e6278 !important;
  border-radius: 0.5rem !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
  box-shadow: none !important;
}

.layout-clean-flat .sidebar-menu-item:hover {
  background: transparent !important;
  color: #181c32 !important;
}
.dark.layout-clean-flat .sidebar-menu-item:hover,
.dark .layout-clean-flat .sidebar-menu-item:hover {
  background: transparent !important;
  color: #f1f6ff !important;
}

.layout-clean-flat .sidebar-menu-item-active {
  background: transparent !important;
  color: #3e97ff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.dark.layout-clean-flat .sidebar-menu-item-active,
.dark .layout-clean-flat .sidebar-menu-item-active {
  background: transparent !important;
  color: #3e97ff !important;
}

.layout-clean-flat .sidebar-menu-item-active svg {
  color: #3e97ff !important;
  opacity: 1 !important;
}

/* Button & input styles override under clean-flat layout */
.layout-clean-flat [data-slot="button"][data-variant="default"] {
  background: #3e97ff !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.15s ease !important;
}
.layout-clean-flat [data-slot="button"][data-variant="default"]:hover {
  background: #1880ff !important;
}

.layout-clean-flat [data-slot="button"][data-variant="outline"] {
  background: #ffffff !important;
  color: #5e6278 !important;
  border: 1px solid #e1e3ea !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.15s ease !important;
}
.layout-clean-flat [data-slot="button"][data-variant="outline"]:hover {
  background: #f5f8fa !important;
  border-color: #cbd5e1 !important;
  color: #181c32 !important;
}
.dark.layout-clean-flat [data-slot="button"][data-variant="outline"],
.dark .layout-clean-flat [data-slot="button"][data-variant="outline"] {
  background: #1e1e2d !important;
  color: #a1a5b7 !important;
  border-color: #2b2b40 !important;
}
.dark.layout-clean-flat [data-slot="button"][data-variant="outline"]:hover,
.dark .layout-clean-flat [data-slot="button"][data-variant="outline"]:hover {
  background: #2b2b40 !important;
  color: #ffffff !important;
}

.layout-clean-flat [data-slot="input"] {
  border: 1px solid #e1e3ea !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.15s ease !important;
}
.layout-clean-flat [data-slot="input"]:focus {
  border-color: #3e97ff !important;
  box-shadow: 0 0 0 4px rgba(62,151,255,0.1) !important;
}
.dark.layout-clean-flat [data-slot="input"],
.dark .layout-clean-flat [data-slot="input"] {
  border-color: #2b2b40 !important;
  background: #151521 !important;
  color: #f1f6ff !important;
}
.dark.layout-clean-flat [data-slot="input"]:focus,
.dark .layout-clean-flat [data-slot="input"]:focus {
  border-color: #3e97ff !important;
}

/* svadmin flat list and edit surfaces */
[data-svadmin-list-header],
[data-svadmin-table-toolbar],
[data-svadmin-table-card],
[data-svadmin-form-header],
[data-svadmin-form-card],
[data-svadmin-form-actions] {
  box-shadow: none !important;
}

.layout-clean-flat [data-svadmin-list-header],
.layout-clean-flat [data-svadmin-table-toolbar],
.layout-clean-flat [data-svadmin-table-card],
.layout-clean-flat [data-svadmin-form-header],
.layout-clean-flat [data-svadmin-form-card],
.layout-clean-flat [data-svadmin-form-actions] {
  border-color: #f1f3f7 !important;
  background: #ffffff !important;
  border-radius: 0.5rem !important;
}

.layout-clean-flat [data-svadmin-list-actions] [data-slot="button"],
.layout-clean-flat [data-svadmin-table-toolbar] [data-slot="button"],
.layout-clean-flat [data-svadmin-form-actions] [data-slot="button"] {
  height: 2.625rem !important;
  border-radius: 0.5rem !important;
}

.layout-clean-flat [data-svadmin-table-toolbar] {
  padding: 0.875rem !important;
}

.layout-clean-flat [data-svadmin-table-toolbar] [data-slot="input"] {
  height: 2.75rem !important;
  border-radius: 0.5rem !important;
  background: #f9f9f9 !important;
}

[data-svadmin-datatable] {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

[data-svadmin-table-head] [data-slot="table-head"] {
  height: 3.25rem !important;
  border-bottom: 1px solid rgba(225, 227, 234, 0.78) !important;
  background: #f9f9f9 !important;
  color: #a1a5b7 !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

[data-svadmin-table-row] {
  border-bottom-color: rgba(241, 243, 247, 0.95) !important;
}

[data-svadmin-table-row] [data-slot="table-cell"] {
  height: 3.625rem !important;
  color: #5e6278 !important;
  font-size: 0.8125rem !important;
}

[data-svadmin-table-row]:hover [data-slot="table-cell"] {
  background: #fbfcfd !important;
}

[data-svadmin-pagination] {
  border-radius: 0.5rem;
  padding: 0.35rem 0.15rem;
}

[data-svadmin-form-content] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[data-svadmin-form-row] {
  border-bottom: 1px solid rgba(241, 243, 247, 0.95);
  padding: 1.35rem 0;
}

[data-svadmin-form-row]:last-child {
  border-bottom: 0;
}

[data-svadmin-field-label] {
  color: #3f4254 !important;
  font-weight: 600 !important;
}

[data-svadmin-form-settings] [data-slot="input"],
[data-svadmin-form-settings] textarea,
[data-svadmin-form-settings] [data-slot="select-trigger"] {
  min-height: 2.75rem !important;
  border-radius: 0.5rem !important;
  background: #f9f9f9 !important;
}

[data-svadmin-form-actions] {
  width: fit-content;
  max-width: 100%;
}

@media (min-width: 768px) {
  [data-svadmin-form-settings] [data-svadmin-field] {
    display: grid !important;
    grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr) !important;
    align-items: start !important;
    column-gap: 2rem !important;
    row-gap: 0.35rem !important;
  }

  [data-svadmin-form-settings] [data-svadmin-field] > [data-svadmin-field-label] {
    padding-top: 0.8rem !important;
  }

  [data-svadmin-form-settings] [data-svadmin-field] > :not([data-svadmin-field-label]) {
    grid-column: 2 !important;
  }
}

.dark [data-svadmin-table-head] [data-slot="table-head"] {
  background: #1a1a27 !important;
  border-bottom-color: #2b2b40 !important;
  color: #a1a5b7 !important;
}

.dark [data-svadmin-table-row] {
  border-bottom-color: rgba(43, 43, 64, 0.82) !important;
}

.dark [data-svadmin-table-row] [data-slot="table-cell"] {
  color: #a1a5b7 !important;
}

.dark [data-svadmin-table-row]:hover [data-slot="table-cell"] {
  background: rgba(43, 43, 64, 0.32) !important;
}

.dark [data-svadmin-form-row] {
  border-bottom-color: rgba(43, 43, 64, 0.82);
}

/* ─── Flat workspace redesign pass: non-sidebar pages ─── */
.layout-clean-flat main {
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--background) 86%, white) 0%, var(--background) 34rem),
    var(--background) !important;
}

.layout-clean-flat main > div {
  min-width: 0 !important;
}

.layout-clean-flat [data-svadmin-page-header],
.layout-clean-flat [data-svadmin-list-header],
.layout-clean-flat [data-svadmin-form-header] {
  background: transparent !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.layout-clean-flat [data-svadmin-page-header] h1,
.layout-clean-flat [data-svadmin-list-header] h1,
.layout-clean-flat [data-svadmin-form-header] h1,
.layout-clean-flat [data-svadmin-resource-operations] h1 {
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.layout-clean-flat [data-slot="card"] {
  border-color: color-mix(in oklch, var(--border) 82%, transparent) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  min-width: 0 !important;
}

.layout-clean-flat main section,
.layout-clean-flat main [class*="grid"],
.layout-clean-flat main [class*="flex"],
.layout-clean-flat main [data-slot="card-content"] {
  min-width: 0;
}

.layout-clean-flat main h1,
.layout-clean-flat main h2,
.layout-clean-flat main h3,
.layout-clean-flat main p,
.layout-clean-flat main [data-slot="badge"] {
  max-width: 100%;
}

.layout-clean-flat main h1,
.layout-clean-flat main h2,
.layout-clean-flat main h3,
.layout-clean-flat main [data-slot="card-title"] {
  overflow-wrap: anywhere;
}

.layout-clean-flat main p,
.layout-clean-flat main [data-slot="card-description"] {
  overflow-wrap: break-word;
}

.layout-clean-flat main > div[class*="space-y"] > section:first-child {
  border-radius: 0 !important;
  background: transparent !important;
}

.layout-clean-flat main > div[class*="space-y"] > section:first-child [data-slot="card"],
.layout-clean-flat main > div[class*="space-y"] > section:first-child + [class*="grid"] [data-slot="card"],
.layout-clean-flat main [data-svadmin-ops-hero] [data-slot="card"] {
  background: transparent !important;
  border-color: color-mix(in oklch, var(--border) 72%, transparent) !important;
  box-shadow: none !important;
}

.layout-clean-flat main > div[class*="space-y"] > section:first-child [data-slot="card"]:has([data-slot="card"]),
.layout-clean-flat main [data-slot="card"]:has(> [data-slot="card-content"] [data-svadmin-table-card]) {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.layout-clean-flat main [data-slot="card"] [data-slot="card"] {
  background: color-mix(in oklch, var(--card) 88%, var(--background)) !important;
  border-color: color-mix(in oklch, var(--border) 70%, transparent) !important;
}

.layout-clean-flat main [data-slot="card-content"] > .flex,
.layout-clean-flat main [data-slot="card-content"] > .grid {
  min-width: 0;
}

.layout-clean-flat main [data-slot="card-content"] span[class*="h-10"][class*="w-10"],
.layout-clean-flat main [data-slot="card-content"] span[class*="h-11"][class*="w-11"],
.layout-clean-flat main [data-slot="card-content"] span[class*="h-12"][class*="w-12"] {
  flex-shrink: 0;
}

.layout-clean-flat main [data-slot="card-content"] [class*="text-2xl"],
.layout-clean-flat main [data-slot="card-content"] [class*="text-3xl"] {
  line-height: 1.12;
}

.layout-clean-flat main [data-slot="badge"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layout-clean-flat main [data-slot="tabs-list"] {
  min-width: 0;
  border-radius: 0.5rem !important;
}

.layout-clean-flat main [data-slot="tabs-trigger"] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layout-clean-flat [data-svadmin-ops-hero] {
  align-items: stretch;
}

.layout-clean-flat [data-svadmin-metric-card],
.layout-clean-flat [data-svadmin-panel-card] {
  background: color-mix(in oklch, var(--card) 92%, var(--background)) !important;
}

.layout-clean-flat [data-svadmin-metric-card] [data-slot="card-content"] {
  min-height: 8.25rem;
}

.layout-clean-flat [data-svadmin-panel-card] [data-slot="card-content"] > * + * {
  border-top: 1px solid color-mix(in oklch, var(--border) 78%, transparent);
}

.layout-clean-flat [data-svadmin-table-card],
.layout-clean-flat [data-svadmin-show-card],
.layout-clean-flat [data-svadmin-form-card] {
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.layout-clean-flat [data-svadmin-table-toolbar] {
  background: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.layout-clean-flat [data-svadmin-table-scroll] {
  min-width: 0 !important;
  max-width: 100% !important;
  scrollbar-gutter: stable both-edges;
}

.layout-clean-flat [data-svadmin-datatable] {
  min-width: 0 !important;
  table-layout: fixed !important;
}

@media (min-width: 1024px) {
  .layout-clean-flat [data-svadmin-datatable] {
    min-width: 760px !important;
  }
}

.layout-clean-flat [data-svadmin-table-head] [data-slot="table-head"],
.layout-clean-flat [data-svadmin-table-row] [data-slot="table-cell"] {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.layout-clean-flat [data-svadmin-list-actions] [data-slot="button"],
.layout-clean-flat [data-svadmin-table-toolbar] [data-slot="button"] {
  flex-shrink: 0 !important;
}

.layout-clean-flat [data-svadmin-pagination] {
  border-top: 1px solid color-mix(in oklch, var(--border) 82%, transparent);
  border-radius: 0 !important;
  padding-top: 0.75rem !important;
}

.layout-clean-flat [data-svadmin-pagination] [data-slot="pagination-content"] {
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.layout-clean-flat [data-svadmin-form-actions] {
  border-radius: 0.5rem !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

@media (max-width: 767px) {
  .layout-clean-flat main {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .layout-clean-flat main h1 {
    font-size: clamp(1.75rem, 1.55rem + 1vw, 2.125rem) !important;
  }

  .layout-clean-flat main [data-slot="card"] {
    border-left: 1px solid color-mix(in oklch, var(--border) 72%, transparent) !important;
    border-right: 1px solid color-mix(in oklch, var(--border) 72%, transparent) !important;
    border-radius: 0.5rem !important;
  }

  .layout-clean-flat main [data-slot="card-header"],
  .layout-clean-flat main [data-slot="card-content"],
  .layout-clean-flat main [data-slot="card-footer"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .layout-clean-flat main > div[class*="space-y"] > section:first-child {
    padding-bottom: 1rem !important;
  }

  .layout-clean-flat [data-svadmin-list-actions] [data-slot="button"],
  .layout-clean-flat [data-svadmin-table-toolbar] [data-slot="button"],
  .layout-clean-flat [data-svadmin-form-actions] [data-slot="button"] {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .layout-clean-flat [data-svadmin-table-toolbar] [data-slot="button"] {
    width: fit-content !important;
  }

  .layout-clean-flat [data-svadmin-form-actions] {
    width: 100% !important;
  }

  .layout-clean-flat [data-svadmin-table-card],
  .layout-clean-flat [data-svadmin-show-card],
  .layout-clean-flat [data-svadmin-form-card] {
    border-left: 1px solid color-mix(in oklch, var(--border) 72%, transparent) !important;
    border-right: 1px solid color-mix(in oklch, var(--border) 72%, transparent) !important;
    border-radius: 0.5rem !important;
  }

  .layout-clean-flat [data-svadmin-table-card] [data-slot="card-header"],
  .layout-clean-flat [data-svadmin-table-card] [data-slot="card-content"],
  .layout-clean-flat [data-svadmin-show-card] [data-slot="card-header"],
  .layout-clean-flat [data-svadmin-show-card] [data-slot="card-content"],
  .layout-clean-flat [data-svadmin-form-card] [data-slot="card-header"],
  .layout-clean-flat [data-svadmin-form-card] [data-slot="card-content"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .layout-clean-flat main [class*="md:grid-cols"],
  .layout-clean-flat main [class*="lg:grid-cols"],
  .layout-clean-flat main [class*="xl:grid-cols"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .layout-clean-flat main [class*="lg:flex-row"],
  .layout-clean-flat main [class*="xl:flex-row"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* svadmin content pages: profile/account/network/auth/error surfaces */
.layout-clean-flat [data-svadmin-content-page] {
  --svadmin-content-border: color-mix(in oklch, var(--border) 78%, transparent);
  --svadmin-content-muted: color-mix(in oklch, var(--muted) 58%, var(--background));
  max-width: 1180px;
  margin-inline: auto;
}

.layout-clean-flat [data-svadmin-content-page] > div:first-child:not([data-slot="card-content"]),
.layout-clean-flat [data-svadmin-content-page] > .flex:first-child,
.layout-clean-flat [data-svadmin-content-page] > .relative:first-child {
  min-width: 0;
}

.layout-clean-flat [data-svadmin-content-page] > div:first-child:has(h2),
.layout-clean-flat [data-svadmin-content-page] > .flex:first-child:has(h2) {
  border-bottom: 1px solid var(--svadmin-content-border);
  padding-bottom: 1rem;
}

.layout-clean-flat [data-svadmin-content-page] h1,
.layout-clean-flat [data-svadmin-content-page] h2 {
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.layout-clean-flat [data-svadmin-content-page] [data-slot="card"] {
  border-color: var(--svadmin-content-border) !important;
  border-radius: 0.625rem !important;
  box-shadow: none !important;
  background: var(--card) !important;
}

.layout-clean-flat [data-svadmin-content-page] [data-slot="card"]:hover {
  border-color: color-mix(in oklch, var(--border) 60%, var(--primary)) !important;
}

.layout-clean-flat [data-svadmin-content-page] [class*="bg-gradient-to-r"] {
  background: linear-gradient(90deg, var(--svadmin-content-muted), color-mix(in oklch, var(--primary) 8%, var(--background))) !important;
}

.layout-clean-flat [data-svadmin-content-page] [class*="shadow"],
.layout-clean-flat [data-svadmin-content-page] [class*="ring-1"] {
  box-shadow: none !important;
}

.layout-clean-flat [data-svadmin-content-page] [data-slot="tabs-list"] {
  background: transparent !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--svadmin-content-border);
  padding: 0 !important;
}

.layout-clean-flat [data-svadmin-content-page] [data-slot="tabs-trigger"] {
  border-radius: 0 !important;
  min-height: 2.5rem;
}

.layout-clean-flat [data-svadmin-content-page] table {
  min-width: 0;
}

.layout-clean-flat [data-svadmin-content-page] th,
.layout-clean-flat [data-svadmin-content-page] td {
  overflow-wrap: break-word;
}

.layout-clean-flat [data-svadmin-content-page="error"] [data-slot="card"],
.layout-clean-flat [data-svadmin-content-page="auth-2fa"] [data-slot="card"] {
  max-width: 32rem;
  width: 100%;
}

@media (max-width: 767px) {
  .layout-clean-flat [data-svadmin-content-page] {
    max-width: 100%;
  }

  .layout-clean-flat [data-svadmin-content-page] > .flex:first-child:has(h2) {
    flex-direction: column;
    align-items: stretch;
  }

  .layout-clean-flat [data-svadmin-content-page] [data-slot="card"] {
    border-left: 1px solid var(--svadmin-content-border) !important;
    border-right: 1px solid var(--svadmin-content-border) !important;
    border-radius: 0.5rem !important;
  }

  .layout-clean-flat [data-svadmin-content-page] [data-slot="card-content"],
  .layout-clean-flat [data-svadmin-content-page] [data-slot="card-header"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .layout-clean-flat [data-svadmin-content-page] [class*="grid-cols-3"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .layout-clean-flat [data-svadmin-content-page="auth-2fa"] [data-slot="card-content"],
  .layout-clean-flat [data-svadmin-content-page="error"] [data-slot="card-content"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}