/* Tema «Oggi» per il CRM (21/10/2026): stessi colori della pagina Oggi. Per tornare al tema di prima
   basta togliere da index.html la riga <link rel="stylesheet" href="/tema-oggi.css">. */
:root {
  --bg: #eef2f4;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface2: #f4f7f8;
  --border: #d5dee2;
  --accent: #0f6e78;
  --accent2: #138a96;
  --blue-bg: rgba(15,110,120,0.10);
  --text: #14232c;
  --text2: #3f4e57;
  --text3: #5b6970;
  --shadow: 0 1px 2px rgba(20,35,44,0.06);
  --shadow-hover: 0 2px 10px rgba(20,35,44,0.10);
}
body { background: var(--bg); font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif; }

/* Login */
.login-wrap { background: #0f171c; animation: none; }
.login-box { background: #ffffff; border-color: #d5dee2; }

/* Barra laterale */
.sidebar { background: #12262c; box-shadow: none; }
.logo-mark { background: #0f6e78; animation: none; box-shadow: none; }
.nav-item.active { background: #0f6e78; box-shadow: none; }
.user-avatar { background: #0f6e78; }
.mode-btn.active { background: #0f6e78; box-shadow: none; }

/* Pulsanti, campi, liste */
.btn-primary { background: #0f6e78; }
.btn-primary:hover { background: #138a96; box-shadow: none; }
.search-bar input:focus, .field input:focus, .field select:focus, .field textarea:focus { box-shadow: 0 0 0 3px rgba(15,110,120,0.18); }
.client-row.active { box-shadow: inset 0 0 0 1px rgba(15,110,120,0.15); }
.badge-blue { background: rgba(15,110,120,0.10); color: #0f6e78; }
.company-avatar { background: #0f6e78; animation: none; }
.stat-card::before { background: #0f6e78; }
.contact-avatar { background: rgba(15,110,120,0.12); color: #0f6e78; }

/* Telefono: caratteri più grandi e campi a 16px, così iOS non ingrandisce la pagina */
@media (max-width: 768px) {
  body { font-size: 16px; }
  .nav-item { font-size: 16px; padding: 12px 14px; }
  input, select, textarea { font-size: 16px !important; }
  .client-row { font-size: 16px; }
}