/* ============================================================
   UpChat — Branding leve e seguro
   Aplicado via <link> no index.html. Pode ser removido facilmente.
   Princípios: refinar, não substituir. Sem !important pesado.
   ============================================================ */

:root {
  --upchat-primary: #6366f1;        /* indigo (marca) */
  --upchat-primary-700: #4f46e5;
  --upchat-primary-300: #a5b4fc;
  --upchat-primary-soft: rgba(99,102,241,0.10);
  --upchat-accent: #25D366;         /* verde WhatsApp */
  --upchat-bg: #f7f8fc;
  --upchat-fg: #0f172a;
  --upchat-muted: #64748b;
  --upchat-border: #e6e8ef;
  --upchat-radius: 12px;
  --upchat-radius-sm: 8px;
  --upchat-shadow-sm: 0 1px 2px rgba(15,23,42,0.04), 0 2px 6px rgba(15,23,42,0.05);
  --upchat-shadow-md: 0 4px 12px rgba(15,23,42,0.06), 0 8px 24px rgba(15,23,42,0.06);
  --upchat-trans: 180ms ease;
}

/* Tipografia mais limpa, mas só onde já é Inter/Roboto */
body {
  font-family: "Inter","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "cv02","cv03","cv11";
}

/* Scrollbar discreta */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(99,102,241,0.18); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(99,102,241,0.42); }

/* Botões — apenas refinar borda + transição (sem mudar cor padrão) */
.MuiButton-root {
  border-radius: var(--upchat-radius);
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0.005em;
  transition: box-shadow var(--upchat-trans), transform var(--upchat-trans), background-color var(--upchat-trans);
}
.MuiButton-contained:hover {
  box-shadow: 0 6px 18px rgba(99,102,241,0.22);
  transform: translateY(-1px);
}
.MuiButton-contained:active {
  transform: translateY(0);
}
.MuiIconButton-root {
  border-radius: 10px;
  transition: background-color var(--upchat-trans);
}

/* Cards e Papers — pequena suavização */
.MuiPaper-rounded { border-radius: var(--upchat-radius); }
.MuiCard-root {
  border-radius: var(--upchat-radius);
  transition: box-shadow var(--upchat-trans);
}

/* Inputs — borda mais elegante */
.MuiOutlinedInput-root { border-radius: var(--upchat-radius-sm); }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 2px;
}

/* Diálogos / Modais — só radius e fade no backdrop */
.MuiDialog-paper { border-radius: 16px; }
.MuiBackdrop-root { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }

/* Tabs — indicador um pouco mais grosso */
.MuiTabs-root .MuiTab-root {
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0.005em;
}
.MuiTabs-indicator { height: 3px; border-radius: 3px 3px 0 0; }

/* Sidebar/Drawer items — hover suave */
.MuiListItem-button { border-radius: 8px; margin: 1px 6px; }
.MuiListItem-button:hover { background: var(--upchat-primary-soft); }
.MuiListItem-button.Mui-selected,
.MuiListItem-button.Mui-selected:hover { background: var(--upchat-primary-soft); }

/* Tabelas — header em maiúsculas suaves */
.MuiTableHead-root .MuiTableCell-root {
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Tooltip — radius e contraste */
.MuiTooltip-tooltip {
  border-radius: 8px;
  font-weight: 500;
  padding: 8px 12px;
  background-color: rgba(15,23,42,0.92);
}

/* Chips */
.MuiChip-root { border-radius: 8px; font-weight: 500; }

/* Logo no Login: garante que aparece bem mesmo se o tema mudou */
img[alt="logo"] {
  max-height: 80px;
  object-fit: contain;
}

/* Foco visível para acessibilidade */
button:focus-visible, a:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--upchat-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Seleção de texto */
::selection { background: rgba(99,102,241,0.20); color: var(--upchat-fg); }

/* AppBar mais limpa */
.MuiAppBar-root { box-shadow: 0 1px 0 rgba(15,23,42,0.06); }