/* PTC — Mes demandes de branchement : saisir, puis produire. */

.br{
  background:#fbf8f5;
  border:1px solid #e8e0d6;
  border-left:4px solid var(--coral,#e8541a);
  border-radius:16px;
  padding:20px 22px;
  margin:22px 0 0;
}
.br-oeil{
  font-family:'Syne',sans-serif;font-size:.62rem;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--coral-dark,#c4400f);margin:0 0 8px;
}
.br-t{
  font-family:'Fraunces',Georgia,serif;font-size:1.18rem;font-weight:700;
  color:var(--navy,#1a2d4a);margin:0 0 8px;line-height:1.3;
}
.br-s{font-size:.88rem;line-height:1.6;color:var(--muted,#647080);margin:0 0 18px}
.br-s b{color:var(--navy,#1a2d4a)}

.br-board{
  position:sticky;top:66px;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));
  gap:7px;margin:0 -8px 14px;padding:8px;background:rgba(251,248,245,.96);
  backdrop-filter:blur(8px);overflow-x:auto;border-bottom:1px solid var(--line,#e5e0d7);
}
.br-board button{min-width:128px;text-align:left;border:1px solid var(--line,#e5e0d7);border-radius:11px;background:#fff;padding:9px 10px;color:var(--navy,#1a2d4a);font-family:inherit;cursor:pointer}
.br-board button[aria-selected="true"]{border:2px solid var(--coral,#e8541a);padding:8px 9px;background:#fff8f4}
.br-board button:focus-visible{outline:3px solid rgba(232,84,26,.3);outline-offset:2px}
.br-card-t,.br-card-s,.br-card-m{display:block}
.br-card-t{font-size:.8rem;font-weight:800;line-height:1.25}
.br-card-s{margin-top:5px;font-size:.7rem;color:var(--muted,#647080)}
.br-card-m{margin-top:2px;font-size:.68rem;color:var(--coral-dark,#c4400f);font-weight:700}
.br-r{display:none}
.br-r.is-active{display:block}
.br-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.br-head .br-status{justify-content:flex-end}
.br-cycle{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:3px 0 18px;padding:0}
.br-cycle li{position:relative;padding-top:16px;text-align:center;font-size:.67rem;color:var(--muted,#647080);line-height:1.2}
.br-cycle li::before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:#dbe1e8}
.br-cycle li span{position:absolute;z-index:1;top:1px;left:50%;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;background:#dbe1e8}
.br-cycle li.is-done::before,.br-cycle li.is-done span{background:var(--ok,#1d7a5f)}
.br-cycle li.is-current{font-weight:800;color:var(--navy,#1a2d4a)}
.br-cycle li.is-current::before,.br-cycle li.is-current span{background:var(--coral,#e8541a)}
.br-na{padding:9px 12px;border-radius:9px;background:#f1f3f6;color:var(--muted,#647080);font-size:.8rem}

.br-r{
  background:#fff;border:1px solid var(--line,#e5e0d7);
  border-radius:13px;padding:16px 18px;margin-bottom:12px;
}
.br-r h4{
  font-family:'Fraunces',Georgia,serif;font-size:1rem;font-weight:700;
  color:var(--navy,#1a2d4a);margin:0 0 4px;
}
.br-dest{font-size:.79rem;color:var(--muted,#647080);margin:0 0 13px;font-style:italic}
.br-status{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
.br-status .ptc-pastille{margin:0}

.br-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0 0 13px}
.br-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.br-f span{
  font-size:.75rem;font-weight:700;color:var(--navy,#1a2d4a);
}
.br-f input,.br-f select{
  width:100%;padding:8px 11px;font-size:.85rem;font-family:inherit;
  border:1px solid var(--line,#e5e0d7);border-radius:9px;background:#fff;color:var(--ink,#22293a);
}
.br-f input:focus,.br-f select:focus{outline:2px solid rgba(232,84,26,.35);border-color:var(--coral,#e8541a)}

.br-p{border:1px solid var(--line,#e5e0d7);border-radius:10px;margin:0 0 13px;background:#f7f9fc}
.br-p summary{
  cursor:pointer;list-style:none;padding:9px 14px;
  font-size:.79rem;font-weight:700;color:var(--navy,#1a2d4a);
}
.br-p summary::-webkit-details-marker{display:none}
.br-p summary::before{content:"▸ ";color:var(--coral,#e8541a)}
.br-p[open] summary::before{content:"▾ "}
.br-checks{display:grid;gap:7px;padding:2px 14px 8px}
.br-checks label{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;line-height:1.45;color:var(--muted,#647080);cursor:pointer}
.br-checks input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--coral,#e8541a)}
.br-pn{margin:6px 14px 12px;font-size:.76rem;line-height:1.55;color:var(--muted,#647080);font-style:italic}

.br-go{
  background:var(--coral,#e8541a);color:#fff;border:0;border-radius:999px;
  padding:10px 18px;cursor:pointer;
  font-family:'Poppins',sans-serif;font-size:.85rem;font-weight:700;
}
.br-go:hover{background:var(--coral-dark,#c4400f)}
.br-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.br-store{
  display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,#e5e0d7);
  border-radius:999px;padding:9px 16px;background:#fff;color:var(--navy,#1a2d4a);
  text-decoration:none;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:700;
}

.br-note{font-size:.79rem;line-height:1.55;color:var(--muted,#647080);margin:14px 0 0}
.br-note b{color:var(--navy,#1a2d4a)}

@media(max-width:640px){
  .br{padding:16px 17px;border-radius:14px}
  .br-t{font-size:1.05rem}
  .br-grid{grid-template-columns:1fr}
  .br-actions,.br-go,.br-store{width:100%}
}

/* Ranger une pièce à l'endroit de l'action — même coffre que l'application. */
.br-pj{margin:12px 0 0;padding:12px 14px;border:1px dashed var(--line,#d8e0ea);border-radius:12px;background:#fbfcfe}
.br-pj-t{margin:0 0 8px;font-weight:700;font-size:.86rem;color:var(--navy,#1a2d4a)}
.br-pj-add{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--navy,#1a2d4a);border-radius:999px;padding:7px 15px;font-size:.83rem;font-weight:700;color:var(--navy,#1a2d4a);background:#fff}
.br-pj-add:hover{background:var(--navy,#1a2d4a);color:#fff}
.br-pj-add input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.br-pj-add:focus-within{outline:2px solid var(--coral,#e8541a);outline-offset:2px}
.br-phase{max-width:260px;margin:0 0 9px}
.br-pj-z{margin-top:9px}
.br-pj-z[aria-busy="true"]{opacity:.55}
.br-pj-vide{margin:0;font-size:.81rem;line-height:1.5;color:var(--mut,#647080)}
.br-pj-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.br-pj-l li{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:1px solid var(--line,#d8e0ea);border-radius:9px;padding:7px 11px}
.br-pj-n{font-size:.83rem;color:var(--navy,#1a2d4a);word-break:break-word}
.br-pj-n em{font-style:normal;color:var(--mut,#647080);font-size:.76rem}
.br-pj-x{flex-shrink:0;background:none;border:0;padding:3px 6px;font:inherit;font-size:.78rem;font-weight:700;color:#a4262c;cursor:pointer;text-decoration:underline}

/* La fiche s'ouvre à côté de la saisie, pas à la place. */
.rc-fiche{margin:8px 0 0;font-size:.83rem;line-height:1.5;color:var(--mut,#647080)}
.rc-fiche a{color:var(--coral-dark,#c4400f);font-weight:700}

@media(max-width:640px){
  .br-board{grid-template-columns:repeat(5,136px)}
  .br-head{display:block}
  .br-head .br-status{justify-content:flex-start}
  .br-cycle li{font-size:.6rem}
}
