/* Pagina "Aziende clienti" del System Integrator: metriche, elenco a tabella con riga di dettaglio.
   Colori dal tema (--fp-blue e' personalizzabile dal System Integrator). */
.fp-metrics.fp-metrics-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fp-metric-bar { display:block; height:6px; margin-top:12px; border-radius:6px; background:#e6ebf3; overflow:hidden; }
.fp-metric-bar > span { display:block; height:100%; background:var(--fp-blue); border-radius:6px; }
.fp-filterbar-count { margin-left:auto; align-self:center; font-size:12px; color:var(--fp-sub); white-space:nowrap; }
.fp-cust { display:flex; align-items:center; gap:12px; min-width:0; }
.fp-cust .fp-avatar { flex:0 0 40px; width:40px; height:40px; font-size:16px; }
.fp-cust-text { min-width:0; }
.fp-cust-text .fp-document-link { font-size:14px; }
.fp-aziende td small { display:block; color:var(--fp-sub); margin-top:4px; font-size:12px; }
.fp-aziende td strong { font-size:14px; }
.fp-aziende .fp-status { margin-bottom:2px; }
.fp-riga-propria { background:#f8fbff; }
.fp-riga-propria .fp-avatar { background:var(--fp-blue); color:#fff; }
.fp-row-actions { display:inline-flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.fp-riga-dettaglio td { background:#f9fbfe; border-top:0; padding-top:0; }
.fp-fatturepro-box { display:flex; flex-wrap:wrap; gap:18px 28px; align-items:flex-start; padding:16px 18px 18px 64px; border-left:3px solid var(--fp-blue); }
.fp-fatturepro-box > div:first-child { flex:1 1 320px; min-width:0; }
.fp-fatturepro-form { flex:1 1 380px; }
.fp-fatturepro-form .form-label { font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; }
.fp-empty .btn { margin-top:4px; }
@media (max-width: 1100px) { .fp-metrics.fp-metrics-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .fp-metrics.fp-metrics-3 { grid-template-columns: 1fr; }
  .fp-fatturepro-box { padding-left:18px; }
  .fp-filterbar-count { margin-left:0; }
}

/* Cella "Accesso area clienti" (Aziende clienti e Gestione clienti). */
.fp-accesso { font-size:13px; }
.fp-accesso-email { font-weight:600; overflow-wrap:anywhere; }
.fp-accesso-azioni { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:2px; }
.fp-accesso-azioni .btn-link, .fp-accesso .btn-link { font-size:12.5px; }
.fp-accesso .form-control-sm { min-width:180px; }

/* Lavoro per conto di un'altra azienda (capogruppo): selettore in alto e banner. */
.fp-cambia-azienda { display:flex; align-items:center; gap:6px; }
.fp-cambia-azienda label { font-size:12.5px; color:var(--fp-sub); white-space:nowrap; margin:0; }
.fp-cambia-azienda .form-select { max-width:260px; min-height:32px; font-size:13px; }
.fp-cambia-azienda .btn { padding:5px 12px; }
.fp-perconto { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px 16px; border-radius:10px;
  background:var(--fp-blue); color:#fff; font-size:13.5px; box-shadow:var(--fp-shadow); }
.fp-perconto strong { color:#fff; }
.fp-perconto > i { font-size:18px; }
@media (max-width: 900px) { .fp-cambia-azienda label { display:none; } .fp-cambia-azienda .form-select { max-width:170px; } }