/* ============================================================================
   ui-modern.css — restyle contemporaneo (solo nuova app v3)
   Caricato DOPO arimaslab.css come override. Prefisso tema Bootstrap: --ct-
   Obiettivo: card nettamente più stondate + ombre soft a due livelli + raggi
   UI coerenti secondo gli standard dei dashboard moderni.
   ============================================================================ */

:root {
  /* Card decisamente più stondate (prima ~10px) */
  --ct-card-border-radius: 1rem;                                  /* 16px */
  --ct-card-inner-border-radius: calc(1rem - var(--ct-theme-border-width, 1px));

  /* Raggi UI più morbidi e coerenti (bottoni, input, dropdown, badge, alert...) */
  --ct-border-radius: 0.5rem;                                     /* 8px  */
  --ct-border-radius-sm: 0.375rem;                                /* 6px  */
  --ct-border-radius-lg: 0.75rem;                                 /* 12px */
}

/* --- Card: bordo sottile + ombra morbida a due livelli + transizione ------- */
.card {
  border: 1px solid var(--ct-border-color);
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 12px 32px rgba(16, 24, 40, 0.07);
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.card:hover {
  box-shadow:
    0 2px 6px rgba(16, 24, 40, 0.06),
    0 20px 48px rgba(16, 24, 40, 0.11);
}

/* Header/footer: bordi tono-su-tono e un filo più ariosi (senza forzare il bg,
   per non rompere gli header colorati tipo .card-header.bg-*). */
.card-header,
.card-footer {
  border-color: var(--ct-border-color);
}
.card-header {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

/* --- Elementi coerenti col nuovo raggio ------------------------------------ */
.dropdown-menu {
  border-radius: var(--ct-border-radius-lg);
}
.modal-content {
  border-radius: var(--ct-border-radius-lg);
}