/* Planning : une journée en priorité, les anniversaires à portée d’un bouton. */
.planningOverview .planningDays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch;margin-top:12px}
.planningOverview .planningHeading{gap:10px}
.planningOverview .planningHeading h2{margin:0}
.planningViewControls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px}
.planningDayNavigation{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:700;color:#53686c}
.planningOverview .planningDayArrow{min-width:40px;min-height:40px;padding:3px 10px;font-size:1.4rem;line-height:1}
.planningOverview .planningViewControls>.btn{min-height:40px;padding:8px 11px;font-size:.8rem}
.planningOverview .planningDay{padding:0;overflow:hidden;border-radius:10px;background:#fff;display:grid;grid-template-rows:auto 1fr}
.planningOverview .planningDayHeading{padding:7px 9px;background:#ffdc9f;display:flex;flex-wrap:nowrap;align-items:center;gap:7px;min-height:46px}
.planningOverview .planningDayHeading>strong{background:rgba(255,255,255,.65);font-size:.76rem;padding:4px 6px;flex:0 0 auto}
.planningOverview .planningDayHeading h3{font-size:.86rem;line-height:1.3;min-width:0;margin:0;text-transform:capitalize}
.planningOverview .planningDayHeading>.badge{font-size:.66rem;padding:3px 5px;flex:0 0 auto}
.planningOverview .planningBirthdayButton{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:4px;margin:0;border:1px solid transparent;border-radius:50%;background:rgba(255,255,255,.62);font-size:1.05rem;line-height:1;cursor:pointer;color:#17434e}
.planningOverview .planningBirthdayButton:hover{background:#fff}
.planningOverview .planningBirthdayButton:focus-visible{outline:3px solid #216d7f;outline-offset:2px}
.planningOverview .planningBirthdayCount{position:absolute;right:-2px;top:-2px;min-width:15px;padding:2px 3px;border-radius:10px;background:#216d7f;color:#fff;font-size:.6rem;font-weight:700}
.planningBirthdayList .item p{margin:4px 0 0}
.planningOverview .planningSlots{display:grid;grid-template-rows:repeat(4,minmax(0,auto))}
.planningOverview .planningPeriod{min-width:0;padding:8px;background:#fff;border-top:4px solid #f7fbfc}
.planningOverview .planningPeriod h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;color:#53686c}
.planningOverview .planningPeriodSlots{min-width:0}
.planningOverview .planningSlot{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;border:0;border-radius:7px;padding:9px 8px;margin:0 0 6px;min-width:0;line-height:1.35}
.planningOverview .planningSlot:last-child{margin-bottom:0}
.planningOverview .planningSlot .grow{flex:1 1 80px;font-size:.86rem}
.planningOverview .planningSlot>.btn{font-size:.72rem;padding:6px 9px;min-height:32px;margin:2px 0 0;background:rgba(255,255,255,.83);color:#17434e;border:1px solid rgba(22,62,70,.15)}
.planningOverview .planningTime{font-size:.76rem;min-width:36px}
.planningOverview .planningNotes{font-size:.79rem;line-height:1.35;margin:4px 0 0}
.planningOverview .planningEmpty{margin:5px 0;text-align:center;color:#a3afb2}
.planningOverview .planningToday .planningDayHeading{box-shadow:inset 0 3px #216d7f}
.planningDaily .planningDays{grid-template-columns:minmax(0,1fr)}
.planningDaily .planningSlots{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto}
.planningDaily .planningDayHeading h3{flex:0 1 auto}
.planningDaily .planningPeriod+.planningPeriod{border-left:1px solid #edf2f3}
.planningComplete .planningDayHeading>.badge{display:none}
.planningColour-travel{background:#c4bebb;color:#252d30}
.planningColour-welcome{background:#fbd5ef;color:#29323b}
.planningColour-sport{background:#b9f6bd;color:#163b2b}
.planningColour-leisure{background:#bae7fa;color:#133d50}
.planningColour-meal{background:#ffe269;color:#3d350d}
.planningColour-adventure{background:#367d42;color:#fff}
.planningColour-ocean{background:#059ed3;color:#fff}
.planningColour-evening{background:#627d79;color:#fff}
.planningTemplateDays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;font-size:.82rem}
.planningTemplateDays>section{min-width:0}
.planningTemplateDays h4{margin:0 0 8px;padding:7px;background:#ffdc9f;border-radius:6px;text-align:center}
.planningTemplatePeriod{margin-top:10px}
.planningTemplatePeriod>small{font-size:.72rem;font-weight:700}
.planningTemplateSlot{padding:8px;border-radius:6px;margin:5px 0;overflow-wrap:anywhere;line-height:1.4}
.planningTemplateTarget{align-items:flex-start}
.planningTemplateTarget details{margin-top:12px}
.planningTemplateTarget summary{cursor:pointer;font-weight:700;color:var(--teal)}
.planningTargets{max-height:280px;overflow-y:auto;overscroll-behavior:contain}
.planningTargets>label{padding:9px 4px;gap:10px}
.planningTargets input[type=checkbox],.planningTypeChoices input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}
.planningTypeChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.planningTypeChoices>label{gap:9px;line-height:1.4}
.stayDisciplinesFields>small{display:block;margin-top:12px}
.planningHoursFields{margin:0}
.planningHoursFields[hidden],.planningPeriodFields[hidden]{display:none}
@supports(grid-template-rows:subgrid){
 .planningComplete .planningDay{grid-row:span 5;grid-template-rows:subgrid;gap:0}
 .planningComplete .planningSlots{display:contents}
}
@media(max-width:1150px){
 .planningComplete .planningDays{grid-template-columns:repeat(3,minmax(0,1fr))}
 .planningDaily .planningSlots{grid-template-columns:repeat(2,minmax(0,1fr))}
 .planningTemplateDays{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
 .planningOverview .planningDays{grid-template-columns:minmax(0,1fr);gap:12px}
 .planningOverview .planningDay{display:block;grid-row:auto}
 .planningOverview .planningDayHeading{min-height:46px;padding:6px 9px;gap:6px}
 .planningOverview .planningDayHeading h3{font-size:.88rem;flex:1;min-width:0}
 .planningOverview .planningBirthdayButton{flex-basis:40px;width:40px;height:40px}
 .planningOverview .planningDayHeading>.badge{display:none}
 .planningOverview .planningSlots{display:block}
 .planningOverview .planningPeriod{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;padding:9px;border-left:0}
 .planningOverview .planningPeriod h4{font-size:.66rem;line-height:1.4;letter-spacing:0;margin:2px 0}
 .planningOverview .planningSlot{padding:10px;flex-wrap:wrap;align-items:center;gap:6px}
 .planningOverview .planningSlot .grow{font-size:.88rem;flex:1 1 90px}
 .planningOverview .planningSlot>.btn{margin:0;padding:7px 9px;min-height:36px;flex:0 0 auto}
 .planningOverview .planningNotes{font-size:.8rem}
 .planningOverview .planningEmpty{margin:0;text-align:left;line-height:1.4}
 .planningOverview .planningViewControls{gap:6px}
 .planningOverview .planningDayNavigation{gap:6px}
 .planningOverview .planningViewControls>.btn{font-size:.74rem;padding:7px 9px}
 .planningTemplateDays{grid-template-columns:repeat(2,minmax(0,1fr))}
 .planningTypeChoices{grid-template-columns:minmax(0,1fr)}
}