/* ===== Notas fiscais ===== */
.nf{gap:18px;padding-bottom:120px}
.nf-li{gap:12px !important;justify-content:flex-start !important}
.nf-ic{position:relative;width:40px;height:40px;border-radius:12px;background:var(--gold-soft);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nf-ic b{position:absolute;bottom:-5px;right:-6px;font-size:9px;font-weight:800;letter-spacing:.02em;background:var(--card);color:var(--gold-ink);border:1px solid var(--line);border-radius:6px;padding:1px 4px}
.nf-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:150px;padding:20px;border:1.5px dashed rgba(201,162,77,.55);border-radius:18px;background:var(--card);cursor:pointer;transition:border-color .2s,background .2s}
.nf-drop:hover,.nf-drop.sobre{border-color:var(--gold);background:var(--gold-soft)}
.nf-drop.ok{border-style:solid;border-color:rgba(46,125,90,.45)}
.nf-drop strong{font-size:15px;word-break:break-word}
.nf-drop-ic{width:52px;height:52px;border-radius:16px;background:var(--gold-soft);color:var(--gold-ink);display:flex;align-items:center;justify-content:center}
.nf-drop-ic svg{width:26px;height:26px}
.nf-prev{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:140px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.nf-prev img{max-width:100%;max-height:420px;border-radius:10px;object-fit:contain}
.nf-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nf-acoes .btn.gold{grid-column:1/-1}
.nf-dados{display:grid !important;grid-template-columns:1fr 1fr}
.nf-dados>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.nf-dados span{font-size:12px;color:var(--muted);font-weight:600}
.nf-dados strong{font-size:15px;overflow-wrap:anywhere}
.nf-dados a{color:var(--gold-ink)}
.nf-dados .nf-obs{grid-column:1/-1}
@media (min-width:900px){
  #app:has(> .screen.nf){max-width:760px}
  .nf-acoes{grid-template-columns:repeat(3,1fr)}
  .nf-acoes .btn.gold{grid-column:auto}
  .nf-dados{grid-template-columns:repeat(4,1fr)}
}