/* MEP — Harmonisation V4 : agenda Salariat + corrections issues des captures */

/* Le Dashboard Salariat avait trop d'air entre le sélecteur d'espace et son contenu. */
body.mep-app .mep-vnext-dashboard{
  padding-top:16px!important;
}
body.mep-app .mep-vnext-dashboard>.vnext-hero{
  margin-bottom:18px!important;
}

/* Le sélecteur de mode doit lire comme un segmented control : un seul choix est fort. */
body.mep-app .mep-work-mode-pills .mep-work-chip{
  border:1px solid transparent!important;
  background:transparent!important;
  color:#6e7c76!important;
}
body.mep-app .mep-work-mode-pills .mep-work-chip:hover{
  background:#fff!important;
  color:var(--mep-accent-dark)!important;
}
body.mep-app .mep-work-mode-pills .mep-work-chip.is-active,
body.mep-app .mep-work-mode-pills .mep-work-chip.is-independent.is-active,
body.mep-app .mep-work-mode-pills .mep-work-chip.is-mixed.is-active{
  border-color:var(--mep-accent)!important;
  background:var(--mep-accent)!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(var(--mep-accent-rgb),.16)!important;
}

/* Sur PC la seconde nav Indépendant faisait doublon avec le header global. */
@media(min-width:1021px){
  body.mep-workspace-independent .mep-independent-nav{
    display:none!important;
  }
}

/* Agenda : expliquer immédiatement pourquoi il existe. */
.salaried-planner-auto-strip{
  display:grid;
  grid-template-columns:1.45fr repeat(4,minmax(0,1fr));
  gap:6px;
  margin:0 0 10px;
  padding:6px;
  border:1px solid var(--mep-ui-line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 14px rgba(28,48,41,.02);
}
.salaried-planner-auto-strip>div,
.salaried-planner-auto-strip>a{
  min-width:0;
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border-radius:9px;
  color:inherit;
  text-decoration:none;
}
.salaried-planner-auto-strip>div{
  background:var(--mep-accent-soft);
}
.salaried-planner-auto-strip>a:hover{
  background:#f5f8f7;
}
.salaried-planner-auto-strip span{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f1f5f3;
  font-size:14px;
}
.salaried-planner-auto-strip>div span{
  background:#fff;
}
.salaried-planner-auto-strip p,
.salaried-planner-auto-strip b,
.salaried-planner-auto-strip small{
  min-width:0;
  display:block;
  margin:0;
}
.salaried-planner-auto-strip b{
  overflow:hidden;
  color:#40524a;
  font-size:10px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.salaried-planner-auto-strip small{
  margin-top:2px;
  overflow:hidden;
  color:#87948e;
  font-size:8.5px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Deux nouvelles sources de calendrier ajoutées après le CSS d'origine. */
.salaried-planner-event.is-position{border-left-color:#2f7b61}
.salaried-planner-event.is-evolution{border-left-color:#8068b6}
.salaried-planner-month-day a.is-position{border-left-color:#2f7b61;background:#f0f8f4}
.salaried-planner-month-day a.is-evolution{border-left-color:#8068b6;background:#f6f3fb}

/* Le panneau de tâche est secondaire par rapport au calendrier. */
@media(min-width:1181px){
  .salaried-planner-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }
}

.salaried-planner-no-events{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  padding:24px!important;
}
.salaried-planner-no-events b{
  color:#4b5f56;
  font-size:12px;
}
.salaried-planner-no-events span{
  color:#87948e;
  font-size:10px;
}
.salaried-planner-no-events a{
  margin-top:5px;
  color:var(--mep-accent-dark);
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}

/* Source filters now use the current workspace accent consistently. */
body.mep-app .salaried-planner-view-tabs a.is-active,
body.mep-app .salaried-planner-filters a.is-active{
  border-color:rgba(var(--mep-accent-rgb),.24)!important;
  background:var(--mep-accent-soft)!important;
  color:var(--mep-accent-dark)!important;
}
body.mep-app .salaried-planner-day.is-today,
body.mep-app .salaried-planner-month-day.is-today{
  border-color:var(--mep-accent)!important;
}

@media(max-width:950px){
  .salaried-planner-auto-strip{
    display:flex;
    overflow-x:auto;
  }
  .salaried-planner-auto-strip>div,
  .salaried-planner-auto-strip>a{
    flex:0 0 185px;
  }
}

@media(max-width:560px){
  body.mep-app .mep-vnext-dashboard{
    padding-top:9px!important;
  }
  .salaried-planner-auto-strip>div,
  .salaried-planner-auto-strip>a{
    flex-basis:165px;
  }
}