/* Personalizzazioni EvoPBX sopra Soft UI Dashboard PRO (stesse regole di Atena dove servono) */

input.font-monospace, .font-monospace { letter-spacing: .03em; }

.clickable-row { cursor: pointer; }
.clickable-row:hover { background-color: #f8f9fa; }

.pagination { margin-bottom: 1rem; flex-wrap: wrap; row-gap: .35rem; }

/* Stato di registrazione degli interni */
.dot { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .35rem; vertical-align: middle; }
.dot-on { background: #62bc47; box-shadow: 0 0 0 3px rgba(98, 188, 71, .2); }
.dot-off { background: #adb5bd; }
.dot-unk { background: #f2b705; }
.dot-err { background: #ea0606; box-shadow: 0 0 0 3px rgba(234, 6, 6, .15); }

/* ---------- Telefoni e tablet ---------- */
@media (max-width: 767.98px) {
  /* sotto i 16 px l'iPhone ingrandisce la pagina a ogni tocco su un campo */
  .form-control, .form-select { font-size: 16px !important; }
  .card-header.d-flex, .card-header > .d-flex { flex-wrap: wrap; gap: .5rem; }
  .table > :not(caption) > * > * { padding-left: .6rem; padding-right: .6rem; }
}

@media (max-width: 575.98px) {
  .main-content > .container-fluid { padding-left: .5rem; padding-right: .5rem; }
  #navbarBlur { margin-left: .5rem !important; margin-right: .5rem !important; }
  .card > .card-body, .card > .card-header, .card > form > .card-body { padding-left: 1rem; padding-right: 1rem; }
}

/* Avvisi sempre verdi (come i messaggi di conferma): solo gli errori restano rossi */
.alert.alert-warning, .alert.alert-info, .alert.alert-primary, .alert.alert-secondary {
  background-image: linear-gradient(310deg, #22c55e, rgb(132, 220, 20));
  border-color: transparent;
  color: #fff;
}