/* equipe-agents.css — Mon briefing, Équipe d'agents, Direction, panneau de la fiche client (équipe de feu, équipe 5). */
.ea-brief { border-color: rgba(208, 32, 42, .35); background: linear-gradient(120deg, rgba(208, 32, 42, .14), rgba(255, 194, 26, .04)); }
.ea-brief-t { font-size: 16px; line-height: 1.55; margin-bottom: 8px; }
.ea-liste { list-style: none; margin: 0; padding: 0; }
.ea-liste li { border-top: 1px solid var(--line); padding: 8px 0; }
.ea-liste li:first-child { border-top: 0; }
.ea-liste li a, .ea-liste li label { display: block; }
.ea-liste li b { display: block; font-weight: 600; }
.ea-liste li small { display: block; color: var(--muted); font-size: 12.5px; }
.ea-liste li a:hover b { color: var(--red-2); }
.ea-tache label { display: flex !important; gap: 10px; align-items: flex-start; cursor: pointer; }
.ea-tache input { margin-top: 3px; accent-color: var(--red); }
.ea-rappel { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.ea-rappel .in { flex: 1 1 160px; }
.ea-agents { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.ea-agent { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 12px 14px; }
.ea-agent > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.ea-agent > div b { font-size: 22px; }
.ea-agent strong { display: block; font-size: 13px; }
.ea-agent small { color: var(--faint); font-size: 12px; }
.ea-agent.humain { border-color: rgba(208, 32, 42, .4); }
.ea-prop { border: 1px solid var(--line-2); border-radius: var(--radius); padding: 10px 12px; margin-bottom: 10px; background: var(--panel-2); }
.ea-prop-h { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 4px; }
.ea-prop-c { white-space: pre-wrap; margin: 6px 0 8px; }
.ea-fiche { border-color: rgba(208, 32, 42, .35); margin-bottom: 14px; }
.ea-fiche + .card { margin-top: 0; }
.ea-rel { margin-bottom: 8px; }
.ea-resume { background: var(--panel-2); border-left: 3px solid var(--red); border-radius: 6px; padding: 8px 10px; font-size: 13px; margin-bottom: 10px; }
.ea-resume small { display: block; color: var(--faint); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 2px; }
.ea-acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ea-acts select.in { width: auto; padding: 5px 8px; }
.ea-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ea-barres { display: flex; align-items: flex-end; gap: 10px; height: 170px; padding-top: 10px; }
.ea-barre { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; gap: 4px; }
.ea-barre span { display: block; width: 100%; max-width: 46px; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--red); }
.ea-barre small { color: var(--faint); font-size: 11.5px; }
.ea-barre b { font-size: 11.5px; font-weight: 600; color: var(--muted); white-space: nowrap; }
@media (max-width: 900px) {
  .ea-agents { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ea-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .ea-agents, .ea-kpis { grid-template-columns: 1fr; }
  .ea-barre b { display: none; }
}