/* colonnina % dell'analisi Facebook Ads: dato derivato, resta in secondo piano */
    .fba-pct { color: var(--muted); font-size: 11px; }
    /* "+21" grigio accanto a Call prenotate: la quota che arriva dallo storico
       del file del boss, che non ha gli esiti per inserzione. Il numero nero
       resta quello TRACCIATO, che quadra con vendute+rifiutate+no show+da fare;
       il totale della colonna e' la somma dei due. Stesso grigio delle bolle
       "storico file" nei fumetti dei nomi. */
    .fba-storico { color: var(--muted); font-size: 11px; margin-left: 3px; }
    .fba-foglio .fba-storico { color: var(--foglio-muted); }
    /* LEGGIBILITA' analisi ads (richiesta utente, ago 2026): numeri allineati
       a destra e con cifre tabellari — sui numeri l'occhio scandisce le
       colonne, il colore pieno resta solo sul nome. L'occhio (bottone) e' il
       DORATO standard .kbm-pren-detail, come nella griglia dei KPI. */
    .fba-foglio .kb-table td:not(:first-child), .fba-foglio .kb-table th:not(:first-child) { text-align: right; }
    .fba-foglio .kb-table td { font-variant-numeric: tabular-nums; }
    /* Il FOGLIO dell'analisi ads: CARTA chiara di giorno, LAVAGNA scura di
       notte (richiesta utente: niente blocco bianco nel nero, ma nemmeno il
       buco nero di prima — superficie rialzata, mai nero pieno). I VELI delle
       righe si mescolano con la base del tema via variabili, cosi' il cambio
       giorno/notte e' istantaneo senza ridisegnare. */
    .fba-foglio {
      --foglio-sup: #16151b; --foglio-banda: #1d1c23; --foglio-bordo: #2b2a32;
      --foglio-testo: #e8e6e1; --foglio-muted: #97928a;
      --velo-base: #1e1d24; --velo-quota: 30%;
      background: var(--foglio-sup); border: 1px solid var(--border); border-radius: 10px;
    }
    html.light .fba-foglio {
      --foglio-sup: #f6f4ef; --foglio-banda: #efece4; --foglio-bordo: #e3ded2;
      --foglio-testo: #1d1a15; --foglio-muted: #8a8578;
      --velo-base: #fbfaf7; --velo-quota: 16%;
    }
    .fba-foglio table.kb-table, html.light .fba-foglio table.kb-table { background: transparent; border: none; }
    .fba-foglio .kb-table th, html.light .fba-foglio .kb-table th {
      background: var(--foglio-banda); color: var(--accent);
      border-bottom: 1px solid var(--foglio-bordo); border-right: 1px solid var(--foglio-bordo);
    }
    .fba-foglio .kb-table td { border-color: var(--foglio-bordo); color: var(--foglio-testo); }
    .fba-foglio .kb-table tr:hover td { background: color-mix(in srgb, var(--accent) 8%, transparent); }
    .fba-foglio .fba-pct { color: var(--foglio-muted); }
    .fba-foglio .kbm-ph { color: var(--foglio-muted); }
    .fba-foglio .fba-totale td { color: var(--foglio-muted); }
    /* CERCA UN LEAD (ago 2026): il campo sta nella riga dei filtri e la risposta
       esce in un POPUP CENTRATO (riusa .kb-modal-overlay/.kb-modal del sistema).
       Nel fumetto ancorato al campo stava troppo stretta (Logan: "è molto
       compresso"), quindi qui si respira: schede staccate da una riga d'oro,
       nome grande, pill dell'inserzione su una riga sua, tracce a righe alte.
       Niente colori nuovi: pill del foglio, --muted per il contorno. */
    .fba-cerca { min-width: 190px; }
    /* tendina del funnel (VSL Interesse / VSL Friendzone), prima delle date */
    .fba-scheda { min-width: 170px; }
    .fba-cerca-modal {
      max-width: 620px; text-align: left; padding: 0;
      max-height: 82vh; display: flex; flex-direction: column;
    }
    /* La barra in alto ha un fondo SUO (Logan, 12/08: "separami il colore della
       barra da quello del contenuto, altrimenti è tutto uguale"): --surface
       contro il --surface2 della card, quindi si stacca in tutti e due i temi
       senza colori nuovi (di notte è più scura, di giorno più chiara). */
    .fba-cerca-testa {
      display: flex; align-items: center; justify-content: space-between; gap: 14px;
      padding: 16px 24px; background: var(--surface);
      border-bottom: 1px solid var(--gold-line); border-radius: 13px 13px 0 0;
    }
    .fba-cerca-titolo {
      font-family: var(--font-display); text-transform: uppercase;
      letter-spacing: .1em; font-size: 12px; color: var(--accent);
    }
    .fba-cerca-x {
      background: none; border: none; color: var(--muted); cursor: pointer;
      font-size: 15px; line-height: 1; padding: 4px 6px; border-radius: 6px;
    }
    .fba-cerca-x:hover { color: var(--accent); background: var(--surface); }
    .fba-cerca-corpo { padding: 6px 24px 22px; overflow-y: auto; background: var(--surface2); }
    /* ESITO della call: stesso metro di colori del resto della console (verde
       vendita, rosso rifiuto, arancio no show, spenta la call ancora da fare),
       sempre da variabili, mai hex fissi. */
    .fba-cerca-esito {
      display: inline-block; padding: 2px 9px; border-radius: 999px;
      font-size: 11px; font-weight: 600; letter-spacing: .02em; vertical-align: middle;
      border: 1px solid currentColor;
    }
    .fba-esito-vend   { color: var(--green); }
    .fba-esito-rif    { color: var(--red); }
    .fba-esito-ns     { color: var(--orange); }
    .fba-esito-aperta { color: var(--muted); }
    .fba-cerca-traccia .fba-cerca-esito { font-size: 10.5px; padding: 1px 7px; }
    .fba-cerca-persona { padding: 18px 0; border-top: 1px solid var(--gold-line); }
    .fba-cerca-persona:first-child { border-top: none; }
    .fba-cerca-nome { font-size: 15px; font-weight: 600; margin-bottom: 12px; }
    .fba-cerca-ad { margin: 8px 0; line-height: 1.6; }
    .fba-cerca-tracce { margin-top: 14px; display: grid; gap: 5px; }
    .fba-cerca-traccia, .fba-cerca-nota, .fba-cerca-nulla { font-size: 12px; color: var(--muted); }
    .fba-cerca-nulla { display: inline-block; padding: 4px 0; }
    .fba-cerca-traccia b { color: var(--text); font-weight: 600; margin-right: 3px; }
    .fba-cerca-nota { font-style: italic; margin-left: 8px; }
    /* riga di STACCO tra i blocchi dell'analisi ads (la tabella e' UNA sola,
       cosi' la barra di scorrimento e' una e le colonne restano allineate):
       cella senza bordi ne' sfondo, solo aria, come le righe vuote del foglio */
    .kb-table tr.fba-stacco td { border: none; background: transparent !important; height: 26px; padding: 0; }
    .kb-table tr.fba-stacco:hover td { background: transparent !important; }