:root{
  --brand:#0d6efd;
  --bg:#f8fafc;
  --card-radius:1rem;
}

html,body{background:var(--bg);}

.card{border:0; border-radius:var(--card-radius); box-shadow:0 6px 18px rgba(0,0,0,.06);}
.card .card{box-shadow:none;}

.form-control, .form-select{border-radius:.6rem;}
.btn{border-radius:.6rem;}

.table-sm td,.table-sm th{padding:.55rem .75rem;}
.table-hover tbody tr:hover{background:#f2f6ff;}

.navbar{box-shadow:0 6px 18px rgba(0,0,0,.06);}
.navbar-brand{font-weight:700; letter-spacing:.2px;}

.progress{height:10px; border-radius:999px;}
.progress-bar{border-radius:999px;}

.toast-container{position:fixed; top:1rem; right:1rem; z-index:1080;}
.toast{border:0; border-radius:.75rem; box-shadow:0 8px 24px rgba(0,0,0,.12);}
.toast .btn-close{filter:invert(1) grayscale(100%);}
footer { box-shadow: 0 -6px 18px rgba(0,0,0,.04); }

/* Bottoncini tabella: compatti e icona centrata */
.table td.actions .btn.btn-sm{ padding:.25rem .45rem; border-radius:.5rem; }
.table td.actions .btn i{ font-size:1rem; line-height:1; vertical-align:middle; }


/* — Dashboard facelift — */
.hero-card{
  border-radius: 1rem;
  background: linear-gradient(135deg, #1e90ff 0%, #6a5acd 100%);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.hero-title{ font-weight: 700; letter-spacing:.2px; }
.hero-subtitle{ opacity:.95; }

.stat-card{
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  border-radius: 1rem;
  padding: .9rem 1rem;
  box-shadow: 0 4px 18px rgba(16,24,40,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.stat-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(16,24,40,.10);
}
.stat-card .icon-pill{
  width: 40px; height: 40px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.1rem; margin-bottom: .35rem;
}
.stat-card .label{ font-size: .75rem; color: #6b7280; margin-bottom: .1rem; }
.stat-card .value{ font-weight: 700; font-size: 1.35rem; }

.progress-lg{ height: 14px; border-radius: .75rem; }
.progress-lg .progress-bar{ font-size: .8rem; }

.btn-quick{
  background: #fff;
  border: 1px solid rgba(16,24,40,.08);
  padding: .9rem 1.1rem;
  border-radius: .9rem;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.btn-quick:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16,24,40,.10);
  border-color: rgba(16,24,40,.16);
}

/* piccole rifiniture */
.card{ border-radius: 1rem; }

/* ===== Hero varianti riusabili per sezioni ===== */
/* Esiste già .hero-card di homepage; qui aggiungiamo solo i “modifier” per sezione */
.hero-card--campaigns{
  /* palette section campaigns: azzurro -> verde */
  background: linear-gradient(135deg, #0ea5e9 0%, #22c55e 100%);
}

/* (opzionale) spaziatura del bottone sulla hero di sezione */
.hero-card .hero-cta{ border-radius:.6rem; }

/* (opzionale) se vuoi leggere meglio su gradienti molto chiari */
.hero-card--campaigns .hero-subtitle{ color: rgba(255,255,255,.90); }

/* Varianti hero per sezioni */
.hero-card--import{
  /* palette Import: blu → violetto (coerente con home ma distinta) */
  background: linear-gradient(135deg, #1e90ff 0%, #6a5acd 100%);
}
/* Se vuoi un look diverso dall'home, alternativa:
   background: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);
*/

/* Pill SMTP globale */
.smtp-pill{
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: .8rem;
  box-shadow: 0 2px 8px rgba(16,24,40,.06);
}
.smtp-pill i{ font-size: .95rem; line-height: 1; }