body { font-family: Arial, sans-serif; margin: 20px; background:#989292; font-size: 0.8rem; /* oppure 12px */}



.topBar {
    display:flex;
    justify-content:flex-end;
    margin-bottom:15px;
}

.btnNew {
    background:#0077cc;
    color:white;
    padding:10px 16px;
    border-radius:6px;
    text-decoration:none;
    font-weight:bold;
}

.filterBar {
    background:#f5f5f5;
    padding:10px;
    border-radius:8px;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:12px;
}

.filterBar select, .filterBar button {
    padding:6px 10px;
    font-size:0.9rem;
}

.btnFilter {
    background:#005bbb;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
}

.btnReset {
    background:#777;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
}

.tabellaManif {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.tabellaManif th, .tabellaManif td {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
}

.badge {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

.badge-green { background: #d4f8d4; color: #0a7a0a; }
.badge-gray { background: #eee; color: #666; }

.rigaAnno {
    background: #005bbb;
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: left;
    padding: 6px 12px;
}

.btnIcon {
    padding: 6px 10px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
    text-decoration: none;
}
.page-container {
    width: 1300px;
    margin: 0 auto;              /* centra la pagina */
    background: #ffffff;         /* sfondo bianco pulito */
    padding: 20px;               /* respiro interno */
    box-shadow: 0 0 20px rgba(0,0,0,0.15);  /* ombra elegante */
    border-radius: 8px;          /* leggero arrotondamento */
}


.btnIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 60px;      /* LARGHEZZA FISSA */
    height: 32px;      /* ALTEZZA FISSA */
    padding: 0 4px;
    border-radius: 6px;
    font-size: 0.75rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
}

.badge-admin { background: linear-gradient(135deg, #1e3c72, #2a5298); color: #fff; padding: 3px 8px; border-radius: 4px; font-size: 12px; font-weight: bold; box-shadow: 0 0 4px rgba(0,0,0,0.25);
}
.btnUpload { background:#009933; color:white; }
.btnUpload:hover { background:#007a29; }

.btnMod { background:#0077cc; color:white; }
.btnMod:hover { background:#005fa3; }

.btnDel { background:#cc0000; color:white; }
.btnDel:hover { background:#a30000; }

.icon { width: 14px; height: 14px; }

.formBox { width: 600px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; background: #f9f9f9; }
.formBox label { display: block; margin-top: 12px; font-weight: bold; }
.formBox input[type=text], .formBox input[type=date], .formBox textarea, .formBox input[type=file] {
    width: 100%; padding: 8px; margin-top: 4px; border: 1px solid #bbb; border-radius: 4px; font-size: 1rem;
}
.formBox textarea { height: 120px; }
.previewBox { margin-top: 10px; text-align: center; }
.previewBox img { width: 80px; height: 50px; object-fit: cover; border-radius: 4px; border: 1px solid #ccc; }
.btnSalva { margin-top: 20px; padding: 10px 18px; background: #005bbb; color: white; border: none; border-radius: 6px; cursor: pointer; }
.btnSalva:hover { background: #004999; }