/* Le cockpit des agents : quatre portes, le chef au centre, ses agents reliés, leurs routines. */
.cockpit-portes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.cockpit-porte{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:14px 16px;border:1.5px solid var(--bord,#e3e0da);border-radius:14px;background:var(--blanc,#fff);color:var(--noir,#15181c);cursor:pointer;font:inherit;min-width:0}
.cockpit-porte:hover{border-color:var(--cuivre,#0e8f82)}
.cockpit-porte:focus-visible,.cockpit-satellite:focus-visible,.cockpit-chef:focus-visible,.cockpit-lien:focus-visible{outline:3px solid var(--cuivre,#0e8f82);outline-offset:2px}
.cockpit-porte.actif{border-color:var(--cuivre,#0e8f82);background:var(--paper-2,#f7f4ef);box-shadow:0 0 0 1px var(--cuivre,#0e8f82) inset}
.cockpit-porte-titre{font-weight:700;font-size:15px}
.cockpit-porte-resume{font-size:12.5px;color:var(--gris,#5a6472);line-height:1.35}
.cockpit-porte-pied{display:flex;justify-content:space-between;gap:8px;align-items:baseline;width:100%;margin-top:auto;font-size:12px;color:var(--gris,#5a6472)}
.cockpit-porte-geste{font-weight:600;color:var(--cuivre,#0e8f82);white-space:nowrap}

.cockpit{display:flex;flex-direction:column;gap:14px}
.cockpit-bandeau{border:1px solid var(--bord,#e3e0da);border-radius:14px;background:var(--blanc,#fff);padding:14px 16px}
.cockpit-bandeau p{margin:4px 0;font-size:13.5px;line-height:1.45}
.cockpit-synthese{font-size:15px!important}
.cockpit-alerte{color:var(--rouge,#b3261e)}
.cockpit-alertes{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px}
.cockpit-alerte-ligne{font-size:12.5px;padding:6px 10px;border-radius:9px;background:var(--ambre-bg,#fdf1d8);color:var(--graphite,#2b2f36)}
.cockpit-alerte-ligne.atteint{background:var(--rouge-bg,#fbe4e1)}
.cockpit-lien{background:none;border:0;padding:0;color:var(--cuivre,#0e8f82);text-decoration:underline;cursor:pointer;font:inherit;font-size:12.5px}
.cockpit-hypotheses{font-size:12.5px;color:var(--gris,#5a6472);border-left:3px solid var(--bord,#e3e0da);padding-left:10px;margin:6px 0}
.cockpit-titre{margin:6px 0 0;font-size:16px}

.cockpit-schema{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0}
.cockpit-chef,.cockpit-satellite{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:1.5px solid var(--bord,#e3e0da);border-radius:16px;background:var(--blanc,#fff);color:var(--noir,#15181c);font:inherit;cursor:pointer;min-width:0}
.cockpit-chef{padding:14px 22px;max-width:420px;border-color:var(--cuivre,#0e8f82);background:var(--paper-2,#f7f4ef);position:relative;margin-bottom:22px}
.cockpit-chef::after{content:"";position:absolute;left:50%;bottom:-22px;width:2px;height:22px;background:var(--cuivre,#0e8f82)}
.cockpit-chef.actif,.cockpit-satellite.actif{box-shadow:0 0 0 2px var(--cuivre,#0e8f82)}
.cockpit-satellites{list-style:none;margin:0;padding:12px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:relative;width:100%}
.cockpit-satellites::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:var(--cuivre,#0e8f82);opacity:.55}
.cockpit-satellites li{position:relative;flex:0 1 170px;min-width:0;display:flex}
.cockpit-satellites li::before{content:"";position:absolute;top:-12px;left:50%;width:2px;height:12px;background:var(--cuivre,#0e8f82);opacity:.55}
.cockpit-satellite{padding:10px 12px;flex:1}
.cockpit-satellite.alerte{border-color:var(--ambre,#c98a00)}
.cockpit-satellite .agent-avatar{width:64px}
.cockpit-noeud-titre{font-weight:700;font-size:14px;overflow-wrap:anywhere}
.cockpit-noeud-detail{font-size:12px;color:var(--gris,#5a6472);line-height:1.3}

.cockpit-filtre{font-size:13px;margin:0}
.cockpit-liste{display:flex;flex-direction:column;gap:8px}
.cockpit-routine,.cockpit-couts{border:1px solid var(--bord,#e3e0da);border-radius:13px;background:var(--blanc,#fff);padding:0}
/* `#view` : le thème « hud » impose `display:flex` à tout `summary` (specificité plus haute que la classe seule). */
#view .cockpit-routine>summary,#view .cockpit-couts>summary{list-style:none;cursor:pointer;padding:12px 14px;display:grid;grid-template-columns:16px minmax(0,2fr) auto minmax(0,1.3fr) minmax(0,1.3fr) auto;gap:8px 12px;align-items:center}
#view .cockpit-couts>summary{display:block;font-weight:700}
#view .cockpit-routine>summary::-webkit-details-marker,#view .cockpit-couts>summary::-webkit-details-marker{display:none}
#view .cockpit-routine[open]>summary,#view .cockpit-couts[open]>summary{border-bottom:1px solid var(--bord,#e3e0da)}
#view .cockpit-routine>summary>*{text-align:left;justify-self:start;min-width:0}
/* Le chevron du résumé : dessiné ici, quel que soit le thème (le thème « hud » en pose un en masque, les autres aucun). */
#view .cockpit-routine>summary::before{content:"";display:block;width:7px;height:7px;flex:none;background:none;-webkit-mask:none;mask:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.6;transform:rotate(-45deg);transition:transform .2s;justify-self:center}
#view .cockpit-routine[open]>summary::before{transform:rotate(45deg)}
.cockpit-routine-titre{font-weight:650;overflow-wrap:anywhere}
.cockpit-routine-agent,.cockpit-routine-quand{font-size:12.5px;overflow-wrap:anywhere}
.cockpit-routine.a_reprendre{border-color:var(--ambre,#c98a00)}
.cockpit-routine.suspendue_plafond{border-color:var(--rouge,#b3261e)}
.cockpit-fiche,.cockpit-couts>*:not(summary){padding:12px 14px}
.cockpit-fiche dl{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:6px 14px;margin:0 0 8px;font-size:13px}
.cockpit-fiche dt{color:var(--gris,#5a6472);font-weight:600}
.cockpit-fiche dd{margin:0;overflow-wrap:anywhere}
.cockpit-cout{font-size:13px;line-height:1.5;margin:8px 0}
.cockpit-cout-agent{margin:0}
.cockpit-niveaux-titre{margin:8px 0 2px;font-size:12.5px}
.cockpit-niveaux{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px;font-size:12.5px}
.cockpit-niveaux li{border-top:1px solid var(--bord,#e3e0da);padding:6px 0 0;overflow-wrap:anywhere}
.cockpit-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.cockpit-pause-aide{font-size:12.5px;flex:1 1 220px}
.cockpit-simu{border:1px dashed var(--bord-2,#babbbc);border-radius:11px;padding:10px 12px;margin:10px 0;display:flex;flex-wrap:wrap;gap:10px 16px;min-width:0;max-width:100%}
.cockpit-simu legend{font-weight:650;font-size:13px;padding:0 6px}
.cockpit-simu label,.cockpit-form-routine label,.cockpit-couts form label,.cockpit-proposition label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;min-width:0}
.cockpit-simu-resultat{flex:1 1 100%;min-width:0;font-size:13px;line-height:1.5}
.cockpit-simu-resultat p{margin:4px 0}
.cockpit input,.cockpit select,.cockpit textarea,.cockpit-chef-zone input,.cockpit-chef-zone select,.cockpit-chef-zone textarea{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--bord-2,#babbbc);border-radius:9px;background:var(--blanc,#fff);color:var(--noir,#15181c);max-width:100%;box-sizing:border-box}
.cockpit-form-routine,.cockpit-proposition{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0}
.cockpit-form-routine>*,.cockpit-proposition>*{min-width:0}
.cockpit-form-routine label:nth-child(2),.cockpit-proposition fieldset,.cockpit-proposition p,.cockpit-proposition .cockpit-actions,.cockpit-form-routine p,.cockpit-form-routine .cockpit-actions{grid-column:1/-1}
.cockpit-proposition fieldset{border:1px solid var(--bord,#e3e0da);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cockpit-proposition legend{font-weight:650;font-size:13px;padding:0 6px}
.cockpit-proposition fieldset label:has(textarea),.cockpit-proposition .cockpit-info{grid-column:1/-1}
.cockpit-info{flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:4px 6px!important}
.cockpit-resultat{border:1px solid var(--bord,#e3e0da);border-radius:11px;padding:10px 12px;margin:8px 0;background:var(--paper-2,#f7f4ef)}
.cockpit-resultat header{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:12.5px}
.cockpit-brouillon{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13.5px;line-height:1.5;margin:8px 0}
.cockpit-plafonds{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.cockpit-plafond{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(80px,1fr) minmax(0,1.5fr);gap:10px;align-items:center;font-size:12.5px}
.cockpit-barre{display:block;height:8px;border-radius:6px;background:var(--paper-2,#f7f4ef);border:1px solid var(--bord,#e3e0da);overflow:hidden}
.cockpit-barre>span{display:block;height:100%;background:var(--vert,#2f7d4f)}
.cockpit-plafond.alerte .cockpit-barre>span{background:var(--ambre,#c98a00)}
.cockpit-plafond.atteint .cockpit-barre>span{background:var(--rouge,#b3261e)}
.cockpit-couts form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0!important;margin-top:10px}
.cockpit-couts form>p,.cockpit-couts form>button{grid-column:1/-1}
.cockpit-chef-zone{border:1px solid var(--bord,#e3e0da);border-radius:14px;background:var(--blanc,#fff);padding:16px}
.cockpit-chef-zone h3{margin:0 0 6px}
.cockpit-chef-zone textarea{width:100%}
.cockpit-raison{margin:0 0 4px}
.cockpit-agent-choisi{margin:0}
.cockpit-estimation{background:var(--paper-2,#f7f4ef);border-radius:11px;padding:8px 12px;font-size:13px;grid-column:1/-1}
[data-cadence=manuel] .champ-heure,[data-cadence=manuel] .champ-semaine,[data-cadence=manuel] .champ-mois,[data-cadence=quotidien] .champ-semaine,[data-cadence=quotidien] .champ-mois,[data-cadence=hebdomadaire] .champ-mois,[data-cadence=mensuel] .champ-semaine{display:none}
.cockpit-estimation p{margin:2px 0}

@media(max-width:900px){.cockpit-portes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  #view .cockpit-routine>summary{grid-template-columns:16px minmax(0,1fr) auto;gap:6px 10px}
  #view .cockpit-routine>summary .cockpit-routine-agent,#view .cockpit-routine>summary .cockpit-routine-quand{grid-column:2/-1}
  #view .cockpit-routine>summary>.pill:last-child{grid-column:2/-1}
  .cockpit-fiche dl{grid-template-columns:1fr;gap:2px}
  .cockpit-fiche dt{margin-top:6px}
  .cockpit-plafond{grid-template-columns:1fr}
  .cockpit-satellites li{flex:1 1 calc(50% - 12px)}
  .cockpit-satellites::before,.cockpit-satellites li::before{display:none}
  /* Sur téléphone, le geste « Parler avec mon agent » passe sur sa propre ligne au lieu de dépasser de l'écran. */
  #view .agent-ligne>summary:has(>[data-agent-parler]){flex-wrap:wrap;row-gap:8px}
  #view .agent-ligne>summary>[data-agent-parler]{flex:1 1 100%}
}
@media(max-width:430px){.cockpit-portes{grid-template-columns:1fr}.cockpit-satellites li{flex:1 1 100%}}
@media(prefers-reduced-motion:no-preference){.cockpit-porte,.cockpit-satellite,.cockpit-chef{transition:border-color .15s,box-shadow .15s}}