.ecran-affectation { grid-template-columns:minmax(280px,340px) minmax(0,1fr); gap:20px; }
.ecran-affectation>section { min-width:0; }
.zone-equipe-affectation { container-type:inline-size; border-left:1px solid var(--border,var(--line)); padding-left:20px; }
.grille-membres-affectation { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:start; }
@container(min-width:520px){.grille-membres-affectation { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@container(min-width:800px){.grille-membres-affectation { grid-template-columns:repeat(3,minmax(0,1fr)); }}
@container(min-width:1080px){.grille-membres-affectation { grid-template-columns:repeat(4,minmax(0,1fr)); }}
.membre-affectation { min-width:0; margin:0; padding:14px; }
.membre-affectation>header { justify-content:flex-start; gap:9px; }
.membre-affectation>header>div { flex:1; min-width:0; text-align:left; }
.membre-affectation h3 { font-size:13px; overflow-wrap:anywhere; }
.membre-affectation header small { display:block; overflow-wrap:anywhere; line-height:1.5; }
.membre-affectation .avatar { flex:0 0 30px; width:30px; height:30px; }
.membre-affectation>p { margin:10px 0; font-size:11px; }
.taches-membre { border-top:1px solid var(--line); margin-top:12px; padding-top:12px; }
.taches-membre h4 { font-size:11px; display:flex; justify-content:space-between; margin:0 0 9px; }
.taches-membre ul { list-style:none; margin:0; padding:0 3px; max-height:360px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.taches-membre li { margin:0 0 11px; min-width:0; }
.barre-tache-membre { display:grid; place-items:center start; position:relative; isolation:isolate; min-height:20px; width:100%; padding:2px 8px; border:1px solid var(--line); border-radius:7px; background:var(--soft); color:var(--ink); text-align:left; }
.barre-tache-membre>i { position:absolute; inset:0 auto 0 0; border-radius:6px; background:var(--couleur-tache); opacity:.2; z-index:-1; }
.titre-barre-membre { font-size:11px; line-height:1.45; font-weight:600; overflow-wrap:anywhere; }
.progression-inconnue { background:var(--soft); }
.meta-barre-membre { display:flex; justify-content:space-between; gap:7px; margin-top:4px; font-size:10px!important; line-height:1.4; flex-wrap:wrap; }
.meta-barre-membre>span { overflow-wrap:anywhere; }
.backlog-affectation { padding:11px; gap:7px; flex-wrap:wrap; }
.backlog-affectation>div:first-of-type { flex-basis:calc(100% - 38px); }
.gestes-backlog { display:flex; flex-wrap:wrap; gap:7px; margin-left:30px; }
.gestes-backlog button { padding:6px 9px; }
.cible-affectation { margin-bottom:0!important; font-size:10px!important; }
@media(max-width:850px){.ecran-affectation { grid-template-columns:1fr; }.zone-equipe-affectation { border-left:0; border-top:1px solid var(--border,var(--line)); padding-left:0; padding-top:20px; }.gestes-backlog { margin-left:0; }.backlog-affectation>div:first-of-type { flex-basis:100%; }}
@supports not (container-type:inline-size){@media(min-width:1280px){.grille-membres-affectation { grid-template-columns:repeat(2,minmax(0,1fr)); }}@media(min-width:1800px){.grille-membres-affectation { grid-template-columns:repeat(3,minmax(0,1fr)); }}@media(min-width:2100px){.grille-membres-affectation { grid-template-columns:repeat(4,minmax(0,1fr)); }}}
.ligne-barre-membre { display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:4px; align-items:stretch; }
.retirer-tache-membre { width:30px; min-height:20px; border-radius:6px; font-size:19px; color:var(--muted); cursor:grab; }
.retirer-tache-membre:hover { background:var(--soft); color:var(--accent); }
.aide-retrait-affectation { font-size:11px; color:var(--muted); line-height:1.6; margin:0 0 12px; }
.zone-backlog-affectation { border-radius:10px; min-height:140px; }
@media(pointer:coarse){.ligne-barre-membre { grid-template-columns:minmax(0,1fr) 44px; }.retirer-tache-membre { width:44px; min-height:44px; }}
.recherche-bloc-affectation { display:block; margin:0 0 14px; font-weight:400; }
.recherche-bloc-affectation input { width:100%; min-width:0; min-height:40px; padding:9px 12px; background:var(--surface); font-size:12px; }
.gerer-equipe-large { display:flex; justify-content:center; align-items:center; width:100%; min-height:40px; margin:0 0 12px; }
.charge-hebdo-membre { margin:12px 0; }
.charge-hebdo-titre { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:11px; }
.charge-hebdo-membre .jauge-hebdo { position:relative; isolation:isolate; display:grid; align-items:center; height:auto; min-height:26px; padding:4px 7px; margin:7px 0 5px; border:1px solid var(--line); }
.jauge-hebdo>i { position:absolute; left:0; top:0; bottom:0; z-index:-1; opacity:.22; }
.jauge-hebdo>strong { font-size:10px; color:var(--ink); line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
.jauge-non-renseignee { background:var(--soft); }
.charge-hebdo-note { display:block; font-size:10px!important; line-height:1.5; }
.charge-hebdo-note:empty { display:none; }
.alerte-autre-projet { border:2px solid #ad541a; border-left-width:6px; border-radius:9px; padding:14px 16px; margin:18px 0; background:#fff0dc; color:#62310e; }
.alerte-autre-projet>strong { display:block; font-size:14px; }
.alerte-autre-projet p { margin:8px 0 0; font-size:13px; line-height:1.6; }
[data-theme=dark] .alerte-autre-projet { background:#3d281b; color:#ffe3b9; border-color:#eda35a; }
.effets-retrait { padding-left:20px; font-size:12px; line-height:1.8; }
.progression-inconnue,.jauge-non-renseignee { border-color:var(--border); color:var(--ink); }
.jauge-non-renseignee>strong { color:var(--ink); font-size:11px; font-weight:600; }
.ligne-barre-membre { grid-template-columns:minmax(0,1fr) 28px 28px; }
.chrono-part-membre { display:grid; place-items:center; width:28px; min-height:24px; padding:4px; border-radius:5px; color:var(--muted); }
.chrono-part-membre svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
.chrono-part-membre:hover { color:var(--accent); background:var(--soft); }
.responsables-parts { display:flex; flex-wrap:wrap; gap:5px 10px; }
@media(pointer:coarse){.ligne-barre-membre { grid-template-columns:minmax(0,1fr) 44px 44px; }.chrono-part-membre { width:44px; min-height:44px; }}
.grille-membres-affectation { gap:16px; }
.ecran-affectation + .quiet-note { margin-top:24px; margin-bottom:0; }
#main > .quiet-note:not(:first-child) { margin-top:24px; }
@media(max-width:850px){.ecran-affectation { row-gap:24px; }.ecran-affectation + .quiet-note { margin-top:20px; }}
