/* ==========================================================================
   PTC — Le bloc « outil » : contrôles rangés par moment, cochables, conservés.
   Gabarit arbitré le 20/08/2026 (sitepartagé/strategie/gabarit-fiche-outil.html).
   La fiche explique, l'outil fait cocher : ce bloc ne redit jamais le fond,
   il donne le contrôle, sa source et la preuve attendue.
   ========================================================================== */
.ptc-outil{
  border:1px solid #e5e0d7;border-left:4px solid #e8541a;border-radius:18px;
  background:#fffaf7;padding:22px 24px;margin:22px 0;
}
.ptc-outil__tete{margin-bottom:15px}
.ptc-outil__oeil{
  display:block;font-family:'Syne','Poppins',sans-serif;font-weight:800;
  font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#c4400f;margin-bottom:7px;
}
.ptc-outil h2,.ptc-outil__titre{
  font-family:'Poppins',sans-serif;font-size:1.12rem;font-weight:700;color:#1a2d4a;margin:0 0 6px;line-height:1.2;
}
.ptc-outil__sous{margin:0;font-size:.9rem;color:#647080;line-height:1.55}

.ptc-outil__jauge{display:flex;align-items:center;gap:12px;margin:16px 0 4px}
.ptc-outil__barre{flex:1;height:7px;border-radius:99px;background:#e5e0d7;overflow:hidden}
.ptc-outil__barre i{display:block;height:100%;width:0;background:#e8541a;border-radius:99px;transition:width .3s ease}
.ptc-outil__chiffre{
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.83rem;color:#1a2d4a;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}

.ptc-outil__moment{
  font-family:'Syne','Poppins',sans-serif;font-weight:800;font-size:.63rem;letter-spacing:.13em;
  text-transform:uppercase;color:#8f8577;margin:20px 0 2px;
}
.ptc-outil__moment:first-of-type{margin-top:16px}
.ptc-outil__liste{list-style:none;margin:0;padding:0}
.ptc-outil__ctrl{
  display:flex;gap:12px;align-items:flex-start;
  padding:11px 0;border-bottom:1px solid #ece7de;
}
.ptc-outil__liste li:last-child .ptc-outil__ctrl{border-bottom:0}
.ptc-outil__ctrl input{margin-top:3px;width:17px;height:17px;accent-color:#e8541a;flex:0 0 auto;cursor:pointer}
.ptc-outil__ctrl>span{flex:1;min-width:0;font-size:.91rem;line-height:1.5;color:#22293a}
.ptc-outil__ctrl input:checked ~ span .ptc-outil__label{color:#647080}
.ptc-outil__label{display:inline}
.ptc-outil__preuve{display:block;font-size:.79rem;color:#647080;margin-top:5px;line-height:1.45}
.ptc-outil__source{
  display:inline-block;font-family:'Syne','Poppins',sans-serif;font-weight:800;font-size:.57rem;
  letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 9px;margin-left:7px;
  vertical-align:1px;white-space:nowrap;
}
.ptc-outil__source--legale{background:#eaf3fb;color:#1a2d4a;border:1px solid #d4e5f4}
.ptc-outil__source--contrat{background:#fdf7ec;color:#8a6415;border:1px solid #eddcbb}
.ptc-outil__source--repere{background:#f4f1ec;color:#8f8577;border:1px solid #e3ded5}
.ptc-outil__fiche{
  display:inline-block;margin-top:6px;font-size:.79rem;font-weight:700;
  color:#284d73;text-decoration:none;border-bottom:1px solid rgba(40,77,115,.35);
}
.ptc-outil__fiche:hover{border-bottom-color:#284d73}

.ptc-outil__actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.ptc-outil__bt{
  font-family:'Poppins',sans-serif;font-size:.84rem;font-weight:700;border-radius:999px;
  padding:10px 17px;border:1px solid #e5e0d7;background:#fff;color:#1a2d4a;cursor:pointer;
}
.ptc-outil__bt--plein{background:#e8541a;border-color:#e8541a;color:#fff}
.ptc-outil__bt:focus-visible,.ptc-outil__ctrl input:focus-visible{outline:2px solid #e8541a;outline-offset:2px}

.ptc-outil__pied{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
  margin-top:16px;padding-top:13px;border-top:1px solid #f0d9c9;
}
.ptc-outil__etat{display:flex;align-items:center;gap:8px;font-size:.79rem;color:#647080;margin:0}
.ptc-outil__etat::before{content:"";width:7px;height:7px;border-radius:50%;background:#17634d;flex:0 0 auto}
.ptc-outil__projet{
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  font-family:'Poppins',sans-serif;font-size:.84rem;font-weight:700;color:#c4400f;
}
.ptc-outil__projet:hover{text-decoration:underline}

.ptc-outil__ailleurs{
  margin-top:16px;padding:13px 15px;border:1px dashed #d4e5f4;border-radius:13px;
  background:#eaf3fb;font-size:.86rem;color:#1a2d4a;line-height:1.55;
}
.ptc-outil__ailleurs a{color:#284d73;font-weight:700}

@media(max-width:560px){
  .ptc-outil{padding:18px 17px;border-radius:15px}
  .ptc-outil__source{
    margin-left:0;margin-top:5px;display:inline-block;max-width:100%;
    white-space:normal;overflow-wrap:anywhere;line-height:1.25;
  }
}
@media print{
  .ptc-outil__actions,.ptc-outil__projet{display:none}
  .ptc-outil{break-inside:avoid;background:#fff}
}

/* ---- Ranger la pièce au moment du geste (chantier 02, 22/08/2026) ---- */
.ptc-outil__ranger{margin-top:18px;border:1px dashed #b8c7d8;border-radius:14px;background:#fbfcfe;overflow:hidden}
.ptc-outil__ranger>summary{display:flex;align-items:center;gap:12px;padding:12px 14px;list-style:none;cursor:pointer;font-size:.9rem;font-weight:800;color:var(--navy,#1a2d4a)}
.ptc-outil__ranger>summary::-webkit-details-marker{display:none}
.ptc-outil__ranger>summary::after{content:'+';display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid var(--line,#e5e0d7);border-radius:999px;color:var(--orange,#e6472f);font-size:1.05rem;line-height:1}
.ptc-outil__ranger[open]>summary::after{content:'\2212'}
.ptc-outil__ranger>summary small{margin-left:auto;color:var(--muted,#647080);font-size:.72rem;font-weight:600}
.ptc-outil__ranger-corps{padding:0 14px 14px;border-top:1px solid var(--line,#e5e0d7)}
.ptc-outil__ranger-corps>p{margin:10px 0 12px;font-size:.83rem;color:var(--muted,#647080);line-height:1.55}
.ptc-outil__sous label{max-width:100%;flex-wrap:wrap}
.ptc-outil__sous label select{min-width:0;max-width:100%}
.ptc-outil__piece{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ptc-outil__piece .plein{grid-column:1/-1}
.ptc-outil__piece label{display:block;font-size:.76rem;font-weight:800;color:var(--navy,#1a2d4a)}
.ptc-outil__piece input,.ptc-outil__piece select{width:100%;margin-top:4px;border:1px solid var(--line,#e5e0d7);border-radius:9px;padding:9px;background:#fff;font:inherit}
.ptc-outil__piece button{grid-column:1/-1;justify-self:start}
.ptc-outil__pieces{display:grid;gap:7px;margin-top:11px}
.ptc-outil__piece-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line,#e5e0d7);border-radius:10px;padding:9px 11px;background:#fff}
.ptc-outil__piece-item strong{display:block;font-size:.79rem;overflow-wrap:anywhere;color:var(--navy,#1a2d4a)}
.ptc-outil__piece-item small{display:block;color:var(--muted,#647080);font-size:.71rem}
.ptc-outil__vide{margin:0;color:var(--muted,#647080);font-size:.78rem}
@media(max-width:560px){
  .ptc-outil__ranger>summary{align-items:flex-start;flex-wrap:wrap}
  .ptc-outil__ranger>summary small{order:3;width:100%;margin-left:0}
  .ptc-outil__ranger>summary::after{margin-left:auto}
  .ptc-outil__piece{grid-template-columns:1fr}
}
