/* Page fin de chantier (B2B) */
.qf{background:#fff;color:var(--nuit);border-radius:22px;padding:22px;box-shadow:0 30px 70px -30px rgba(0,0,0,.65);display:grid;gap:12px}
.qf-t{font-size:20px;font-weight:600;letter-spacing:-.02em}
.qf-s{font-size:14px;color:var(--gris);margin-top:-8px}
.qf .field label{font-size:13px}
.qf .field input,.qf .field select{height:48px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.seg div{position:relative}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{display:grid;place-items:center;height:44px;border:1.5px solid var(--ligne);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;margin:0!important}
.seg input:checked+label{border-color:var(--nuit);background:var(--creme);box-shadow:inset 0 0 0 1px var(--nuit)}
.seg input:focus-visible+label{outline:3px solid rgba(34,52,107,.25);outline-offset:2px}
.qf .btn{margin-top:4px}
.qf .fine{text-align:center}

.tasks{display:grid;gap:1px;background:var(--ligne);border:1px solid var(--ligne);border-radius:var(--r);overflow:hidden;margin-top:36px}
.tasks div{background:#fff;padding:20px 22px;display:flex;gap:14px;align-items:flex-start}
.tasks b{display:block;font-size:16px;font-weight:600}
.tasks p{font-size:14px;color:var(--gris);font-weight:300;margin-top:2px}
.tasks i{flex:none;width:28px;height:28px;border-radius:8px;background:var(--creme);display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;color:var(--bleu)}

.who{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:36px}
.who div{border:1px solid var(--ligne-d);border-radius:var(--r);padding:20px;background:rgba(255,255,255,.04)}
.who b{display:block;font-size:16px;font-weight:600}
.who p{font-size:14px;color:rgba(255,255,255,.6);font-weight:300;margin-top:4px}

@media (min-width:760px){
  .qf{padding:28px}
  .tasks{grid-template-columns:repeat(2,1fr)}
  .who{grid-template-columns:repeat(4,1fr)}
}

.res-1{grid-template-columns:1fr!important;max-width:960px}
.pair.wide .ph{aspect-ratio:4/4.4}
@media (min-width:760px){.pair.wide .ph{aspect-ratio:3/3.2}}