/* Escala skin, pinned to Paperclip v2026.1023.0; no application logic changes. */
@font-face {font-family:Geist;src:url('/escala/Geist.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face {font-family:'Geist Mono';src:url('/escala/GeistMono.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root {
  --font-sans:Geist,system-ui,sans-serif;--font-mono:'Geist Mono',monospace;
  --background:#F4F3F7;--foreground:#170722;--card:#FFF;--card-foreground:#170722;
  --popover:#FFF;--popover-foreground:#170722;--primary:#5D2784;--primary-foreground:#FFF;
  --secondary:#E9E1F4;--secondary-foreground:#5D2784;--muted:#E9E1F4;--muted-foreground:#5F5468;
  --accent:#E9E1F4;--accent-foreground:#5D2784;--border:#E2DCE9;--input:#E2DCE9;--ring:#9B6FD6;
  --sidebar:#F4F3F7;--sidebar-foreground:#170722;--sidebar-primary:#5D2784;--sidebar-primary-foreground:#FFF;
  --sidebar-accent:#E9E1F4;--sidebar-accent-foreground:#5D2784;--sidebar-border:#E2DCE9;--sidebar-ring:#9B6FD6;
  --chart-1:#5D2784;--chart-2:#9B6FD6;--chart-3:#62B230;--chart-4:#2A0F40;--chart-5:#E9E1F4;
}
.dark {
  --background:#170722;--foreground:#F4F3F7;--card:#2A0F40;--card-foreground:#F4F3F7;
  --popover:#2A0F40;--popover-foreground:#F4F3F7;--primary:#9B6FD6;--primary-foreground:#170722;
  --secondary:#38204A;--secondary-foreground:#E9E1F4;--muted:#2A0F40;--muted-foreground:#C6B6D5;
  --accent:#38204A;--accent-foreground:#F4F3F7;--border:#4C3260;--input:#4C3260;--ring:#9B6FD6;
  --sidebar:#210C31;--sidebar-foreground:#F4F3F7;--sidebar-primary:#9B6FD6;--sidebar-primary-foreground:#170722;
  --sidebar-accent:#38204A;--sidebar-accent-foreground:#F4F3F7;--sidebar-border:#4C3260;
}
body {font-family:var(--font-sans);background:var(--background);color:var(--foreground)}
svg[viewBox="22.5 22.5 121 27"] {background:url('/escala/logo.svg') center/contain no-repeat;min-width:112px;min-height:28px}
svg[viewBox="22.5 22.5 121 27"] > * {visibility:hidden}
.dark svg[viewBox="22.5 22.5 121 27"] {background-image:url('/escala/logo-dark.svg')}
#root:has(#onboarding-agent-name)::before,#root:has(#onboarding-company-name)::before {content:'';position:fixed;top:24px;left:28px;width:132px;height:36px;background:url('/escala/logo.svg') center/contain no-repeat;z-index:50;pointer-events:none}
.dark #root:has(#onboarding-agent-name)::before,.dark #root:has(#onboarding-company-name)::before {background-image:url('/escala/logo-dark.svg')}
/* Signup is disabled on the server; mirror that state in the native login. */
#root form[action="/api/auth/sign-in/email"] + div {display:none}
#root:has(form[action="/api/auth/sign-in/email"]) .md\:block {background:linear-gradient(140deg,#2A0F40,#5D2784 65%,#9B6FD6);position:relative}
#root:has(form[action="/api/auth/sign-in/email"]) .md\:block::after {content:'Central da Escala';position:absolute;inset:0;display:grid;place-content:center;padding:12%;font-family:Geist,system-ui,sans-serif;font-size:clamp(28px,4vw,64px);font-weight:300;line-height:1.15;color:#FFF;background:url('/escala/logo-dark.svg') left 12% bottom 12%/160px auto no-repeat;pointer-events:none}
#root:has(form[action="/api/auth/sign-in/email"]) pre {visibility:hidden}
@media(max-width:640px) {#root:has(#onboarding-agent-name)::before,#root:has(#onboarding-company-name)::before {top:16px;left:20px;width:110px;height:28px}}
