/* 52-plan.css · Le Plan de travail (CDC_PLAN_DE_TRAVAIL P1, P2) : la liste des plans dans l'onglet Projet, et le cadre du plan
   en plein écran (la page de Flawken, dans une iframe). Tout en jetons de l'atelier ; la DA du plan lui-même est celle de
   Flawken (assets/plan/style.css), hors de cette feuille. */
@layer modules{
  .pdt{ display:flex; flex-direction:column; gap:var(--sp-16); }
  .pdt-tete{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-16); }
  .pdt-titre{ margin:0; font-size:var(--fs-lg); font-weight:var(--fw-bold); letter-spacing:var(--ls-tight); }
  .pdt-sous{ margin:var(--sp-4) 0 0; font-size:var(--fs-sm); }
  .pdt-gestes{ display:flex; gap:var(--sp-8); flex:none; }
  .pdt-liste{ display:flex; flex-direction:column; gap:var(--sp-8); }
  .pdt-ligne{ display:flex; align-items:center; gap:var(--sp-12); padding:var(--sp-10) var(--sp-12);
    border:1px solid var(--line); border-radius:var(--radius); background:var(--card); cursor:pointer; }
  .pdt-ligne:hover{ border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); background:color-mix(in srgb,var(--accent) 4%,var(--card)); }
  .pdt-ligne:focus-visible{ outline:2px solid var(--focus-anneau); outline-offset:0; }
  .pdt-tuile{ display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:var(--radius-sm);
    background:color-mix(in srgb,var(--accent) 10%,var(--card)); color:var(--accent); font-weight:var(--fw-bold); }
  .pdt-texte{ display:flex; flex-direction:column; min-width:0; flex:1; }
  .pdt-nom{ font-weight:var(--fw-strong); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .pdt-meta{ font-size:var(--fs-xs); color:var(--mut); }
  .pdt-actions{ display:flex; align-items:center; gap:var(--sp-4); flex:none; }
  .pdt-actions .icon-btn.danger:hover{ color:var(--danger,#c0392b); }
  .pdt-vide{ display:flex; flex-direction:column; align-items:center; gap:var(--sp-8); padding:var(--sp-32) var(--sp-16); text-align:center;
    border:1px dashed var(--line); border-radius:var(--radius); }
  .pdt-vide-ic{ display:grid; place-items:center; width:44px; height:44px; border-radius:var(--radius); color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,var(--card)); }
  .pdt-vide-ic svg{ width:22px; height:22px; }
  .pdt-vide p{ margin:0; max-width:46ch; }
  .pdt-vide-gestes{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--sp-8); margin-top:var(--sp-8); }
  /* Le plan en plein écran : l'iframe remplit l'hôte de la fenêtre (grid minmax(0,1fr) de 46-appwin.css). */
  .pdt-cadre{ display:block; width:100%; height:100%; min-height:0; border:0; background:var(--bg); }
}
@layer modules{
  /* Le complément Flawken (CDC_PLAN_DE_TRAVAIL P4) : sous les classes communes des écrans de compléments (51-cmp-ecrans.css). */
  .flk-form{ display:flex; flex-direction:column; gap:var(--sp-8); margin-top:var(--sp-8); }
  .flk-champ{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--sp-4); font-size:var(--fs-sm); }
  .flk-champ span{ color:var(--mut); font-size:var(--fs-xs); }
  .flk-champ input.studio-champ{ width:100%; padding:0 var(--sp-8); }
  .flk-nom{ font-weight:var(--fw-strong); }
  .flk-meta{ color:var(--mut); font-size:var(--fs-xs); }
  .flk-lie{ color:var(--mut); font-size:var(--fs-xs); }
  .flk-erreur{ color:var(--danger); font-weight:var(--fw-regular); }
  .flk-gestes{ display:flex; gap:var(--sp-4); }
  /* La liste des plans en un seul cadre, des séparateurs (2026-10-25, le proprio : « idem pour la liste des espaces de travail »). */
  .pdt-liste:has(> .pdt-ligne){ gap:0; border:.5px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--card); }
  .pdt-liste > .pdt-ligne{ border:0; border-radius:0; }
  .pdt-liste > .pdt-ligne + .pdt-ligne{ border-top:.5px solid var(--line2); }
}