/* Token, base del documento, marchio e tema neutro. */

:root {
  --brand: #e3342f;
  --brand-600: #cc2a25;
  --brand-700: #b0231f;
  --brand-50: #fef2f1;
  --brand-100: #fde3e1;
  --red: #e3342f;
  --red-700: #b0231f;
  --red-50: #fef2f1;
  --ink: #0e1116;
  --ink-2: #2a2f37;
  --muted: #6a717d;
  --muted-2: #9aa0aa;
  --line: #ecedef;
  --line-2: #e2e4e8;
  --bg: #f7f7f8;
  --surface: #ffffff;
  --surface-2: #fafafb;
  --hover: #f3f4f6;
  --green: #16a34a;
  --green-50: #ecfdf3;
  --steel: #475569;
  --steel-50: #eef2f6;
  --blue: #2563eb;
  --blue-50: #eff5ff;
  --violet: #7c3aed;
  --violet-50: #f4f0ff;
  --teal: #0d9488;
  --teal-50: #edfbf8;
  --slate-50: #f2f4f7;
  --wa: #25d366;
  --r-sm: 8px;
  --r: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --sh-1: 0 1px 2px rgba(16, 24, 40, 0.04);
  --sh-2: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.05);
  --sh-3: 0 12px 32px -8px rgba(16, 24, 40, 0.14), 0 4px 8px rgba(16, 24, 40, 0.04);
  --sh-pop: 0 24px 64px -12px rgba(16, 24, 40, 0.25), 0 0 0 1px rgba(16, 24, 40, 0.05);
  --font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --sidebar: 256px;
  --topbar: 60px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'cv11', 'ss01', 'ss03';
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
svg.lucide {
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
  flex: none;
}
.hidden {
  display: none !important;
}
::selection {
  background: var(--brand-100);
}
.tabular {
  font-variant-numeric: tabular-nums;
}

/* ---------- Logo ---------- */
.logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}
.logo svg {
  display: block;
}
.logo .wm {
  font-family: 'Nunito', var(--font);
  font-weight: 900;
  letter-spacing: -0.035em;
  font-size: 21px;
  line-height: 1;
}
.logo .wm b {
  font-weight: 900;
  color: var(--brand);
}
.logo .wm.now {
  font-family: var(--font);
  font-weight: 700;
  letter-spacing: -0.04em;
  font-size: 20px;
}
.logo .wm.now b {
  font-weight: 500;
  color: inherit;
  opacity: 0.6;
}
/* Tema neutro (NowCRM): nessun colore di rete, azioni primarie scure */
#app[data-theme='basic'],
#login.light {
  --brand: #0e1116;
  --brand-600: #000;
  --brand-700: #000;
  --brand-50: #f2f3f5;
  --brand-100: #e4e6ea;
}
#app[data-theme='basic'] .nv.on svg {
  color: var(--ink);
}
#app[data-theme='basic'] .sb-agency .av {
  background: var(--ink);
}
#app[data-theme='basic'] .ai-orb {
  background: conic-gradient(from 0deg, #0e1116, #6a717d, #d9dce1, #0e1116);
}
#app[data-theme='basic'] .ai-orb::after {
  background: radial-gradient(circle at 35% 30%, #fff, #eef0f2 60%, #d9dce1);
}
#app[data-theme='basic'] .match svg {
  color: var(--ink);
}
#app[data-theme='basic'] .sb-promo b svg {
  color: var(--ink);
}