/* FP3 home live · v12 (09/09/2026)
   Pipeline 01–04 a dati vivi, listino a riga unica, striscia registro nel
   blocco Commissiona, fabric senza tetto su telefono, FAB che si ritirano
   allo scroll. Nessun numero a memoria: tutto da JSON/feed già nello ZIP. */

/* pipeline · seconda riga viva per nodo */
#fp3machine .node{position:relative}
#fp3machine .node .nodelive2{display:block;margin-top:5px;padding-top:5px;border-top:1px dotted rgba(127,214,162,.22);color:#9fd6b6;font-size:9.5px;letter-spacing:.04em;line-height:1.45;transition:opacity .35s}
#fp3machine .node .nodelive2.is-swap{opacity:.25}
#fp3machine .node::after{content:"";position:absolute;top:10px;right:10px;width:5px;height:5px;border-radius:50%;background:#3a3a3a}
#fp3machine .node.is-live::after{background:#5fd49b;box-shadow:0 0 8px #5fd49b;animation:fp3nodeblink 2.4s ease-in-out infinite}
@keyframes fp3nodeblink{0%,100%{opacity:1}50%{opacity:.35}}
#fp3machine .node .nodesync{display:block;margin-top:3px;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#6f6b62}
@media (prefers-reduced-motion:reduce){#fp3machine .node.is-live::after{animation:none}}

/* commissiona · striscia registro + listino a riga unica */
.fp3svc-pulse{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:12px 0 2px;padding:8px 10px;border:1px dotted rgba(127,214,162,.3);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.06em;color:#c9c3b6}
.fp3svc-pulse .p1 b{color:#7fd6a2;font-weight:700}
.fp3svc-pulse .p1 i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5fd49b;box-shadow:0 0 7px #5fd49b;margin-right:6px;vertical-align:middle;animation:fp3nodeblink 2.4s ease-in-out infinite}
.fp3svc-pulse .p2{flex:1 1 100%;color:#9fd6b6;min-height:1.4em;transition:opacity .3s}
.fp3svc-pulse .p2.is-swap{opacity:.25}
.fp3svc-pulse .p2 a{color:#e6c97a;text-decoration:none;border-bottom:1px solid rgba(197,162,88,.35)}
.fp3svc-price{display:block;margin-top:9px;padding:8px 11px;border:1px solid rgba(197,162,88,.3);border-left:2px solid #C5A258;text-decoration:none;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.05em;line-height:1.6;color:#c9c3b6;background:rgba(197,162,88,.035)}
.fp3svc-price b{color:#e6c97a;font-weight:700}
.fp3svc-price:hover{color:#f0ece2}

/* fabric · su telefono si vede tutto, niente tetto a scorrimento interno */
@media (max-width:899px){
  #fp3fab [data-fp3-capped="1"]{max-height:none!important;overflow:visible!important}
  #fp3fab .fabrow{padding:7px 0}
  #fp3fab .fabrow b{flex-basis:70px;font-size:7.5px}
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
#fp3fab .fabcount{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#6f6b62;padding:4px 0 0;text-align:right}

/* FAB · si ritirano scendendo, tornano risalendo o dopo una pausa (solo telefono) */
@media (max-width:899px){
  #fp3vm,#fp3-rubrica-fab,#fp3-map-btn,#fp3-lente-btn,#fp3-lente-menu,#fp3dl,#fp3-reader-btn{transition:transform .28s ease,opacity .28s ease}
  html.fp3-fab-hide #fp3vm,html.fp3-fab-hide #fp3-rubrica-fab,html.fp3-fab-hide #fp3-map-btn,html.fp3-fab-hide #fp3-lente-btn,html.fp3-fab-hide #fp3-lente-menu,html.fp3-fab-hide #fp3dl,html.fp3-fab-hide #fp3-reader-btn{transform:translateY(160px);opacity:0;pointer-events:none}
}

/* v11.3 · fonti su telefono: griglia compatta a una riga per fonte (16 fonti ≈ 8 righe, non 16 card) */
@media (max-width:899px){
  #fp3fab .fabchips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin-top:6px!important}
  #fp3fab .fabchip{display:grid!important;grid-template-columns:8px 1fr auto!important;grid-template-areas:"dot name grade" "dot stat stat"!important;align-items:center!important;column-gap:6px!important;row-gap:0!important;padding:5px 8px!important;min-height:0!important;font-size:10.5px!important;line-height:1.25!important;text-align:left!important}
  #fp3fab .fabchip i{grid-area:dot;width:6px!important;height:6px!important;margin:0!important}
  #fp3fab .fabchip u{grid-area:grade;font-size:7px!important;margin:0!important}
  #fp3fab .fabchip .fp3-chip-t{grid-area:stat;font-size:7px!important;letter-spacing:.1em!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #fp3fab .fabchip[data-up="1"]{border-color:rgba(95,212,155,.35)!important}
  #fp3fab .fabph{font-size:8px!important}
}