/* ============================================================
   STILE INTEGRA*P — TABELLE E COLORI
   ============================================================ */

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

/* Colori principali */
:root {
    --integra-celeste: #cfe8ff;
    --integra-celeste-scuro: #b7d8ff;
    --integra-azzurro-chiaro: #e9f4ff;
}

/* Filtri */
.filtri input,
.filtri select {
    margin-right: 10px;
}

/* Tabella */
.tabella {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px; /* font più piccolo */
}

/* Intestazioni */
.tabella th {
    background-color: var(--integra-celeste);
    color: #003366;
    padding: 10px;
    border-bottom: 2px solid #aac8e6;
    text-align: left;
    font-weight: bold;
}

/* Celle */
.tabella td {
    padding: 8px 10px;
    border-bottom: 1px solid #e0e0e0;
}

/* Hover */
.tabella tr:hover {
    background-color: #f5faff;
}

/* ============================================================
   COLORI PER FATTURA ARRIVATA / MANCANTE
   ============================================================ */

/* Fattura arrivata → azzurro chiaro */
.ok {
    background-color: var(--integra-azzurro-chiaro);
}

/* Fattura mancante → bianco */
.ko {
    background-color: #ffffff;
}

/* ============================================================
   Link “Apri”
   ============================================================ */
a {
    color: #0056a3;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

/* ============================================================
   Pulsante “Torna indietro”
   ============================================================ */
button {
    background-color: var(--integra-celeste);
    border: 1px solid #aac8e6;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

button:hover {
    background-color: var(--integra-celeste-scuro);
}
/* Header stile INTEGRA*P */
.int-header {
    display: flex;
    align-items: center;
    background-color: var(--integra-celeste);
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.int-logo {
    height: 42px;
    margin-right: 15px;
}

.int-title {
    color: #003366;
    font-size: 22px;
    margin: 0;
}
.tabella td.num {
    text-align: right;
}
.tabella thead tr {
    position: sticky;
    top: 0;
    background-color: var(--integra-celeste);
    z-index: 10;
}
.tabella-container {
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid #aac8e6;
    border-radius: 6px;
    background: #ffffff;
}
.tabella th.num {
    text-align: right;
}
.input-small {
    width: 70px;
    text-align: right;
}
.num {
    text-align: right;
}
.ok {
    background-color: #c8f7c5 !important;   /* verde chiaro, più visibile */
}
tr:hover {
    background-color: #e8f0ff;   /* leggero azzurro, diverso dal verde */
}