body { font-family: 'Segoe UI', sans-serif; background: #f4f6f8; margin: 0; padding: 20px; }
.container { max-width: 1200px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

/* Header e Toolbar */
header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-bottom: 20px; }
.toolbar { display: flex; gap: 10px; margin-bottom: 15px; background: #f1f3f5; padding: 10px; border-radius: 6px; align-items: center; }

/* Tabella */
table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 14px; }
th, td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #ddd; vertical-align: middle; }
th { background: #e9ecef; color: #000; font-weight: bold; text-transform: uppercase; font-size: 0.9em; }

/* STATI GIORNO */
.weekend { background-color: #fff3cd; } /* Giallo (Sab/Dom) */
.holiday { background-color: #f8d7da; } /* Rosso (Feste) */

/* BLOCCO VISIVO */
.locked-field {
    pointer-events: none;
    background-color: transparent;
    opacity: 0.7;
    border: 1px solid transparent;
    color: #555;
    appearance: none; -webkit-appearance: none;
}

/* Footer & Alert */
.footer-totals { margin-top: 20px; padding: 15px; background: #e3f2fd; border: 1px solid #90caf9; border-radius: 5px; font-size: 1.1em; display: flex; justify-content: space-between; font-weight: bold; }
.alert-box { padding: 10px; margin-bottom: 15px; border-radius: 4px; display: none; background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; }

/* BOTTONI */
.btn { padding: 6px 12px; text-decoration: none; border-radius: 4px; color: white; border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; }
.btn-sm { padding: 2px 6px; font-size: 11px; }

/* Colori Bottoni */
.btn-green { background: #28a745; }
.btn-blue { background: #007bff; }
.btn-grey { background: #6c757d; }
.btn-red { background: #dc3545; }
.btn-purple { background: #6f42c1; }
.btn-orange { background: #fd7e14; }

.btn:hover { opacity: 0.9; }

/* ======================================================
   LOGO AZIENDALE
   Solo nella pagina di login, sopra il form, centrato.
   Le altre pagine non mostrano logo (i bottoni dell'header
   occupano l'angolo in alto a destra).
   ====================================================== */

.login-logo {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 240px;
    height: auto;
}