/* Il datario dello studio (funzioni-datario.php, datario.js). */
.datario { background: #fff; border: 1px solid var(--c-bordo, #e5e5e5); border-radius: 14px; padding: .7rem .9rem; margin-bottom: 1rem; }
.datario-testata { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .4rem; margin-bottom: .5rem; font-size: .88rem; }
.datario-titolo { color: var(--c-pietra, #555); }
.datario-serie .fa-fire { color: #c8c8c8; }
.datario-serie .fa-fire.accesa { color: #e8590c; }
.datario-giorno {
    display: block;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 3px;
    background: #ebedf0;
    cursor: pointer;
}
.datario-giorno.livello-1 { background: #c6e9d2; }
.datario-giorno.livello-2 { background: #5cc38a; }
.datario-giorno.livello-3 { background: #0f7a45; }
.datario-giorno.oggi { outline: 2px solid #8a6d3b; outline-offset: 1px; }
.datario-giorno.scelto { outline: 2px solid var(--c-inchiostro, #222); outline-offset: 1px; }
.datario-giorno.futuro { background: transparent; border-color: transparent; cursor: default; }
.datario-giorno:focus-visible { outline: 2px solid var(--c-giada, #00a36c); outline-offset: 2px; }
/* Striscia degli ultimi giorni: caselle che si adattano alla larghezza. */
.datario-fila { display: grid; grid-template-columns: repeat(30, 1fr); gap: 3px; }
.datario-fila .datario-giorno { aspect-ratio: 1; min-width: 0; }
/* Anno a griglia. */
.datario-anno-scorri { overflow-x: auto; padding-bottom: .3rem; }
.datario-mesi { display: grid; grid-template-columns: repeat(53, 13px); gap: 3px; margin-left: 30px; font-size: .68rem; color: var(--c-pietra, #777); white-space: nowrap; }
.datario-mesi span { overflow: visible; }
.datario-griglia { display: flex; gap: 3px; }
.datario-settimana, .datario-giorni-settimana { display: grid; grid-template-rows: repeat(7, 13px); gap: 3px; }
.datario-settimana .datario-giorno { width: 13px; height: 13px; }
.datario-giorni-settimana { width: 27px; font-size: .62rem; color: var(--c-pietra, #777); line-height: 13px; }
.datario-legenda { display: flex; align-items: center; gap: 3px; flex-wrap: wrap; font-size: .75rem; color: var(--c-pietra, #777); margin-top: .4rem; }
.datario-legenda .datario-giorno { width: 12px; height: 12px; cursor: default; }
.datario-legenda small { margin-left: .4rem; }
.datario-dettaglio { margin-top: .6rem; padding: .5rem .7rem; border-radius: 10px; background: var(--c-nebbia, #f4f8f6); font-size: .88rem; }
.datario-dettaglio ul { list-style: none; padding: 0; margin: 0; }
.datario-dettaglio li { padding: .15rem 0; }
.datario-dettaglio i { width: 1.2rem; color: var(--c-giada, #00a36c); }
.datario-dettaglio-data { font-weight: 700; margin: 0 0 .3rem; }
.datario-dettaglio-vuoto { margin: 0; color: var(--c-pietra, #888); font-style: italic; }
@media (max-width: 600px) { .datario-fila { gap: 2px; } }