/* ia.dvdswap.com.br - tema "parecido com o Claude Desktop" por cima do CloudCLI.
   Injetado pelo nginx (sub_filter). Nao mexe no pacote do CloudCLI: some se tirar a injecao. */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap");

:root {
  --background: 48 33% 97%;          /* #FAF9F5 */
  --foreground: 60 3% 8%;            /* #141413 */
  --card: 0 0% 100%;
  --card-foreground: 60 3% 8%;
  --popover: 0 0% 100%;
  --popover-foreground: 60 3% 8%;
  --primary: 15 55% 52%;             /* #C96442 terracota */
  --primary-foreground: 48 33% 97%;
  --secondary: 50 20% 92%;
  --secondary-foreground: 60 3% 15%;
  --muted: 50 20% 92%;
  --muted-foreground: 53 3% 44%;
  --accent: 50 20% 92%;
  --accent-foreground: 60 3% 15%;
  --border: 51 21% 88%;
  --input: 51 21% 85%;
  --ring: 15 55% 52%;
  --radius: .75rem;
  --nav-tab-glow: 15 55% 52% / .18;
  --nav-tab-ring: 15 55% 52% / .12;
  --nav-input-focus-ring: 15 55% 52% / .22;
  --ia-sidebar: 53 28% 94%;          /* #F5F4ED */
}

.dark {
  /* Cores do modo escuro do Claude */
  --background: 60 3% 15%;           /* #262624 fundo */
  --foreground: 48 33% 97%;          /* #FAF9F5 texto */
  --card: 60 2% 18%;                 /* #30302E caixas e campo de mensagem */
  --card-foreground: 48 33% 97%;
  --popover: 60 2% 18%;
  --popover-foreground: 48 33% 97%;
  --primary: 15 63% 60%;             /* #D97757 terracota */
  --primary-foreground: 48 33% 97%;
  --secondary: 60 2% 20%;            /* #353533 */
  --secondary-foreground: 50 8% 74%; /* #C2C0B6 */
  --muted: 60 2% 20%;
  --muted-foreground: 48 5% 59%;     /* #9C9A92 */
  --accent: 60 2% 20%;
  --accent-foreground: 48 33% 97%;
  --destructive: 0 63% 52%;
  --destructive-foreground: 48 33% 97%;
  --border: 60 2% 23%;               /* #3D3D3A */
  --input: 60 2% 26%;
  --ring: 15 63% 60%;
  --nav-glass-bg: 60 3% 15% / .7;
  --nav-tab-glow: 15 63% 60% / .25;
  --nav-tab-ring: 15 63% 60% / .15;
  --nav-float-ring: 60 2% 23% / .4;
  --nav-divider-color: 60 2% 23% / .6;
  --nav-input-bg: 60 2% 18% / .6;
  --nav-input-focus-ring: 15 63% 60% / .25;
  --ia-sidebar: 30 3% 12%;           /* #1F1E1D barra lateral */
}
.dark body { background: hsl(var(--background)); }

html, body, #root { font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }

/* Respostas do Claude em serifa, como no app */
.prose, [class*="prose"] { font-family: "Source Serif 4", Georgia, "Times New Roman", serif; }
.prose code, .prose pre, [class*="prose"] code, [class*="prose"] pre { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }

/* Barra lateral num tom um pouco mais escuro que o fundo */
.ia-sidebar { background: hsl(var(--ia-sidebar)) !important; }

/* Esconde a propaganda do CloudCLI */
a[href*="github.com/siteboon"],
a[href*="discord.gg"], a[href*="discord.com"],
a[href*="cloudcli.ai"] { display: none !important; }

/* Chave Code / Cowork */
.ia-modo {
  display: flex; gap: 2px; padding: 3px; margin: 0 0 8px;
  background: hsl(var(--secondary)); border: 1px solid hsl(var(--border));
  border-radius: 10px;
}
.ia-modo button {
  flex: 1; border: 0; background: transparent; cursor: pointer;
  padding: 6px 10px; border-radius: 7px;
  font: 500 13px/1.2 "Inter", system-ui, sans-serif;
  color: hsl(var(--muted-foreground));
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.ia-modo button:hover { color: hsl(var(--foreground)); }
.ia-modo button[aria-pressed="true"] {
  background: hsl(var(--background)); color: hsl(var(--foreground));
  box-shadow: 0 1px 2px hsl(0 0% 0% / .08), 0 0 0 1px hsl(var(--border));
}
.ia-modo svg { width: 14px; height: 14px; }
.ia-modo-movel { margin: 8px 12px 4px; }
.ia-escondido { display: none !important; }