.invoice-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.invoice-actions .btn{padding:7px 9px;font-size:12px}
.invoice-detail-box{margin-top:14px}
.invoice-detail-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.invoice-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0}
.invoice-detail-grid span{display:block;background:rgba(255,255,255,.7);border:1px solid rgba(7,28,77,.12);border-radius:12px;padding:10px}
.invoice-detail-grid b{display:block;color:#071c4d;font-size:12px;margin-bottom:4px}
@media(max-width:720px){.invoice-actions{justify-content:flex-start}.invoice-actions .btn{width:auto;min-width:84px}}


/* Colori distinti pulsanti fatture */
.invoice-actions .invoice-view-btn{
  background:#0b63ce;
  color:#fff;
  border:1px solid #0b63ce;
}
.invoice-actions .invoice-view-btn:hover{
  background:#084fa6;
  border-color:#084fa6;
}

.invoice-actions .invoice-download-btn{
  background:#7c3aed;
  color:#fff;
  border:1px solid #7c3aed;
}
.invoice-actions .invoice-download-btn:hover{
  background:#5b21b6;
  border-color:#5b21b6;
}

.invoice-actions .pay-btn{
  background:#f59e0b;
  color:#1f2937;
  border:1px solid #f59e0b;
}
.invoice-actions .pay-btn:hover{
  background:#d97706;
  border-color:#d97706;
  color:#fff;
}

/* Mantiene i tre bottoni leggibili anche su mobile */
.invoice-actions .btn{
  box-shadow:0 3px 9px rgba(24,32,51,.12);
  white-space:nowrap;
}


/* Fix mobile numero fattura: evita cifre in colonna */
.invoice-table td[data-label="Numero"],
.invoice-table td[data-label="Numero"] strong,
.invoice-table td[data-label="Numero"] .invoice-number{
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  font-variant-numeric:tabular-nums;
}

@media(max-width:720px){
  .invoice-table td[data-label="Numero"]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    text-align:right;
  }

  .invoice-table td[data-label="Numero"]::before{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .invoice-table td[data-label="Numero"] > br{
    display:none;
  }

  .invoice-table td[data-label="Numero"] .site-tag{
    flex:1 0 100%;
    margin-top:6px;
    text-align:right;
    white-space:normal;
  }

  .invoice-table td[data-label="Numero"]{
    min-width:0;
  }
}


/* FORCE FIX - colori e numero fattura mobile */
.invoice-actions .invoice-view-btn,
.invoice-table .invoice-actions .invoice-view-btn{
  background:#0b63ce !important;
  color:#fff !important;
  border-color:#0b63ce !important;
}
.invoice-actions .invoice-download-btn,
.invoice-table .invoice-actions .invoice-download-btn{
  background:#7c3aed !important;
  color:#fff !important;
  border-color:#7c3aed !important;
}
.invoice-actions .pay-btn,
.invoice-table .invoice-actions .pay-btn{
  background:#f59e0b !important;
  color:#1f2937 !important;
  border-color:#f59e0b !important;
}

.invoice-table .invoice-number{
  display:inline-block !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  letter-spacing:.02em !important;
  font-variant-numeric:tabular-nums !important;
  min-width:max-content !important;
}

@media(max-width:720px){
  .invoice-table td[data-label="Numero"]{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    width:100% !important;
    max-width:100% !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .invoice-table td[data-label="Numero"]::before{
    content:attr(data-label) !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    text-align:left !important;
  }

  .invoice-table td[data-label="Numero"] .invoice-number{
    flex:0 0 auto !important;
    text-align:right !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    min-width:max-content !important;
  }

  .invoice-table td[data-label="Numero"] br{
    display:none !important;
  }

  .invoice-table td[data-label="Numero"] .site-tag{
    flex:1 0 100% !important;
    text-align:right !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    margin-top:6px !important;
  }

  .invoice-actions{
    display:flex !important;
    gap:6px !important;
    flex-wrap:wrap !important;
  }
}


/* Override finale: Scarica violetto/magenta, Pagata non appare nelle azioni */
.invoice-actions .invoice-download-btn,
.invoice-table .invoice-actions .invoice-download-btn{
  background:#c7418e !important;
  color:#fff !important;
  border-color:#c7418e !important;
}
.invoice-actions .invoice-download-btn:hover,
.invoice-table .invoice-actions .invoice-download-btn:hover{
  background:#a82470 !important;
  border-color:#a82470 !important;
  color:#fff !important;
}

.invoice-actions:empty{
  display:none !important;
}


/* Override finale: Scarica con sfumatura Serafino */
.invoice-actions .invoice-download-btn,
.invoice-table .invoice-actions .invoice-download-btn{
  background:linear-gradient(135deg,#df007d 0%,#c7418e 48%,#2d8cc0 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 4px 12px rgba(199,65,142,.28) !important;
}
.invoice-actions .invoice-download-btn:hover,
.invoice-table .invoice-actions .invoice-download-btn:hover{
  background:linear-gradient(135deg,#c0006d 0%,#a82470 48%,#2373a0 100%) !important;
  color:#fff !important;
  transform:translateY(-1px);
}