/* =====================================================================
   Vista «oggi» (disegno «private»). Dal prototipo (sezioni Oggi, giro 1, giro 2) più le parti dell'app vera.
   Ogni regola è chiusa dentro [data-vista="oggi"]: vale nella pagina e nei pannelli che la vista apre.
   ===================================================================== */
/* Oggi: fascia di apertura */
[data-vista="oggi"] .eroe { padding: 28px 32px 26px; }
[data-vista="oggi"] .eroe-g { display: grid; grid-template-columns: 336px minmax(0, 1fr); gap: 30px; align-items: center; }
[data-vista="oggi"] .eroe h1 { font-family: var(--serif); font-weight: 400; font-size: 40px; line-height: 1.02; color: #fff; letter-spacing: -.015em; margin: 10px 0 14px; }
[data-vista="oggi"] .frase { font-family: var(--serif); font-size: 18px; line-height: 1.45; color: #d9dfea; }
[data-vista="oggi"] .frase b { color: #fff; font-weight: 600; }
[data-vista="oggi"] .frase .corallo { color: #f4a48f; }
[data-vista="oggi"] .frase .orob { color: #e5c78a; }
[data-vista="oggi"] .agg { display: flex; align-items: center; gap: 8px; margin-top: 18px; font-size: var(--t-xs); color: var(--notte-tenue); }
[data-vista="oggi"] .agg svg { width: 14px; height: 14px; color: var(--oro-2); }
[data-vista="oggi"] .tab-numeri { width: 100%; border-collapse: collapse; }
[data-vista="oggi"] .tab-numeri th { text-align: left; font-weight: 500; font-size: var(--t-xs); color: var(--notte-tenue); padding: 0 12px 10px; white-space: nowrap; }
[data-vista="oggi"] .tab-numeri th svg { width: 14px; height: 14px; color: var(--oro-2); vertical-align: -2px; margin-right: 5px; }
[data-vista="oggi"] .tab-numeri td { padding: 12px 12px; border-top: 1px solid rgba(255, 255, 255, .08); vertical-align: top; }
[data-vista="oggi"] .tab-numeri td.soc-n { padding-left: 0; white-space: nowrap; font-weight: 700; font-size: var(--t-s); letter-spacing: .06em; text-transform: uppercase; color: #fff; }
[data-vista="oggi"] .tab-numeri td.soc-n i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 8px; }
[data-vista="oggi"] .tab-numeri .cifra { font-size: 25px; color: #fff; }
[data-vista="oggi"] .corto { display: none; }
[data-vista="oggi"] .tab-numeri .cifra.cor { color: #f4a48f; }
[data-vista="oggi"] .tab-numeri .sub { font-size: var(--t-xs); color: var(--notte-tenue); margin-top: 5px; max-width: 175px; }
[data-vista="oggi"] .tab-numeri .sub em { font-style: normal; color: #f4a48f; }
[data-vista="oggi"] .mini-barra { display: flex; height: 4px; border-radius: 3px; overflow: hidden; background: rgba(255, 255, 255, .1); margin-top: 7px; gap: 2px; max-width: 170px; }
[data-vista="oggi"] .mini-barra i { display: block; height: 100%; }
[data-vista="oggi"] .sett { display: grid; grid-template-columns: 26px 1fr; gap: 6px; align-items: center; font-size: 11.5px; color: var(--notte-tenue); margin-top: 4px; max-width: 170px; }
[data-vista="oggi"] .sett s { display: block; height: 4px; border-radius: 3px; background: rgba(255, 255, 255, .08); }
[data-vista="oggi"] .sett s i { display: block; height: 4px; border-radius: 3px; background: rgba(255, 255, 255, .28); }
[data-vista="oggi"] .sett.ora s i { background: var(--oro-2); }

[data-vista="oggi"] .dafare { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
[data-vista="oggi"] .dafare .card { grid-column: span 4; }
[data-vista="oggi"] .dafare .card.apertura { grid-column: span 7; }
[data-vista="oggi"] .dafare .card.mezza { grid-column: span 6; }
[data-vista="oggi"] .dafare .card.dom { grid-column: span 5; background: linear-gradient(160deg, var(--foglio) 40%, #fbf5e6); }
[data-vista="oggi"] .apertura .card-corpo { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); gap: 26px; }
[data-vista="oggi"] .apertura .card-tit { flex-direction: column; gap: 4px; }
[data-vista="oggi"] .apertura .card-tit h3 { font-size: 32px; }
[data-vista="oggi"] .apertura .card-tit .cifra { margin-left: 0; font-size: 38px; color: var(--scaduta); }
[data-vista="oggi"] .mezza .card-corpo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; }
[data-vista="oggi"] .mezza .card-graf { margin-top: 12px; }
@media (max-width: 760px) {
  [data-vista="oggi"] .eroe { padding: 18px 18px 14px; margin: 0; }
  [data-vista="oggi"] .eroe-g { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  [data-vista="oggi"] .eroe h1 { font-size: 27px; margin: 6px 0 8px; }
  [data-vista="oggi"] .frase { font-size: 16px; line-height: 1.4; }
  [data-vista="oggi"] .lungo { display: none !important; } [data-vista="oggi"] .corto { display: inline; }
  [data-vista="oggi"] .tab-numeri { table-layout: fixed; } [data-vista="oggi"] .tab-numeri th:first-child, [data-vista="oggi"] .tab-numeri td.soc-n { width: 82px; }
  [data-vista="oggi"] .agg { display: none; }
  [data-vista="oggi"] .tab-numeri th { padding: 0 6px 6px; font-size: 11.5px; }
  [data-vista="oggi"] .tab-numeri th svg { display: none; }
  [data-vista="oggi"] .tab-numeri td { padding: 8px 6px; }
  [data-vista="oggi"] .tab-numeri td.soc-n { font-size: 11.5px; letter-spacing: .02em; }
  [data-vista="oggi"] .tab-numeri td.soc-n i { width: 8px; height: 8px; margin-right: 5px; }
  [data-vista="oggi"] .tab-numeri .cifra { font-size: 17px; }
  [data-vista="oggi"] .tab-numeri .sub, [data-vista="oggi"] .tab-numeri .mini-barra, [data-vista="oggi"] .tab-numeri .sett { display: none; }
  [data-vista="oggi"] .dafare { grid-template-columns: 1fr; gap: 12px; }
  [data-vista="oggi"] .dafare .card, [data-vista="oggi"] .dafare .card.apertura, [data-vista="oggi"] .dafare .card.mezza, [data-vista="oggi"] .dafare .card.dom { grid-column: 1 / -1; }
  [data-vista="oggi"] .apertura .card-corpo, [data-vista="oggi"] .mezza .card-corpo { grid-template-columns: 1fr; gap: 0; }
  [data-vista="oggi"] .apertura .card-tit { flex-direction: row; align-items: baseline; }
  [data-vista="oggi"] .apertura .card-tit h3 { font-size: 25px; }
  [data-vista="oggi"] .apertura .card-tit .cifra { margin-left: auto; font-size: 27px; }
  [data-vista="oggi"] .dafare .card .card-corpo { display: contents; }
  [data-vista="oggi"] .dafare .card .card-txt { order: 1; } [data-vista="oggi"] .dafare .card .card-piede { order: 2; padding-top: 12px; } [data-vista="oggi"] .dafare .card .card-graf { order: 3; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--filo-2); }
  [data-vista="oggi"] .dafare .card.dom .card-graf { border: 0; }
  [data-vista="oggi"] .dafare .card.fatture, [data-vista="oggi"] .dafare .card.dom { grid-column: 1 / -1; }
  [data-vista="oggi"] .arrivo-mini { display: none; }
  [data-vista="oggi"] .fe-r.solo-tel { display: grid !important; }
  [data-vista="oggi"] .fe-r { grid-template-columns: minmax(0, 1fr) auto 78px; }
  [data-vista="oggi"] .dom-una .dom-q { font-size: 17px; }
  [data-vista="oggi"] .card.dom .card-piede { flex-wrap: wrap; }
  [data-vista="oggi"] .fe-n b { white-space: normal; }
}
/* Oggi: cinque card, la seconda è «Fatture da emettere», le domande sono una card sola */
[data-vista="oggi"] .dafare .card.fatture { grid-column: span 5; }
[data-vista="oggi"] .dafare .card.dom { grid-column: span 4; }
[data-vista="oggi"] .fe-lista { display: grid; }
[data-vista="oggi"] .fe-sez { display: flex; align-items: center; gap: 6px; font-size: var(--t-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); padding: 8px 0 6px; border-bottom: 1px solid var(--filo); }
[data-vista="oggi"] .fe-sez:not(:first-child) { margin-top: 8px; }
[data-vista="oggi"] .fe-sez span { margin-left: auto; letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums; }
[data-vista="oggi"] .fe-sez svg { width: 14px; height: 14px; }
[data-vista="oggi"] .fe-sez.rosso { color: var(--scaduta); }
[data-vista="oggi"] .fe-r { display: grid; grid-template-columns: minmax(0, 1fr) auto 86px; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px dotted var(--filo-2); font-size: var(--t-s); }
[data-vista="oggi"] .fe-n { display: flex; align-items: center; gap: 7px; min-width: 0; }
[data-vista="oggi"] .fe-n b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-vista="oggi"] .fe-v { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-vista="oggi"] .fe-q { font-size: var(--t-xs); }
[data-vista="oggi"] .fe-gruppo { display: flex; gap: 7px; align-items: flex-start; margin-top: 10px; font-size: var(--t-xs); color: var(--ink-3); }
[data-vista="oggi"] .fe-gruppo svg { width: 14px; height: 14px; flex: none; margin-top: 1px; }
[data-vista="oggi"] .dom-una { margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: var(--foglio); border: 1px solid var(--oro-filo); }
[data-vista="oggi"] .dom-una .dom-q { font-family: var(--serif); font-size: 18px; font-weight: 500; line-height: 1.3; margin-top: 4px; }
[data-vista="oggi"] .dom-una .occhiello { color: var(--oro); }
[data-vista="oggi"] .card.dom .card-piede .tenue { margin-left: 6px; }
[data-vista="oggi"] .fe-tot { grid-template-columns: minmax(0, 1fr) auto !important; }
[data-vista="oggi"] .fe-testo { min-width: 0; }
/* Oggi: incassato di settembre e ottobre con la cifra accanto alla barra */
[data-vista="oggi"] .sett { grid-template-columns: 26px minmax(0, 1fr) auto; max-width: 200px; }
[data-vista="oggi"] .sett s i { background: rgba(255, 255, 255, .5); }
[data-vista="oggi"] .sett span { font-size: 11px; color: var(--notte-tenue); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-vista="oggi"] .sett.ora span { color: var(--oro-2); }
/* card 02: in cima gli spazi già pagati e mai fatturati */
[data-vista="oggi"] .fe-pag { display: inline-flex; align-items: center; gap: 4px; font-size: var(--t-xs); font-weight: 600; color: var(--pagata); white-space: nowrap; }
[data-vista="oggi"] .fe-pag svg { width: 13px; height: 13px; }
[data-vista="oggi"] .apertura .card-txt .avviso-mini { margin-top: 14px; }
@media (min-width: 761px) {
  [data-vista="oggi"] .dafare .card.apertura { grid-column: span 5; }
  [data-vista="oggi"] .dafare .card.fatture { grid-column: span 7; }
  [data-vista="oggi"] .apertura .card-corpo { grid-template-columns: minmax(0, 1fr); gap: 0; }
  [data-vista="oggi"] .apertura .card-tit { flex-direction: row; align-items: baseline; flex-wrap: wrap; }
  [data-vista="oggi"] .apertura .card-tit .cifra { margin-left: auto; }
  [data-vista="oggi"] .apertura .card-graf { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--filo-2); }
}
/* Oggi: nella card 01 il rimando alla domanda va sotto la frase, non la stringe */
[data-vista="oggi"] .apertura .dubbio-riga > span { flex-basis: calc(100% - 30px); }
[data-vista="oggi"] .apertura .dubbio-riga .rimando { margin-left: 23px; }

/* ---- Oggi nell'app vera: card in numero variabile, la prima e la seconda affiancate, la coda senza buchi ---- */
[data-vista="oggi"] .eroe { margin-bottom: 4px; }
[data-vista="oggi"] .tab-numeri .sub .dubbio-n { display: block; color: rgba(232, 236, 244, .62); margin-top: 3px; }
[data-vista="oggi"] .dafare .card.larga { grid-column: span 7; }
[data-vista="oggi"] .dafare .card.s4 { grid-column: span 4; }
[data-vista="oggi"] .dafare .card.s6 { grid-column: span 6; }
[data-vista="oggi"] .dafare .card.s12, [data-vista="oggi"] .dafare .card.sola { grid-column: 1 / -1; }
[data-vista="oggi"] .dafare .card.s12 .card-corpo, [data-vista="oggi"] .dafare .card.sola .card-corpo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 28px; align-items: start; }
[data-vista="oggi"] .dafare .card.s12 .card-graf, [data-vista="oggi"] .dafare .card.sola .card-graf { margin-top: 12px; padding-top: 0; border-top: 0; }
[data-vista="oggi"] .apertura .card-tit .cifra { color: var(--ink); }
[data-vista="oggi"] .apertura.tono-rosso .card-tit .cifra { color: var(--scaduta); }
[data-vista="oggi"] .card-testa .bollino { margin-left: 2px; }
[data-vista="oggi"] .card-piede .tenue.piccolo { margin-left: 8px; }
[data-vista="oggi"] .card.dom .dom-una .dom-q { font-size: 17px; }
[data-vista="oggi"] .card.dom .proposta b { font-weight: 600; }

/* flusso «pagato → fattura da fare» con l'importo */
[data-vista="oggi"] .fl-nome { display: flex; align-items: center; gap: 8px; }
[data-vista="oggi"] .fl-nome > span:not(.qd) { flex: 1; min-width: 0; }
[data-vista="oggi"] .fl-nome b { font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-vista="oggi"] .fl-passi { grid-template-columns: auto minmax(16px, 1fr) auto; }
[data-vista="oggi"] .fl-passo.ok { white-space: normal; }

/* righe semplici delle proposte (scadenze, rinnovi) */
[data-vista="oggi"] .fe-lista .fe-r:last-child { border-bottom: 0; }
[data-vista="oggi"] .fe-n b { white-space: normal; }
[data-vista="oggi"] .card.tit-lungo .card-tit { flex-direction: column; align-items: flex-start; gap: 4px; }
[data-vista="oggi"] .card.tit-lungo .card-tit .cifra { margin-left: 0; }

/* le card rimandate a domani */
[data-vista="oggi"] .rimandate { display: flex; align-items: center; gap: 8px; margin: -4px 0 12px; font-size: var(--t-s); color: var(--ink-3); }
[data-vista="oggi"] .rimandate svg { width: 15px; height: 15px; }
[data-vista="oggi"] .rimandate .lnk-p { background: none; border: 0; cursor: pointer; }

/* le altre cose, chiuse in una riga */
[data-vista="oggi"] .altre { margin-top: 18px; }
[data-vista="oggi"] .altre summary { list-style: none; cursor: pointer; border-bottom: 0; }
[data-vista="oggi"] .altre summary::-webkit-details-marker { display: none; }
[data-vista="oggi"] .altre summary .frec { width: 18px; height: 18px; color: var(--oro); transition: transform .2s; }
[data-vista="oggi"] .altre[open] summary { border-bottom: 1px solid var(--filo); }
[data-vista="oggi"] .altre[open] summary .frec { transform: rotate(90deg); }
[data-vista="oggi"] .altre summary h3 { font-size: 19px; }
[data-vista="oggi"] .altra { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto 18px; gap: 12px; align-items: center; width: 100%; text-align: left; padding: 11px 18px; border-top: 1px solid var(--filo); cursor: pointer; }
[data-vista="oggi"] .altra:first-of-type { border-top: 0; }
[data-vista="oggi"] .altra:hover { background: var(--foglio-caldo); }
[data-vista="oggi"] .altra .t b { display: block; font-weight: 600; }
[data-vista="oggi"] .altra .t small { display: block; font-size: var(--t-xs); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-vista="oggi"] .altra .v { font-family: var(--serif); font-size: 17px; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }
[data-vista="oggi"] .altra > svg { width: 16px; height: 16px; color: var(--ink-4); }


@media (max-width: 760px) {
  [data-vista="oggi"] .dafare .card, [data-vista="oggi"] .dafare .card.larga, [data-vista="oggi"] .dafare .card.s4, [data-vista="oggi"] .dafare .card.s6, [data-vista="oggi"] .dafare .card.s12, [data-vista="oggi"] .dafare .card.sola { grid-column: 1 / -1; }
  [data-vista="oggi"] .dafare .card.s12 .card-corpo, [data-vista="oggi"] .dafare .card.sola .card-corpo { display: contents; }
  [data-vista="oggi"] .altra { padding: 11px 14px; grid-template-columns: 10px minmax(0, 1fr) auto; }
  [data-vista="oggi"] .altra > svg { display: none; }
  [data-vista="oggi"] .altre summary h3 { font-size: 17px; }
  [data-vista="oggi"] .card-piede .tenue.piccolo { flex-basis: 100%; margin: 6px 0 0; }
}


/* ---- Rifinitura giro 1 (6/10): griglia ordinata ----
   Card alte quanto il loro contenuto. La cifra sta sempre a destra del titolo, anche nelle card strette (il titolo va a capo).
   Nelle card strette le società sono solo quadratini colorati, così la testata resta su una riga. */
[data-vista="oggi"] .dafare { align-items: start; }
[data-vista="oggi"] .dafare .card-tit h3 { flex: 1; min-width: 0; }
[data-vista="oggi"] .dafare .card-tit .cifra { flex: none; white-space: nowrap; }
/* sul telefono le card sono larghe: le società restano scritte per esteso */
@media (min-width: 761px) {
  [data-vista="oggi"] .dafare .card.stretta .card-testa { flex-wrap: nowrap; }
  [data-vista="oggi"] .dafare .card.stretta .card-testa .soc { font-size: 0; gap: 0; padding: 5px; line-height: 0; }
  [data-vista="oggi"] .dafare .card.stretta .card-testa .soc i { width: 9px; height: 9px; }
  [data-vista="oggi"] .dafare .card.stretta .card-testa .st, [data-vista="oggi"] .dafare .card.stretta .card-testa .bollino { white-space: nowrap; }
}
[data-vista="oggi"] .altra { grid-template-columns: auto minmax(0, 1fr) auto 18px; }
[data-vista="oggi"] .altra .qd-pila { display: inline-flex; gap: 3px; min-width: 10px; }
@media (max-width: 760px) {
  [data-vista="oggi"] .altra { grid-template-columns: auto minmax(0, 1fr) auto; }
}
/* nelle card strette il nome del cliente ha tutto lo spazio: la nota in mezzo («finito il 31/08», «5 voci») sta nella pagina che si apre */
@media (min-width: 761px) {
  [data-vista="oggi"] .dafare .card.stretta .fe-r { grid-template-columns: minmax(0, 1fr) auto; }
  [data-vista="oggi"] .dafare .card.stretta .fe-r .fe-q { display: none; }
}

/* ---- Rifinitura giro 2 (6/10) ----
   Le prime due card affiancate sono alte uguali: niente buco sotto la seconda. Le scadenze dei prossimi 30 giorni
   della card del credito stanno in un riquadro che si apre. La fila delle domande dice anche chi viene dopo. */
@media (min-width: 761px) {
  [data-vista="oggi"] .dafare .card.apertura, [data-vista="oggi"] .dafare .card.larga { align-self: stretch; }
}
[data-vista="oggi"] .arrivo-det > summary { list-style: none; cursor: pointer; }
[data-vista="oggi"] .arrivo-det > summary::-webkit-details-marker { display: none; }
[data-vista="oggi"] .arrivo-det > summary > span { flex: 1; }
[data-vista="oggi"] .arrivo-det > summary .frec { width: 16px; height: 16px; color: var(--ink-3); margin-top: 2px; transition: transform .2s; }
[data-vista="oggi"] .arrivo-det[open] > summary .frec { transform: rotate(180deg); }
[data-vista="oggi"] .arrivo-det:not([open]) .arrivo-mini { display: none; }
[data-vista="oggi"] .arrivo-det[open] .arrivo-mini { display: grid; }
[data-vista="oggi"] .dom-poi { display: grid; gap: 2px; margin-top: 12px; }
[data-vista="oggi"] .dom-poi .occhiello { color: var(--oro); margin-bottom: 2px; }
[data-vista="oggi"] .dom-poi-r { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 16px; gap: 8px; align-items: center; min-height: 40px; padding: 4px 2px; border-bottom: 1px dotted var(--filo-2); color: var(--ink); text-decoration: none; font-size: var(--t-s); }
[data-vista="oggi"] .dom-poi-r:hover { color: var(--oro); }
[data-vista="oggi"] .dom-poi-r .t { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-vista="oggi"] .dom-poi-r b { font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-vista="oggi"] .dom-poi-r > svg { width: 14px; height: 14px; color: var(--ink-4); }
[data-vista="oggi"] .dom-poi-r .qd-pila { display: inline-flex; gap: 3px; }

/* ---- Rifinitura giro 3: le card urgenti hanno il numero corallo con un puntino. Il sottotitolo dice quante sono. ---- */
[data-vista="oggi"] .card.urgente .rango { color: var(--scaduta); }
[data-vista="oggi"] .card.urgente .rango::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 4px; border-radius: 50%; background: var(--scaduta); vertical-align: 3px; }

/* Nelle card strette l'asse dei giorni dice solo l'inizio e la fine: le cifre in mezzo si accavallavano (Sekretua, giro 3). */
[data-vista="oggi"] .card.stretta .br-asse div span:not(:first-child):not(:last-child) { display: none; }