/* «SINERGIE» (15/11/2026): l'area, l'app e il sito di consulenti e partner della rete di Professionisti Per Te.
   Veste ardesia e rame (proposta A): Ardesia #34505E, Ardesia chiaro #8FA6B2, Rame #B0602F, Inchiostro #1E2830,
   Fondo #F2F3F1, Velo #E3E8EA; nome in Manrope, testo in Inter. Le classi iniziano con sin-; la veste dell'area
   interna sta sotto .tema-sinergie, le pagine di accesso sotto .sin-porta. */
.sin-sito, .tema-sinergie, .sin-porta {
    --sin-ardesia: #34505E;
    --sin-ardesia-chiaro: #8FA6B2;
    --sin-rame: #B0602F;
    --sin-rame-scuro: #8F4C22;
    --sin-inchiostro: #1E2830;
    --sin-fondo: #F2F3F1;
    --sin-velo: #E3E8EA;
    --sin-linea: #D9DFE2;
    --sin-testo-tenue: #55646E;
}

/* ---- Il marchio ------------------------------------------------------------------------------------- */
.sin-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #1E2830; }
.sin-logo svg { flex-shrink: 0; }
.sin-logo-testo { display: inline-flex; flex-direction: column; line-height: 1; }
.sin-logo-nome { font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif; font-weight: 800; font-size: 1.4rem; letter-spacing: -0.01em; white-space: nowrap; }
.sin-logo-riga { font-family: 'Inter', system-ui, sans-serif; font-weight: 500; font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; margin-top: 5px; opacity: .8; white-space: nowrap; }
.sin-logo-chiaro { color: #fff; }

/* ---- La porta dell'app: la pagina di accesso nella veste di Sinergie ----------------------------------- */
.sin-porta.login-page {
    --auth-accento: #34505E;
    --auth-accento-scuro: #1E2830;
    --auth-sfondo-a: #F2F3F1;
    --auth-sfondo-b: #E3E8EA;
    --auth-sfondo-c: #D5DEE2;
    font-family: 'Inter', system-ui, sans-serif;
}
.sin-porta .login-card { border-top-color: #B0602F; }
.sin-porta .sin-porta-testata { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 10px; text-align: center; }
.sin-porta .sin-porta-testata .sin-logo-nome { font-size: 1.9rem; }
.sin-porta .login-tagline { color: #55646E; }
.sin-porta .sin-porta-servizio { font-size: .78rem; color: #55646E; text-align: center; margin: 14px 0 0; }
.sin-porta .login-filigrana { opacity: .08; }
.sin-porta .login-link { color: #34505E; }

/* ---- L'area interna di consulenti e partner: la veste di Sinergie sopra la cornice comune ------------- */
.societa-area.tema-sinergie {
    --societa-accento: #34505E;
    --ar-a: #34505E;
    --ar-b: #1E2830;
    --ar-testo: #eef2f4;
    --ar-icona: #a9bcc6;
    --ar-accento-chiaro: #D98A57;
}
.tema-sinergie .mud-main-content { background: radial-gradient(1200px 520px at 12% -10%, #ffffff 0%, transparent 60%), #F2F3F1 !important; }
.tema-sinergie .mud-main-content, .tema-sinergie .mud-main-content .mud-typography { font-family: 'Inter', system-ui, sans-serif; }
.tema-sinergie .mud-main-content .mud-typography-h4, .tema-sinergie .mud-main-content .mud-typography-h5,
.tema-sinergie .mud-main-content .mud-typography-h6 { font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.01em; color: #1E2830; }
.tema-sinergie .mud-paper.mud-elevation-1, .tema-sinergie .mud-paper.mud-elevation-2 { border: 1px solid #D9DFE2; border-radius: 14px;
    box-shadow: 0 1px 2px rgba(30, 40, 48, .05), 0 12px 30px -22px rgba(30, 40, 48, .35) !important; }
.tema-sinergie .riquadro-azione { color: #34505E !important; }
.tema-sinergie .modulo-invia { background: #34505E !important; }
.tema-sinergie .modulo-invia:hover { background: #1E2830 !important; }
.tema-sinergie .riquadro-testata { border-top-color: #B0602F !important; }
.tema-sinergie .appbar-targhetta-sinergie { background: #fff; border-radius: 10px; padding: 5px 14px 5px 10px; display: flex; align-items: center; }
.tema-sinergie .appbar-targhetta-sinergie .sin-logo-nome { font-size: 1.1rem; }
.tema-sinergie .app-rete-pulsante { background: #34505E; }
.tema-sinergie .app-rete-pulsante-vuoto { background: transparent; color: #34505E; border-color: #34505E; }

/* La testata della pagina iniziale: ardesia piena, il saluto e i numeri del mese. */
.sin-plancia { background: linear-gradient(135deg, #34505E 0%, #1E2830 100%); color: #fff; border-radius: 16px; padding: 28px 28px 24px; margin-bottom: 24px;
    display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; align-items: center; }
.sin-plancia-saluto { font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: #c9d6dc; margin: 0 0 6px; }
.sin-plancia h1 { font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif; font-weight: 800; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.15; margin: 0 0 8px; letter-spacing: -0.01em; }
.sin-plancia-sotto { color: #dbe4e8; margin: 0 0 16px; max-width: 46ch; }
.sin-plancia-azioni { display: flex; flex-wrap: wrap; gap: 10px; }
.sin-bottone { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 9px; font-weight: 600;
    font-size: .95rem; text-decoration: none; background: #34505E; color: #fff; border: 1px solid transparent; transition: transform .15s, background .15s; }
.sin-bottone:hover { background: #1E2830; transform: translateY(-1px); }
.sin-bottone-rame { background: #B0602F; }
.sin-bottone-rame:hover { background: #8F4C22; }
.sin-bottone-chiaro { background: #fff; color: #1E2830; }
.sin-bottone-chiaro:hover { background: #E3E8EA; }
.sin-bottone-trasparente { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .55); }
.sin-bottone-trasparente:hover { background: rgba(255, 255, 255, .12); }
.sin-numeri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sin-numero { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; padding: 12px 14px; min-width: 0; }
.sin-numero span { display: block; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; color: #c9d6dc; }
.sin-numero strong { display: block; font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif; font-weight: 800; font-size: 1.35rem; font-variant-numeric: tabular-nums; margin-top: 2px; }
.sin-numero-rame strong { color: #E9A877; }
@media (max-width: 900px) { .sin-plancia { grid-template-columns: minmax(0, 1fr); padding: 22px 18px; } }
@media (prefers-reduced-motion: reduce) { .sin-bottone { transition: none; } .sin-bottone:hover { transform: none; } }

/* Le voci in evidenza dei riquadri: in Sinergie il segno è il rame, non l'arancio. */
.societa-area.tema-sinergie .riquadro-gruppo-voce-evidenza .riquadro-gruppo-voce-stat { color: #B0602F; }