/* Modulo anagrafica azienda (Gestione clienti, Aziende clienti). Colori dal tema: --fp-blue e'
   il colore principale del pannello, personalizzabile dal System Integrator. */
.fp-ana-shell { max-width: 1120px; }
.fp-ana-shell > .fp-ana-shell-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:18px; }
.fp-ana-shell > .fp-ana-shell-head h2 { font-size:20px; font-weight:750; margin:0 0 4px; color:var(--fp-text); }
.fp-ana-shell > .fp-ana-shell-head p { margin:0; color:var(--fp-sub); font-size:14px; }

.fp-ana { display:flex; flex-direction:column; gap:16px; }

.fp-ana-drop { display:flex; align-items:center; gap:16px; margin:0; padding:20px 22px; border:1.5px dashed var(--fp-blue-br); border-radius:16px;
  background:linear-gradient(135deg, var(--fp-blue-bg), #fff 70%); cursor:pointer; transition:border-color .15s, box-shadow .15s; }
.fp-ana-drop:hover { border-color:var(--fp-blue); box-shadow:0 4px 18px rgba(15,23,42,.06); }
.fp-ana-drop.busy { cursor:progress; }
.fp-ana-drop-icon { display:grid; place-items:center; flex:0 0 48px; height:48px; border-radius:14px; background:#fff; color:var(--fp-blue);
  font-size:22px; box-shadow:0 1px 4px rgba(15,23,42,.08); }
.fp-ana-drop-text { flex:1; min-width:0; }
.fp-ana-drop-text strong { display:block; font-size:15px; color:var(--fp-text); }
.fp-ana-drop-text small { display:block; margin-top:2px; font-size:13px; color:var(--fp-sub); }
.fp-ana-drop-btn { flex:0 0 auto; pointer-events:none; }
.fp-ana-error { display:flex; gap:8px; align-items:flex-start; padding:10px 14px; border-radius:10px; background:var(--fp-red-bg); color:#991b1b; font-size:13px; }

.fp-ana-visura { display:flex; align-items:flex-start; gap:14px; padding:16px 18px; border:1px solid var(--fp-blue-br); border-radius:16px; background:var(--fp-blue-bg); }
.fp-ana-visura-icon { display:grid; place-items:center; flex:0 0 40px; height:40px; border-radius:12px; background:#fff; color:var(--fp-blue); font-size:20px; }
.fp-ana-visura-text { flex:1; min-width:0; }
.fp-ana-visura-text strong { display:block; font-size:14px; color:var(--fp-text); }
.fp-ana-visura-text small { display:block; margin-top:2px; font-size:13px; color:var(--fp-sub); }
.fp-ana-avvisi { list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:4px; }
.fp-ana-avvisi li { font-size:13px; color:#92400e; background:var(--fp-amber-bg); border-radius:8px; padding:6px 10px; }

.fp-ana-card { background:var(--fp-bgc); border:1px solid var(--fp-border); border-radius:16px; box-shadow:var(--fp-shadow); padding:20px 22px 22px; }
.fp-ana-card > header { display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; }
.fp-ana-card > header h3 { font-size:15px; font-weight:750; margin:1px 0 2px; color:var(--fp-text); }
.fp-ana-card > header p { margin:0; font-size:13px; color:var(--fp-sub); }
.fp-ana-icon { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:11px; background:var(--fp-blue-bg); color:var(--fp-blue); font-size:17px; }

.fp-ana-fields { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:14px 16px; }
.fp-ana-fields .s-1 { grid-column:span 1; } .fp-ana-fields .s-2 { grid-column:span 2; } .fp-ana-fields .s-3 { grid-column:span 3; }
.fp-ana-fields .s-4 { grid-column:span 4; } .fp-ana-fields .s-5 { grid-column:span 5; } .fp-ana-fields .s-6 { grid-column:span 6; }
.fp-ana-fields .form-label { font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#64748b; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.fp-ana-fields .form-text { font-size:12px; }
.fp-ana-req { color:var(--fp-red); }
/* Solo background-color: background-image cancellerebbe la freccia delle select di Bootstrap. */
.fp-ana .fp-ana-auto { background-color:var(--fp-blue-bg); border-color:var(--fp-blue-br); box-shadow:inset 3px 0 0 var(--fp-blue); }

.fp-ana-toggle { display:inline-flex; width:100%; padding:3px; border-radius:10px; background:#f1f4f9; border:1px solid var(--fp-border); }
.fp-ana-toggle button { flex:1; border:0; background:none; padding:6px 12px; border-radius:8px; font-size:13px; font-weight:650; color:#5b6b82; }
.fp-ana-toggle button.active { background:#fff; color:var(--fp-blue); box-shadow:0 1px 3px rgba(23,36,59,.12); }

.fp-ana-actions { display:flex; justify-content:flex-end; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 22px; margin-top:16px;
  background:var(--fp-bgc); border:1px solid var(--fp-border); border-radius:16px; box-shadow:var(--fp-shadow); position:sticky; bottom:12px; z-index:5; }
.fp-ana-actions .fp-ana-actions-note { flex:1 1 260px; margin:0; font-size:13px; color:var(--fp-sub); }
.fp-ana-actions .fp-ana-actions-note.error { color:#991b1b; }

@media (max-width: 900px) {
  .fp-ana-fields { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .fp-ana-fields .s-1, .fp-ana-fields .s-2, .fp-ana-fields .s-3 { grid-column:span 1; }
  .fp-ana-fields .s-4, .fp-ana-fields .s-5, .fp-ana-fields .s-6 { grid-column:span 2; }
  .fp-ana-drop { flex-wrap:wrap; }
}
@media (max-width: 520px) {
  .fp-ana-fields { grid-template-columns:minmax(0, 1fr); }
  .fp-ana-fields [class^="s-"] { grid-column:span 1; }
  .fp-ana-card { padding:16px; }
}