/* ZELT Firma · estructura de Twenty CRM (13px, grises, bordes finos) con la marca ZELT: Outfit, tinta #12160F, neón #DFFF00, coral #FF5A57. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');
html, html.dark, html.light, :root, .dark, .dark * {
  --background: 0 0% 100% !important;
  --foreground: 90 19% 7% !important;
  --muted: 0 0% 98.8% !important;
  --muted-foreground: 240 1% 44% !important;
  --popover: 0 0% 100% !important;
  --popover-foreground: 90 19% 7% !important;
  --card: 0 0% 100% !important;
  --card-border: 0 0% 92.2% !important;
  --card-border-tint: 235 235 235 !important;
  --card-foreground: 90 19% 7% !important;
  --field-card: 95 74% 90% !important;
  --field-card-border: 95.08 71.08% 67.45% !important;
  --field-card-foreground: 222.2 47.4% 11.2% !important;
  --widget: 0 0% 98.8% !important;
  --widget-foreground: 90 19% 7% !important;
  --border: 0 0% 92.2% !important;
  --input: 0 0% 92.2% !important;
  --primary: 68 100% 50% !important;
  --primary-foreground: 90 19% 7% !important;
  --secondary: 240 6% 95% !important;
  --secondary-foreground: 90 19% 7% !important;
  --accent: 240 6% 95% !important;
  --accent-foreground: 90 19% 7% !important;
  --destructive: 1 100% 67% !important;
  --destructive-foreground: 0 0% 100% !important;
  --ring: 90 19% 7% !important;
  --radius: 4px !important;
  --warning: 54 96% 45% !important;
  --gold: 47.9 95.8% 53.1% !important;
  --recipient-green: 100 48% 55% !important;
  --recipient-blue: 212 56% 50% !important;
  --recipient-purple: 266 100% 64% !important;
  --recipient-orange: 36 92% 54% !important;
  --recipient-yellow: 51 100% 43% !important;
  --recipient-pink: 313 65% 57% !important;
  --new-neutral-50: 0, 0%, 96% !important;
  --new-neutral-100: 0, 0%, 91% !important;
  --new-neutral-200: 0, 0%, 82% !important;
  --new-neutral-300: 0, 0%, 69% !important;
  --new-neutral-400: 0, 0%, 53% !important;
  --new-neutral-500: 0, 0%, 43% !important;
  --new-neutral-600: 0, 0%, 36% !important;
  --new-neutral-700: 0, 0%, 31% !important;
  --new-neutral-800: 0, 0%, 27% !important;
  --new-neutral-900: 0, 0%, 24% !important;
  --new-neutral-950: 0, 0%, 9% !important;
  --new-white-50: 0, 0%, 5% !important;
  --new-white-60: 0, 0%, 6% !important;
  --new-white-100: 0, 0%, 10% !important;
  --new-white-200: 0, 0%, 20% !important;
  --new-white-300: 0, 0%, 30% !important;
  --new-white-400: 0, 0%, 40% !important;
  --new-white-500: 0, 0%, 50% !important;
  --new-white-600: 0, 0%, 60% !important;
  --new-white-700: 0, 0%, 80% !important;
  --new-white-800: 0, 0%, 90% !important;
  --new-white-900: 0, 0%, 100% !important;
  --new-primary-50: 98, 73%, 97% !important;
  --new-primary-100: 95, 73%, 94% !important;
  --new-primary-200: 94, 70%, 87% !important;
  --new-primary-300: 95, 71%, 81% !important;
  --new-primary-400: 95, 71%, 74% !important;
  --new-primary-500: 95, 71%, 67% !important;
  --new-primary-600: 95, 71%, 54% !important;
  --new-primary-700: 95, 71%, 41% !important;
  --new-primary-800: 95, 71%, 27% !important;
  --new-primary-900: 95, 72%, 14% !important;
  --new-primary-950: 95, 72%, 7% !important;
  --new-info-50: 210, 54%, 95% !important;
  --new-info-100: 211, 57%, 90% !important;
  --new-info-200: 212, 55%, 80% !important;
  --new-info-300: 212, 56%, 70% !important;
  --new-info-400: 212, 56%, 60% !important;
  --new-info-500: 212, 56%, 50% !important;
  --new-info-600: 212, 56%, 40% !important;
  --new-info-700: 212, 56%, 30% !important;
  --new-info-800: 212, 55%, 20% !important;
  --new-info-900: 211, 57%, 10% !important;
  --new-info-950: 214, 54%, 5% !important;
  --new-error-50: 4, 80%, 96% !important;
  --new-error-100: 3, 78%, 91% !important;
  --new-error-200: 3, 79%, 83% !important;
  --new-error-300: 3, 79%, 74% !important;
  --new-error-400: 3, 79%, 66% !important;
  --new-error-500: 4, 79%, 57% !important;
  --new-error-600: 3, 79%, 46% !important;
  --new-error-700: 3, 79%, 34% !important;
  --new-error-800: 3, 79%, 23% !important;
  --new-error-900: 3, 79%, 11% !important;
  --new-error-950: 3, 80%, 6% !important;
  --new-warning-50: 39, 100%, 96% !important;
  --new-warning-100: 40, 100%, 93% !important;
  --new-warning-200: 39, 100%, 86% !important;
  --new-warning-300: 39, 100%, 79% !important;
  --new-warning-400: 39, 100%, 71% !important;
  --new-warning-500: 39, 100%, 64% !important;
  --new-warning-600: 39, 100%, 57% !important;
  --new-warning-700: 39, 100%, 43% !important;
  --new-warning-800: 39, 100%, 29% !important;
  --new-warning-900: 39, 100%, 14% !important;
  --new-warning-950: 38, 100%, 7% !important;
  --new-surface-black: 0, 0%, 0% !important;
  --new-surface-white: 0, 0%, 91% !important;
  --envelope-editor-background: 210 40% 98.04% !important;
  --font-sans: 'Outfit', ui-sans-serif, system-ui, sans-serif !important;
  --documenso: #DFFF00 !important;
  color-scheme: light !important;
}
html, body { font-family: var(--font-sans) !important; font-size: 13px; color: #12160F; background: #fff; -webkit-font-smoothing: antialiased; }
h1, h2, h3, .text-2xl, .text-3xl, .text-4xl { font-weight: 600 !important; letter-spacing: -0.01em; color: #12160F; }
.text-4xl { font-size: 24px !important; line-height: 32px !important } .text-3xl { font-size: 20px !important; line-height: 28px !important } .text-2xl { font-size: 16px !important; line-height: 24px !important }
.text-lg { font-size: 14px !important } .text-base { font-size: 13px !important } .text-sm { font-size: 13px !important } .text-xs { font-size: 12px !important }
.font-bold, .font-semibold { font-weight: 600 !important }
.shadow, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl { box-shadow: 0 2px 4px rgba(0,0,0,.04), 0 0 4px rgba(0,0,0,.08) !important }
.rounded-lg, .rounded-xl, .rounded-2xl { border-radius: 8px !important } .rounded-md { border-radius: 4px !important }
button, a[role="button"], [type="submit"] { font-weight: 600 !important; border-radius: 99px !important }
button.bg-primary, button[class*="bg-primary"] { color: #12160F !important }
button.bg-primary:hover { background: #d2f000 !important }
button.h-10, a.h-10 { height: 32px !important; padding: 0 12px !important } button.h-11, a.h-11 { height: 32px !important }
input, textarea, select, [role="combobox"] { border-radius: 4px !important; font-size: 13px !important; border-color: #ebebeb !important }
input.h-10, [role="combobox"].h-10 { height: 32px !important }
input:focus, textarea:focus, [role="combobox"]:focus { box-shadow: 0 0 0 3px #f4ffb3 !important; border-color: #12160F !important; outline: none !important }
header, nav { background: #fcfcfc !important; border-bottom: 1px solid #ebebeb !important; box-shadow: none !important }
table th { font-weight: 500 !important; color: #999 !important; font-size: 13px !important; background: #fcfcfc }
table td { border-color: #f1f1f1 !important }
[role="tab"][data-state="active"] { box-shadow: inset 0 -2px 0 #12160F !important; background: transparent !important; color: #12160F !important }
a { color: inherit } a.text-primary, .text-primary { color: #12160F !important; text-decoration: underline; text-underline-offset: 3px }
.bg-documenso, .bg-documenso-200, .bg-primary { background-color: #DFFF00 !important }
.text-documenso, .text-documenso-700, svg.text-documenso { color: #12160F !important }
/* Fondos decorativos de Documenso fuera */
img[src*="background-pattern"], img[alt="background pattern"], [class*="bg-pattern"] { display: none !important }
html, body, main { background: #fff !important }
/* Marca: reemplaza el logo de Documenso por ZELT */
img[alt="Documenso Logo"], svg[aria-label="Documenso"], a[href="/"] > svg, a[href="/"] > img { content: url('/zelt-skin/zelt-logo.svg'); height: 18px !important; width: auto !important; }
/* Logo Documenso del encabezado → logo ZELT */
svg[viewBox="0 0 2248 320"] { visibility: hidden !important; }
a:has(> svg[viewBox="0 0 2248 320"]), div:has(> svg[viewBox="0 0 2248 320"]) { background: url('/zelt-skin/zelt-logo.svg') no-repeat left center / auto 20px !important; }