/* dashboard/css/30-oggi.css — estratto da app.css (2026-07, split senza build). */
/* Home "Oggi" — KPI ricavo */
.oggi-kpi { display: flex; flex-direction: column; gap: 2px; padding: 18px; }
.oggi-kpi-label { font-size: 12px; color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }
.oggi-kpi-row { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.oggi-kpi-value { font-size: 32px; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
.oggi-kpi-delta { font-size: 14px; font-weight: 700; }                 /* 14px bold = soglia "large text" 3:1 */
.oggi-kpi-delta--up { color: var(--ok); }
.oggi-kpi-delta--down { color: var(--danger); }
.oggi-kpi-sub { font-size: 13px; color: var(--ink-3); margin-top: 2px; }
.oggi-note { padding: 0 18px 18px; font-size: 13px; color: var(--ink-3); }

/* Home "Oggi" — segnali "da fare oggi" (control tower, danger->ok) */
.ct-signals { display: flex; flex-direction: column; gap: 10px; padding: 0 var(--page-pad-x); }  /* gutter = --page-pad-x come .machines.cols-2 / .card */
/* Gruppi categoria "Da fare oggi" (Impianto/Assistenza/Amministrazione/Promozioni) */
.ct-group + .ct-group { margin-top: 16px; }
/* Respiro uniforme sotto i titoli di sezione: le card hanno margin-top 12px
   (u-mx-18-mt-12, es. Schermo cassa / tile Azione); ct-signals e ct-group da
   soli restavano attaccati al titolo (solo gli 8px di padding-bottom) —
   pareggia "Promo in corso" e "Da fare oggi" con le altre sezioni. */
.section-title + .ct-signals,
.section-title + .ct-group { margin-top: 12px; }
.ct-group-label { padding: 0 var(--page-pad-x); margin: 0 0 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-3); }
/* Link "Vedi tutte le azioni" sotto la singola azione del giorno (-> Clienti>Azioni) */
.oggi-azioni-all { display: inline-flex; align-items: center; gap: 2px; margin: 10px var(--page-pad-x) 0; font-size: 13px; font-weight: 600; color: var(--brand); text-decoration: none; }
.oggi-azioni-all:hover { color: var(--brand-hover); }
.signal-card { display: flex; align-items: center; gap: 14px; padding: 14px 16px; }  /* severità = colore dell'icona (.signal-ico), niente rail/baffi */
.signal-card--danger { --ct-accent: var(--danger); }
.signal-card--warn { --ct-accent: var(--warn); }
.signal-card--info { --ct-accent: var(--info); }
.signal-card--ok { --ct-accent: var(--ok); }
.signal-ico { flex: 0 0 auto; display: flex; color: var(--ct-accent, var(--ink-3)); }
.signal-body { flex: 1 1 auto; min-width: 0; }
.signal-title { font-size: 14px; font-weight: 700; color: var(--ink); }
.signal-detail { font-size: 13px; color: var(--ink-2); margin-top: 2px; }
/* Card segnale interamente cliccabile: ring all'hover nel colore della severità +
   chevron come affordance a riposo. Niente baffi/border a riposo → preserva il
   look "ombra-only" dei segnali e non introduce layout shift. */
.signal-card--link { text-decoration: none; color: inherit; cursor: pointer; transition: box-shadow 120ms ease, transform 80ms ease; }
.signal-card--link:hover { box-shadow: var(--shadow-card), 0 0 0 1.5px var(--ct-accent, var(--brand)); }
.signal-card--link:active { transform: scale(0.98); }
/* Chevron "vai" uniforme con le altre card: STESSA classe .chev-right della tile
   HH (.create-alt-tile), 20px; hover nel colore della severità del segnale. */
.signal-card--link > .chev-right { flex-shrink: 0; width: 20px; height: 20px; color: var(--ink-3); transition: color 120ms ease; }
.signal-card--link:hover > .chev-right { color: var(--ct-accent, var(--brand)); }
/* Pill sulla card azionabile (danger/warn): gemello del .todo-count in testata
   ma nel colore della severità — collega il numero del titolo alla card giusta
   ("1 in alto → cerca il pill 1"). Solo markup su danger/warn, le card ok
   restano pulite. */
.signal-count { flex-shrink: 0; font-size: 11px; font-weight: 700; color: var(--ct-accent, var(--brand)); background: color-mix(in oklab, var(--ct-accent, var(--brand)) 14%, var(--surface)); padding: 2px 8px; border-radius: 999px; font-variant-numeric: tabular-nums; }

/* Home "Oggi" — Azioni rapide: card stile Promo (.create-alt-tile, bordo->brand all'hover) */
.create-alt-tile.oggi-assist-soon { opacity: 0.7; cursor: default; }
.create-alt-tile.oggi-assist-soon:hover { border-color: var(--line); }
.create-alt-tile.oggi-assist-soon:hover > svg { color: var(--ink-2); }
.bottom-nav button .badge-n { position: absolute; top: 4px; left: 50%; transform: translateX(0); background: var(--danger); color: #fff; font-size: 9px; padding: 0 4px; border-radius: 999px; font-weight: 700; line-height: 13px; min-width: 13px; height: 13px; text-align: center; border: 2px solid var(--surface); box-sizing: content-box; }
@media (min-width: 1024px) {
  /* Hide desktop per CLASSE: la bottom-nav ora e' figlia di <body> (fuori da
     .app-main) per l'anti-sgancio iOS, quindi il vecchio selettore posizionale
     `.app-sidebar + .app-main .bottom-nav` non matcherebbe piu'. */
  .bottom-nav { display: none; }
}

/* Card pattern */
.card { background: var(--surface); border-radius: 14px; box-shadow: var(--shadow-card); margin: 10px var(--page-pad-x) 0; }

.section-title { padding: 20px var(--page-pad-x) 8px; font-size: 13px; font-weight: 700; color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.06em; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
/* Il testo di testata può essere un h2 (semantica heading, stessa resa
   dell'eyebrow): azzera lo stile UA del tag, eredita tutto dal contenitore. */
.section-title h2 { font: inherit; }
.section-title a { color: var(--brand); font-size: 13px; text-decoration: none; font-weight: 600; text-transform: none; letter-spacing: 0; }
/* Contatore x/y accanto a "Da fare oggi": azionabili / totale mostrati.
   Reso solo quando c'e' almeno 1 azionabile (nascosto in giornata tranquilla). */
.section-title .todo-count { font-size: 11px; font-weight: 700; color: var(--brand); background: var(--brand-soft); padding: 2px 8px; border-radius: 999px; text-transform: none; letter-spacing: 0; font-variant-numeric: tabular-nums; }