:root {
  --pt-info:     #0063FC;
  --pt-info-f:   #0049BC;
  --pt-info-pal: #EAF1FE;
  --pt-fond:     #F5F7F9;
  --pt-carte:    #FFFFFF;
  --pt-encre:    #101418;
  --pt-encre-2:  #4B555F;
  --pt-encre-3:  #7A848E;
  --pt-trait:    #DFE4E9;
  --pt-trait-2:  #C7CED6;
  --pt-ok:       #15803D;
  --pt-ok-pal:   #E7F5EC;
  --pt-warn:     #92660E;
  --pt-warn-pal: #FCF4E3;
  --pt-ko:       #B3261E;
  --pt-ko-pal:   #FDECEA;
  --pt-rayon:    10px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--pt-fond);
  color: var(--pt-encre);
  font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 15.5px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--pt-info); }
a:hover { color: var(--pt-info-f); }

:focus-visible { outline: 2px solid var(--pt-info); outline-offset: 2px; border-radius: 4px; }

.pt-tete { background: var(--pt-carte); border-bottom: 1px solid var(--pt-trait); }
.pt-bande { height: 4px; background: var(--pt-info); }
.pt-barre {
  max-width: 1080px; margin: 0 auto;
  padding: 14px 24px;
  display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
}
.pt-marque {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--pt-encre);
  font-family: "Archivo", system-ui, sans-serif; font-size: 15px; font-weight: 500;
}
.pt-marque img { width: auto; height: 30px; display: block; flex: none; }
.pt-marque strong { font-weight: 700; }

.pt-nav { display: flex; gap: 4px; flex: 1; flex-wrap: wrap; }
.pt-nav a {
  padding: 7px 13px; border-radius: 7px;
  text-decoration: none; color: var(--pt-encre-2); font-size: 14.5px; font-weight: 500;
}
.pt-nav a:hover { background: var(--pt-fond); color: var(--pt-encre); }
.pt-nav a.actif { background: var(--pt-info-pal); color: var(--pt-info-f); font-weight: 600; }

.pt-qui { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.pt-nom { font-weight: 600; font-size: 14px; }
.pt-soc { font-size: 12.5px; color: var(--pt-encre-3); }
.pt-sortie { font-size: 12.5px; margin-top: 3px; }

.pt-page { max-width: 1080px; margin: 0 auto; padding: 30px 24px 70px; }

.pt-entete {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 20px; flex-wrap: wrap; margin-bottom: 22px;
}
.pt-entete h1 {
  font-family: "Archivo", system-ui, sans-serif;
  font-size: 25px; font-weight: 600; letter-spacing: -.02em;
  margin: 0 0 4px; text-wrap: balance;
}
.pt-sous { color: var(--pt-encre-2); margin: 0; max-width: 62ch; }
.pt-fil { font-size: 13px; color: var(--pt-encre-3); margin: 0 0 4px; }

.pt-carte {
  background: var(--pt-carte);
  border: 1px solid var(--pt-trait);
  border-radius: var(--pt-rayon);
  padding: 22px 24px;
  margin-bottom: 16px;
}
.pt-carte h2 {
  font-family: "Archivo", system-ui, sans-serif;
  font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  color: var(--pt-encre-3); margin: 0 0 14px;
}
.pt-carte-seule {
  max-width: 430px; margin: 46px auto;
  background: var(--pt-carte);
  border: 1px solid var(--pt-trait);
  border-radius: var(--pt-rayon);
  padding: 34px 32px 30px;
}
.pt-carte-seule h1 {
  font-family: "Archivo", system-ui, sans-serif;
  font-size: 22px; font-weight: 600; letter-spacing: -.02em; margin: 0 0 6px;
}

.pt-colonnes { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) {
  .pt-colonnes { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
}

label { display: block; font-size: 13.5px; font-weight: 600; margin: 16px 0 6px; }
.pt-form label:first-of-type, .pt-form-large label:first-of-type { margin-top: 0; }

input[type=text], input[type=email], input[type=tel], input[type=password],
input[type=search], select, textarea {
  width: 100%; padding: 11px 13px;
  border: 1px solid var(--pt-trait-2); border-radius: 8px;
  background: var(--pt-carte); color: var(--pt-encre);
  font: inherit; font-size: 15px;
}
textarea { resize: vertical; line-height: 1.55; }
input:focus, select:focus, textarea:focus {
  outline: none; border-color: var(--pt-info);
  box-shadow: 0 0 0 3px rgba(0, 99, 252, .12);
}
.pt-code { font-size: 22px; letter-spacing: .35em; text-align: center; font-variant-numeric: tabular-nums; }

.pt-btn {
  display: inline-block; margin-top: 18px;
  padding: 12px 22px; border: 0; border-radius: 8px;
  background: var(--pt-info); color: #fff;
  font: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
  text-decoration: none; text-align: center;
}
.pt-btn:hover { background: var(--pt-info-f); color: #fff; }
.pt-btn-sec { background: var(--pt-carte); color: var(--pt-encre); border: 1px solid var(--pt-trait-2); }
.pt-btn-sec:hover { background: var(--pt-fond); color: var(--pt-encre); }
.pt-btn-danger { background: var(--pt-carte); color: var(--pt-ko); border: 1px solid var(--pt-trait-2); }
.pt-btn-danger:hover { background: var(--pt-ko-pal); color: var(--pt-ko); }

.pt-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.pt-actions .pt-btn { margin-top: 0; }
.pt-form-ligne { padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--pt-trait); }
.pt-form-ligne .pt-btn { margin-top: 12px; }
.pt-duo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 18px; }

.pt-aide { font-size: 13px; color: var(--pt-encre-3); margin: 7px 0 0; line-height: 1.5; }
.pt-hors { margin-top: 14px; }

.pt-choix { border: 0; padding: 0; margin: 0 0 20px; }
.pt-choix legend { font-size: 13.5px; font-weight: 600; padding: 0; margin-bottom: 8px; }
.pt-radio {
  display: block; margin: 0 0 9px; padding: 14px 16px;
  border: 1px solid var(--pt-trait-2); border-radius: 9px; cursor: pointer;
  font-weight: 400;
}
.pt-radio:hover { border-color: var(--pt-info); }
.pt-radio.actif { border-color: var(--pt-info); border-width: 2px; background: var(--pt-info-pal); }
.pt-radio input { width: auto; margin-right: 8px; }
.pt-radio-t { font-weight: 600; }
.pt-radio-a { display: block; font-size: 13px; color: var(--pt-encre-2); margin-top: 2px; margin-left: 24px; }

.pt-msg { padding: 12px 15px; border-radius: 9px; font-size: 14px; margin: 0 0 16px; border: 1px solid transparent; }
.pt-avis   { background: var(--pt-ok-pal);   color: var(--pt-ok);   border-color: #BFE3CC; }
.pt-erreur { background: var(--pt-ko-pal);   color: var(--pt-ko);   border-color: #F4C9C5; }
.pt-alerte { background: var(--pt-warn-pal); color: var(--pt-warn); border-color: #EBD9AE; }

.pt-filtres { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.pt-filtres a {
  padding: 8px 14px; border-radius: 8px; text-decoration: none;
  background: var(--pt-carte); border: 1px solid var(--pt-trait);
  color: var(--pt-encre-2); font-size: 14px; font-weight: 500;
}
.pt-filtres a:hover { border-color: var(--pt-trait-2); color: var(--pt-encre); }
.pt-filtres a.actif { background: var(--pt-info); border-color: var(--pt-info); color: #fff; }
.pt-nb {
  display: inline-block; margin-left: 7px; padding: 1px 7px;
  border-radius: 999px; background: rgba(0, 0, 0, .07);
  font-size: 12px; font-variant-numeric: tabular-nums;
}
.pt-filtres a.actif .pt-nb { background: rgba(255, 255, 255, .25); }

.pt-liste { display: flex; flex-direction: column; gap: 8px; }
.pt-ligne {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 14px 18px; text-decoration: none; color: inherit;
  background: var(--pt-carte); border: 1px solid var(--pt-trait); border-radius: var(--pt-rayon);
}
.pt-ligne:hover { border-color: var(--pt-info); color: inherit; }
.pt-ref {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 12.5px; color: var(--pt-encre-3); white-space: nowrap;
}
.pt-corps { flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 2px; }
.pt-objet { font-weight: 600; }
.pt-meta { font-size: 12.5px; color: var(--pt-encre-3); }
.pt-rouvert { color: var(--pt-warn); font-weight: 600; }
.pt-etats { display: flex; gap: 6px; flex-wrap: wrap; }

.pt-vide {
  background: var(--pt-carte); border: 1px solid var(--pt-trait); border-radius: var(--pt-rayon);
  padding: 46px 24px; text-align: center; color: var(--pt-encre-3);
}

.pt-pastille, .badge {
  display: inline-block; padding: 3px 11px; border-radius: 999px;
  font-size: 12px; font-weight: 600; white-space: nowrap;
}
.pt-grande { padding: 6px 16px; font-size: 13.5px; }

.tk-nouveau { background: #E7EFFD; color: #14458F; }
.tk-encours { background: var(--pt-info-pal); color: var(--pt-info-f); }
.tk-attente { background: var(--pt-warn-pal); color: var(--pt-warn); }
.tk-resolu  { background: var(--pt-ok-pal); color: var(--pt-ok); }
.tk-clos    { background: #EEF1F4; color: var(--pt-encre-3); }

.tp-basse    { background: #EEF1F4; color: var(--pt-encre-3); }
.tp-normale  { background: #EEF1F4; color: var(--pt-encre-2); }
.tp-haute    { background: var(--pt-warn-pal); color: var(--pt-warn); }
.tp-critique { background: var(--pt-ko-pal); color: var(--pt-ko); }

.pt-desc { white-space: pre-wrap; margin: 0; }
.pt-fil-liste { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.pt-m { padding: 14px 16px; border-radius: 9px; background: var(--pt-fond); border: 1px solid var(--pt-trait); }

.pt-m-leshen { background: var(--pt-info-pal); border-color: #C8DBFB; }
.pt-m-systeme { background: transparent; border-style: dashed; color: var(--pt-encre-3); font-size: 13.5px; }
.pt-m-tete { display: flex; gap: 12px; align-items: baseline; justify-content: space-between; margin-bottom: 6px; }
.pt-m-tete strong { font-size: 13.5px; }
.pt-m-tete time { font-size: 12px; color: var(--pt-encre-3); }
.pt-m-corps { white-space: pre-wrap; }

.pt-repondre { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--pt-trait); }
.pt-solution { border-left: 3px solid var(--pt-ok); }

.pt-fiche { display: grid; grid-template-columns: auto 1fr; gap: 7px 14px; margin: 0; font-size: 13.5px; }
.pt-fiche dt { color: var(--pt-encre-3); }
.pt-fiche dd { margin: 0; font-weight: 500; }
.pt-mono { font-family: ui-monospace, Consolas, monospace; font-size: 13px; }
.pt-puces { margin: 0; padding-left: 18px; font-size: 13.5px; color: var(--pt-encre-2); }
.pt-puces li { margin-bottom: 8px; }

.pt-etat-ok { color: var(--pt-ok); font-weight: 600; margin: 0 0 4px; }
.pt-secret {
  font-family: ui-monospace, Consolas, monospace; font-size: 17px; letter-spacing: .12em;
  background: var(--pt-fond); border: 1px solid var(--pt-trait); border-radius: 8px;
  padding: 12px 14px; margin: 8px 0 0; word-break: break-all;
}
.pt-uri { word-break: break-all; font-family: ui-monospace, Consolas, monospace; font-size: 11.5px; }
.pt-codes { border-left: 3px solid var(--pt-warn); }
.pt-codes-liste {
  list-style: none; margin: 14px 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px;
}
.pt-codes-liste li {
  font-family: ui-monospace, Consolas, monospace; font-size: 15px; letter-spacing: .06em;
  background: var(--pt-fond); border: 1px solid var(--pt-trait); border-radius: 7px;
  padding: 9px 12px; text-align: center;
}

.pt-pied {
  max-width: 1080px; margin: 0 auto; padding: 22px 24px 40px;
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  border-top: 1px solid var(--pt-trait);
  font-size: 12.5px; color: var(--pt-encre-3);
}

@media (max-width: 620px) {
  .pt-barre { gap: 14px; }
  .pt-qui { align-items: flex-start; }
  .pt-page { padding: 22px 18px 56px; }
}

.pt-apercu{
  background:#FCF4E3;color:#92660E;
  border-bottom:1px solid #EBD9AE;
  padding:11px 24px;font-size:14px;text-align:center;
}
.pt-apercu strong{font-weight:700;}
.pt-apercu a{margin-left:10px;color:#92660E;font-weight:600;}

.pt-logo{
  display:flex;align-items:center;gap:14px;
  margin:0 0 26px;
}
.pt-logo img{
  width:auto;height:52px;flex:none;display:block;
}
.pt-logo-txt{
  display:flex;flex-direction:column;gap:2px;
  font-family:"Archivo",system-ui,sans-serif;line-height:1;
}
.pt-logo-txt > span{
  font-size:13px;font-weight:600;letter-spacing:.22em;
  color:var(--pt-encre-2);
}
.pt-logo-txt strong{
  font-weight:800;font-size:22px;letter-spacing:.14em;
  color:var(--pt-info);
}

.pt-secours{
  margin-top:26px;padding-top:20px;
  border-top:1px solid var(--pt-trait);
}
.pt-secours-q{
  margin:0 0 4px;
  font-size:14px;font-weight:600;color:var(--pt-encre);
}
.pt-secours-r{
  margin:0 0 12px;
  font-size:13.5px;line-height:1.5;color:var(--pt-encre-2);
}

.pt-secours-tel{
  display:inline-block;
  color:var(--pt-info-f);
  font-size:17px;font-weight:700;letter-spacing:.03em;
  text-decoration:none;font-variant-numeric:tabular-nums;
}
.pt-secours-tel:hover{ text-decoration:underline; }

.pt-piece{display:inline-block;margin-top:10px;border-radius:8px;overflow:hidden;
  border:1px solid var(--pt-trait);line-height:0;}
.pt-piece:hover{border-color:var(--pt-info);}
.pt-piece img{max-width:240px;max-height:180px;width:auto;height:auto;display:block;}

.pt-m{border-left-width:3px;border-left-style:solid;}
.pt-m-client{background:#E7EFFD;border-color:#C3D6F7;border-left-color:#14458F;}
.pt-m-leshen{background:var(--pt-info-pal);border-color:#C8DBFB;border-left-color:var(--pt-info);}
.pt-m-systeme{background:transparent;border-color:var(--pt-trait);border-left-color:#C7CED6;}
.pt-m-tete strong{display:inline-flex;align-items:center;gap:6px;}

.pt-m-qui{
  display:inline-block;padding:2px 9px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
}
.pt-m-client .pt-m-qui{background:#14458F;color:#fff;}
.pt-m-leshen .pt-m-qui{background:var(--pt-info);color:#fff;}
.pt-m-systeme .pt-m-qui{background:#EEF1F4;color:var(--pt-encre-3);}

.pt-cloche{
  position:relative;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:8px;text-decoration:none;
  color:var(--pt-encre-2);font-size:14.5px;font-weight:500;
}
.pt-cloche:hover{background:var(--pt-fond);color:var(--pt-encre);}
.pt-cloche-active{color:var(--pt-info);}
.pt-cloche-nb{
  position:absolute;top:1px;left:22px;
  min-width:17px;height:17px;padding:0 4px;
  border-radius:999px;background:var(--pt-ko);color:#fff;
  font-size:10.5px;font-weight:700;line-height:17px;text-align:center;
  border:2px solid var(--pt-carte);box-sizing:content-box;
}
@media (max-width:760px){ .pt-cloche-lu{display:none;} }

.pt-ligne.pt-bouge{border-color:var(--pt-info);box-shadow:inset 3px 0 0 var(--pt-info);}
.pt-neuf{background:var(--pt-info);color:#fff;animation:pt-battement 2.4s ease-in-out infinite;}
@keyframes pt-battement{
  0%,100%{box-shadow:0 0 0 0 rgba(0,99,252,.45);}
  50%    {box-shadow:0 0 0 5px rgba(0,99,252,0);}
}

@media (prefers-reduced-motion: reduce){
  .pt-neuf{animation:none;}
}

.pt-comptes{display:flex;flex-direction:column;gap:10px;}
.pt-compte{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;flex-wrap:wrap;
  padding:13px 15px;border:1px solid var(--pt-trait);border-radius:9px;
  background:var(--pt-fond);
}
.pt-compte.suspendu{opacity:.62;}
.pt-compte-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;}
.pt-compte-mail{font-size:12.5px;color:var(--pt-encre-3);}
.pt-compte-etat{display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:12.5px;color:var(--pt-encre-3);margin-top:2px;}
.pt-compte-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end;}
.pt-inline{display:flex;gap:6px;align-items:center;margin:0;}
.pt-btn-mini{margin-top:0;padding:7px 12px;font-size:13px;}
.pt-mdp-ligne{display:flex;gap:6px;align-items:center;}
.pt-mdp-champ{min-width:0;}
.pt-mdp-form .pt-mdp-champ{width:210px;font-size:13.5px;padding:7px 10px;}
.pt-mdp-ligne .pt-btn-mini{flex:none;}

@media (max-width:620px){
  .pt-compte-actions{align-items:stretch;width:100%;}
  .pt-mdp-form{flex-wrap:wrap;}
  .pt-mdp-form .pt-mdp-champ{width:100%;}
}

.pt-bloc-avis{border-top-color:var(--pt-info);}

.pt-etoiles{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;
  align-items:center;gap:6px;margin:8px 0 16px;}
.pt-etoiles input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;
  pointer-events:none;}
.pt-etoiles > label{
  display:inline-block;margin:0;padding:0;cursor:pointer;
  font-size:30px;line-height:1;font-weight:400;
  color:#D8DEE5;transition:color .12s;
}
.pt-etoiles > label:hover,
.pt-etoiles > label:hover ~ label,
.pt-etoiles input[type=radio]:checked ~ label{color:#F5A623;}

.pt-etoiles input[type=radio]:focus-visible + label{outline:2px solid var(--pt-info);outline-offset:2px;border-radius:4px;}

.pt-avis-donne{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:18px;padding-top:18px;border-top:1px solid var(--pt-trait);
  font-size:14px;color:var(--pt-encre-2);
}
.pt-etoiles-fixe span{font-size:19px;color:#D8DEE5;}
.pt-etoiles-fixe .pleine{color:#F5A623;}

.pt-annonce{
  max-width:1080px;margin:18px auto 0;padding:14px 18px;border-radius:12px;
  display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;
  font-size:14.5px;line-height:1.55;border:1px solid;
}
.pt-annonce strong{font-weight:700;}
.pt-annonce-info{background:#EAF1FE;border-color:#C8DBFB;color:#12376F;}
.pt-annonce-alerte{background:#FDECEC;border-color:#F3C9C9;color:#8C1F1F;}
.pt-annonce-ok{background:#E8F6EE;border-color:#BFE3CC;color:#136B36;}

.pt-annonce + .pt-annonce{ margin-top:8px; }

.pt-maj{
  max-width:1080px;margin:16px auto 0;padding:11px 16px;border-radius:10px;
  display:flex;gap:12px;align-items:center;justify-content:space-between;
  background:#EAF1FE;border:1px solid #C8DBFB;color:#12376F;font-size:14px;
}
.pt-maj[hidden]{ display:none; }
.pt-maj a{ font-weight:700;color:#12376F; }

.pt-planif{
  display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;
  margin:0 0 18px;padding:13px 17px;border-radius:11px;
  background:#EAF1FE;border:1px solid #C8DBFB;color:#12376F;font-size:14.5px;
}
.pt-planif strong{font-size:15.5px;font-weight:700;}
.pt-planif-lib{font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;opacity:.72;width:100%;}
.pt-planif-detail{opacity:.8;}
.pt-planif-passee{background:#F3F5F8;border-color:#DFE4EA;color:#4A5568;}

.pt-pastille.tk-planifie{background:#EAF1FE;color:#12376F;border-color:#C8DBFB;}

.pt-etats > *{ flex:0 0 auto; }
.pt-pastille{ max-width:100%; }

@media (max-width:900px){
  .pt-ligne{ gap:10px 12px; padding:13px 15px; }
  .pt-corps{ min-width:100%; order:2; }
  .pt-ref{ order:1; }
  .pt-etats{ order:3; width:100%; }
  .pt-entete{ flex-direction:column; align-items:flex-start; gap:10px; }
  .pt-colonnes{ grid-template-columns:1fr; }
  .pt-barre{ flex-wrap:wrap; gap:12px; }
  .pt-nav{ order:3; width:100%; overflow-x:auto; }
  .pt-planif{ flex-direction:column; gap:4px; }
}

@media (max-width:560px){
  .pt-page{ padding-left:14px; padding-right:14px; }
  .pt-entete h1{ font-size:1.25rem; }
  .pt-onglets{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
  .pt-onglets a{ white-space:nowrap; }
  .pt-qui{ align-items:flex-start; }
  .pt-carte{ padding:16px 15px; }
  .pt-etoiles > label{ font-size:26px; }
  .pt-maj{ flex-direction:column; align-items:flex-start; gap:6px; }
}

.dep-zone{
  position:relative; display:flex; align-items:center; gap:12px;
  padding:14px 16px; border:2px dashed #d7dee6; border-radius:12px;
  background:#f7f9fb; cursor:pointer; margin:0 0 4px;
  transition:border-color .13s, background .13s, box-shadow .13s;
}
.dep-zone:hover,.dep-survol,.dep-actif{ border-color:#059669; background:#ecfdf5; }
.dep-survol{ box-shadow:0 0 0 4px #ecfdf5; }
.dep-champ{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0;
  clip:rect(0 0 0 0); clip-path:inset(50%); overflow:hidden; white-space:nowrap;
}
.dep-icone{ flex:none; color:#64748b; }
.dep-zone:hover .dep-icone,.dep-survol .dep-icone,.dep-plein .dep-icone{ color:#059669; }
.dep-texte{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.dep-nom{ font-size:.88rem; font-weight:600; color:#1e293b;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dep-sous{ font-size:.76rem; color:#64748b; }
.dep-plein{ border-style:solid; border-color:#059669; background:#ecfdf5; }
.dep-apercu{ flex:none; width:44px; height:44px; object-fit:cover; border-radius:8px;
  border:1px solid #d7dee6; background:#fff; }
.dep-retirer{ flex:none; width:28px; height:28px; border-radius:50%; cursor:pointer;
  border:1px solid #d7dee6; background:#fff; color:#64748b; font-size:1.1rem;
  line-height:1; padding:0; }
.dep-retirer:hover{ border-color:#dc2626; color:#dc2626; }