/* Reloge - Agenda et taches (agenda.php) : le programme, les taches, les taches automatiques et le lien
   d'agenda personnel. Sur le tableau de bord (« Votre parc ») : le chemin vers l'agenda et les taches du jour. */

.reloge-parc__agenda { margin: 0 0 1rem; }
.reloge-parc__agenda a { display: inline-flex; align-items: center; gap: .45rem; font-weight: 600; }
a.reloge-parc__point--tache { border-left-color: #2f8f6b; color: inherit; text-decoration: none; }

.reloge-agenda__colonnes { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.reloge-agenda__tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; }
.reloge-agenda__tete h3 { margin: 0; }
.reloge-agenda__saut { font-size: .9rem; }

.reloge-agenda__nouvelle { margin: .75rem 0 1.1rem; }
.reloge-agenda__nouvelle > summary,
.reloge-agenda__modifier > summary { list-style: none; cursor: pointer; display: inline-flex; }
.reloge-agenda__nouvelle > summary::-webkit-details-marker,
.reloge-agenda__modifier > summary::-webkit-details-marker { display: none; }
.reloge-agenda__form { margin-top: .75rem; max-width: none; }
.reloge-agenda__ligne { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .75rem; }
.reloge-agenda__biens { display: grid; gap: .35rem; margin: 0; padding: 0; border: 0; }
.reloge-agenda__cases { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .25rem .75rem; padding-left: 1.4rem; }

.reloge-agenda__jour { margin: 0 0 1.1rem; }
.reloge-agenda__jour h4 { margin: 0 0 .45rem; font-size: 1rem; }
.reloge-agenda__jour h4 small { margin-left: .35rem; font-weight: 400; color: var(--reloge-encre-doux, #5a6570); }
.reloge-agenda__jour--retard h4 { color: #b4471a; }
.reloge-agenda__jour ul,
.reloge-agenda__liste { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }

.reloge-agenda__item,
.reloge-agenda__regle { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .4rem .7rem; width: 100%; box-sizing: border-box; padding: .6rem .75rem;
    border: 1px solid var(--reloge-bord, #e3e7ec); border-left: .25rem solid var(--esp-uni, #fd6905); border-radius: .6rem;
    background: #fff; color: inherit; font: inherit; text-align: left; }
button.reloge-agenda__item { cursor: pointer; }
button.reloge-agenda__item:hover,
button.reloge-agenda__item:focus-visible { background: var(--esp-actif-fond, #fff4eb); }
.reloge-agenda__item--arrivee { border-left-color: #fd6905; }
.reloge-agenda__item--depart { border-left-color: #5b7fa6; }
.reloge-agenda__item--tache,
.reloge-agenda__regle { border-left-color: #2f8f6b; }
.reloge-agenda__item--faite,
.reloge-agenda__item--annulee,
.reloge-agenda__regle--suspendue { opacity: .7; }
.reloge-agenda__item--annulee strong { text-decoration: line-through; }
.reloge-agenda__item:target { box-shadow: 0 0 0 3px rgba(253, 105, 5, .35); }

.reloge-agenda__picto { flex: 0 0 auto; margin-top: .1rem; color: var(--reloge-encre-doux, #5a6570); }
.reloge-agenda__texte { display: grid; flex: 1 1 14rem; gap: .15rem; min-width: 0; }
.reloge-agenda__detail { font-size: .9rem; color: var(--reloge-encre-doux, #5a6570); }
.reloge-agenda__note { font-size: .9rem; white-space: pre-line; }
.reloge-agenda__etat { font-size: .85rem; font-weight: 600; color: #2f8f6b; }
.reloge-agenda__gestes { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-left: auto; }
.reloge-agenda__gestes button { padding: .35rem .7rem; font-size: .85rem; }
.reloge-agenda__modifier > summary { font-size: .85rem; color: var(--esp-uni, #fd6905); }
.reloge-agenda__rien,
.reloge-agenda__intro,
.reloge-agenda__aide { color: var(--reloge-encre-doux, #5a6570); }
.reloge-agenda__aide { font-size: .85rem; }

.reloge-agenda__telephone { padding: 1rem 1.1rem; border: 1px solid var(--reloge-bord, #e3e7ec); border-radius: .8rem; background: #fff; }
.reloge-agenda__telephone h3 { margin-top: 0; }
.reloge-agenda__boutons { display: flex; flex-wrap: wrap; gap: .5rem; }
.reloge-agenda__copier input { width: 100%; box-sizing: border-box; margin-bottom: .4rem; font-size: .8rem; }
.reloge-agenda__option { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .6rem 0; }
.reloge-agenda__option button,
.reloge-agenda__copier button { padding: .35rem .8rem; font-size: .88rem; }
.reloge-agenda__savoir { margin-top: 1rem; font-size: .88rem; color: var(--reloge-encre-doux, #5a6570); }
.reloge-agenda__savoir h4 { margin: 0 0 .3rem; font-size: .95rem; color: var(--reloge-encre, #1f2a33); }
.reloge-agenda__savoir ul { display: grid; gap: .35rem; margin: 0; padding-left: 1.1rem; }

.reloge-agenda__regles { margin-top: 2rem; }

@media (min-width: 901px) {
    .reloge-agenda__telephone { position: sticky; top: 1rem; }
    .reloge-agenda__saut { display: none; }
}
@media (max-width: 900px) {
    .reloge-agenda__colonnes { grid-template-columns: minmax(0, 1fr); }
}