/* Stili comuni alle pagine di navigazione MOSAIC (intro, utenti, ...) */

.mosaic-page .status-dot { width: 9px; height: 9px; border-radius: 50%; background: #198754; display: inline-block; margin-right: 6px; }
.mosaic-page .status-badge { font-size: 0.8rem; line-height: 1.5; text-align: right; }

/* la banda del titolo "sfonda" il padding di .main per arrivare a filo dei bordi e partire dal primo pixel */
.mosaic-page .page-title { font-size: 1.3rem; margin: -25px -25px 20px -25px; padding: 22px 25px; border-bottom: 1px solid #e6eef6; }

.mosaic-page .content-title { font-size: 1.6rem; font-weight: 600; margin-bottom: 4px; }

.mosaic-page .section-title { font-size: 1.3rem; font-weight: 600; margin-bottom: 4px; }
.mosaic-page .section-subtitle { font-size: 0.9rem; }

.mosaic-page .user-box-card { background: #fff; border-radius: 18px; padding: 28px 26px; height: 100%; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
.mosaic-page .user-box-card.bg-nuovo { background: #f2f7ff; }
.mosaic-page .user-box-card.bg-richiama { background: #effaf7; }

.mosaic-page .btn-mosaic { background: #2363a3; color: #fff; border: 1px solid #2363a3; border-radius: 10px; padding: 10px 22px; font-weight: 600; }
.mosaic-page .btn-mosaic:hover { background: #1c4f85; border-color: #1c4f85; color: #fff; }

/* bottone "blu di sfondo pagina" (stesso navy delle bande laterali), e sua variante outline */
.mosaic-page .btn-mosaic-navy { display: inline-block; background: #0d213c; color: #fff; border: 1px solid #0d213c; border-radius: 10px; padding: 10px 22px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.mosaic-page .btn-mosaic-navy:hover { background: #16304f; border-color: #16304f; color: #fff; }
.mosaic-page .btn-mosaic-navy.btn-sm { padding: 6px 16px; font-size: 0.85rem; border-radius: 8px; }

.mosaic-page .btn-mosaic-navy-outline { display: inline-block; background: #fff; color: #0d213c; border: 1px solid #dcdcdc; border-radius: 8px; padding: 6px 16px; font-size: 0.85rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.mosaic-page .btn-mosaic-navy-outline:hover { background: #f4f7fa; color: #0d213c; }