/* =========================================================
   PLANNING ENTREPRISE — styles (ex entreprise2025)
   ========================================================= */

#planningEntreprise{
  --pe-border: rgba(0,0,0,0.08);
  --pe-muted: rgba(0,0,0,0.55);
  --pe-bg: #fff;
  --pe-soft: rgba(0,0,0,0.04);
  --pe-accent: rgba(244,195,0,0.35);
  --pe-accent-strong: rgba(244,195,0,0.75);
  --pe-radius: 12px;
  --pe-radius-sign: 12px 12px 0 12px;
  --pe-row-h: 30px;
  --pe-font: 13px;
}

/* Top bar */
#planningEntreprise .planning-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

/* Onglets */
#planningEntreprise .planning-onglets{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

#planningEntreprise .planning-onglet{
  cursor:pointer;
  user-select:none;
  padding:6px 10px;
  border:1px solid var(--pe-border);
  border-radius: var(--pe-radius-sign);
  font-size: var(--pe-font);
  background: var(--pe-bg);
  transition: all .12s ease;
}

#planningEntreprise .planning-onglet:hover{
  box-shadow: 0 0 0 2px var(--pe-accent);
}

#planningEntreprise .planning-onglet-actif{
  background: rgba(244,195,0,0.18);
  border-color: rgba(244,195,0,0.45);
  font-weight:600;
}

#planningEntreprise .planning-onglet-inactif{
  opacity:.75;
}

/* Filtres dates */
#planningEntreprise .planning-filtres{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:nowrap;
}

#planningEntreprise .planning-filtres input[type="date"]{
  width:150px;
}

/* Inputs dates — signature Chantierama */
#planningEntreprise .planning-filtres input[type="date"]{
  width:150px;
  border-radius: var(--pe-radius-sign);
}

/* Tables */
#planningEntreprise .planning-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 6px;
  font-size: var(--pe-font);
}

#planningEntreprise .planning-col-libelle{
  width:280px;
  vertical-align:middle;
  color:var(--pe-muted);
  padding-right:10px;
}

#planningEntreprise .planning-col-frise{
  vertical-align:middle;
  overflow:visible;
}

#planningEntreprise .planning-ligne-titre td{
  padding:10px 0 2px 0;
  font-weight:600;
  color:rgba(0,0,0,0.75);
  border-bottom:1px dashed var(--pe-border);
}

#planningEntreprise .planning-ligne td{
  height: var(--pe-row-h);
}

#planningEntreprise .planning-libelle{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Frises */
#planningEntreprise .planning-frise{
  position:relative;
  height:16px;
  border:1px solid var(--pe-border);
  border-radius: var(--pe-radius-sign);
  background: var(--pe-bg);
  overflow:hidden;
}

#planningEntreprise .planning-frise-entete{
  height:18px;
  background: var(--pe-soft);
  overflow:visible; /* permet l'affichage des dates */
}

/* Traits + dates */
#planningEntreprise .planning-trait{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(0,0,0,0.10);
}

#planningEntreprise .planning-date{
  position:absolute;
  top:-18px;
  transform:translateX(-50%);
  font-size:11px;
  color:rgba(0,0,0,0.55);
  white-space:nowrap;
}

#planningEntreprise .planning-bar{
  position:absolute;
  top:0;
  bottom:0;
  border-radius: var(--pe-radius-sign); /* signature */
  background: rgba(244,195,0,0.28);
  border:1px solid rgba(244,195,0,0.55);
  display:flex;
  align-items:center;
  padding:0 6px;
  font-size:11px;
  color:rgba(0,0,0,0.75);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:default;
}

#planningEntreprise .planning-bar:hover{
  background: rgba(244,195,0,0.45);
  border-color: rgba(244,195,0,0.75);
}

#planningEntreprise .planning-frise{
  position: relative;
  min-height: 18px;
  overflow: visible; /* IMPORTANT : évite de rogner les barres empilées */
}

#planningEntreprise .planning-bar{
  position: absolute;
  height: 18px;
  display: flex;
  align-items: center;        /* centre verticalement */
  justify-content: center;    /* centre horizontalement (évite les effets visuels) */
  padding: 0 6px;
  box-sizing: border-box;     /* important pour le calcul exact */
  line-height: 1;
  border-radius: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}