/* ==========================================================
   Course aux agents libres (AgentsLibres.php). Cartes, chiffres et boutons : contrats2026.css, suggestions2026.css
   ========================================================== */

.agents { display: grid; gap: 1.1rem; min-width: 0; }
.agents__entete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem; }
.agents__entete .titre-section { margin: 0; }
.agents__resume { margin: 0; display: grid; gap: .2rem; }
.agents__note { margin: 0; padding: .6rem .8rem; border-radius: var(--rayon); background: color-mix(in srgb, var(--or) 14%, var(--surface)); font-weight: 600; }

.agents__offre { display: grid; gap: .8rem; border-top: 3px solid var(--bleu); scroll-margin-top: 5rem; }
.agents__offre .titre-bloc { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .7rem; }
.agents__offre .titre-bloc .discret { font-family: var(--police-texte, inherit); font-size: .85rem; font-weight: 400; text-transform: none; letter-spacing: 0; }
.agents__formulaire { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: .7rem .9rem; align-items: end; }
.agents__formulaire > p, .agents__formulaire > .contrats__boutons, .agents__formulaire > .agents__case, .agents__formulaire > div:last-child { grid-column: 1 / -1; }
.agents__formulaire select, .agents__formulaire input[type="text"], .agents__formulaire input[type="url"] { width: 100%; }
.agents__formulaire select { padding: .55rem .6rem; border: 1px solid var(--trait); border-radius: 8px; background: var(--fond); color: var(--texte); font: inherit; font-weight: 400; }
.agents__salaire, .agents__aide { margin: 0; }
.agents__salaire a { font-weight: 700; margin-left: .3rem; }
.agents__valeur { margin: 0; font-family: var(--police-titre); font-size: 1.2rem; font-weight: 800; }
.agents__case { display: flex; align-items: center; gap: .45rem; font-size: .9rem; cursor: pointer; }
.agents__outils summary { margin-top: .2rem; }

.agents__miennes { list-style: none; margin: 0; padding: 0; display: grid; }
.agents__miennes li { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1rem; padding: .55rem 0; border-bottom: 1px solid var(--trait); }
.agents__miennes li:last-child { border-bottom: 0; }
.agents__miennes form { margin: 0 0 0 auto; }

.agents__liste { display: grid; gap: .7rem; }
.agents__liste > .titre-bloc { margin: 0; }
.agents__filtres { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; }
.agents__filtres input[type="search"], .agents__filtres select { padding: .5rem .7rem; border: 1px solid var(--trait); border-radius: 8px; background: var(--fond); color: var(--texte); font: inherit; }
.agents__filtres input[type="search"] { flex: 1 1 14rem; }
.agents__tableau td, .agents__detail td { white-space: nowrap; }
.agents__tableau img, .agents__detail img { vertical-align: middle; }
.agents__pastille { display: inline-block; min-width: 1.8rem; padding: .1rem .5rem; border-radius: 999px; text-align: center; font-weight: 800;
    background: color-mix(in srgb, var(--or) 25%, var(--surface)); color: var(--texte); }
.agents__action { font-weight: 700; white-space: nowrap; }
.agents__detail tr.est-gagnant td { font-weight: 700; background: color-mix(in srgb, var(--monte) 12%, transparent); }
.agents__tableau .col-nom, .agents__tableau td:nth-child(4), .agents__detail .col-nom, .agents__detail td:nth-child(2) { text-align: left; }