/* DSA CRM v11.30 — Mandat et vente : mise en circulation, états, dossiers. */

.v1130-lbl{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#70757a;display:block;margin-bottom:4px}
.v1130-hint{display:block;margin-top:4px;font-size:10.5px;color:#86868b;line-height:1.35}
#n-mec,#ev-mec{width:100%;font-family:inherit;font-size:13.5px;padding:8px 10px;border:1px solid #dadce0;border-radius:8px;background:#fff}
#n-mec:focus,#ev-mec:focus{border-color:#8b1a2f;box-shadow:0 0 0 3px rgba(139,26,47,.1);outline:none}

/* ── Bandeau des états ─────────────────────────────────────────────────── */
.v1130-stages{display:flex;gap:10px;margin:14px 0 10px;flex-wrap:wrap}
.v1130-stage{
  flex:1 1 240px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;
  padding:13px 15px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s
}
.v1130-stage.is-active{border-color:#8b1a2f;box-shadow:0 0 0 3px rgba(139,26,47,.1)}
.v1130-stage.is-done{border-color:#1e8e3e;background:#f6fbf7}
.v1130-stage h4{margin:0 0 3px;font-size:14px;font-weight:600;color:#1d1d1f;display:flex;align-items:center;gap:7px}
.v1130-stage h4 em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#f1f3f4;color:#5f6368}
.v1130-stage.is-done h4 em{background:#e6f4ea;color:#1e8e3e}
.v1130-stage > p{margin:0 0 9px;font-size:11.5px;color:#86868b;line-height:1.45}

/* ── Liste des pièces ──────────────────────────────────────────────────── */
.v1130-items{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:5px}
.v1130-items li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:#3c4043}
.v1130-items li .tick{
  flex:0 0 auto;width:17px;height:17px;border-radius:50%;font-size:10px;
  display:flex;align-items:center;justify-content:center;font-weight:700;margin-top:1px;cursor:pointer
}
.v1130-items li.ok .tick{background:#e6f4ea;color:#1e8e3e}
.v1130-items li.ko .tick{background:#fce8e6;color:#c5221f}
.v1130-items li.waived .tick{background:#fef7e0;color:#a06e00}
.v1130-items li.ko{color:#5f6368}
.v1130-items li small{color:#86868b;font-size:10.5px}
.v1130-auto{font-size:10px;color:#1e8e3e;font-weight:600;letter-spacing:.03em}

.v1130-missing{
  margin:0 0 10px;padding:9px 11px;border-radius:10px;
  background:#fef7e0;border:1px solid #fde293;font-size:12px;color:#7a5900;line-height:1.5
}
.v1130-missing b{display:block;margin-bottom:3px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}

.v1130-act{display:flex;gap:7px;flex-wrap:wrap}
.v1130-act button{
  font-family:inherit;font-size:12.5px;font-weight:500;border-radius:9px;padding:7px 13px;cursor:pointer;
  border:1px solid #dadce0;background:#fff;color:#3c4043;transition:background .15s
}
.v1130-act button:hover{background:#f1f3f4}
.v1130-act .go{background:#8b1a2f;border-color:#8b1a2f;color:#fff}
.v1130-act .go:hover{background:#75162a}

/* ── Acompte et acheteur ───────────────────────────────────────────────── */
.v1130-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:10px 0}
.v1130-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#70757a}
.v1130-form input,.v1130-form select{
  font-family:inherit;font-size:13px;padding:7px 9px;text-transform:none;font-weight:400;
  border:1px solid #dadce0;border-radius:8px;color:#1d1d1f;background:#fff
}
.v1130-form input:focus,.v1130-form select:focus{border-color:#8b1a2f;box-shadow:0 0 0 3px rgba(139,26,47,.1);outline:none}
.v1130-check{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#3c4043;text-transform:none;font-weight:400;letter-spacing:0}
.v1130-check input{width:16px;height:16px;accent-color:#8b1a2f}
.v1130-note{margin:6px 0 0;font-size:11.5px;color:#a06e00;background:#fef7e0;border-radius:8px;padding:7px 10px;line-height:1.45}

/* ── Dossiers vendeur / acheteur ───────────────────────────────────────── */
.v1130-folder{margin:16px 0 8px}
.v1130-folder-head{
  display:flex;align-items:center;gap:9px;padding:9px 13px;
  border-radius:12px 12px 0 0;border:1px solid rgba(0,0,0,.07);border-bottom:none;background:#fafafa
}
.v1130-folder-head .ic{font-size:15px}
.v1130-folder-head b{font-size:13.5px;font-weight:600;color:#1d1d1f}
.v1130-folder-head span{font-size:11px;color:#86868b;margin-left:auto;font-variant-numeric:tabular-nums}
.v1130-folder.vendeur .v1130-folder-head{border-left:3px solid #8b1a2f}
.v1130-folder.acheteur .v1130-folder-head{border-left:3px solid #1a4a8a}
.v1130-folder-body{
  border:1px solid rgba(0,0,0,.07);border-radius:0 0 12px 12px;padding:14px;background:#fff
}
.v1130-folder-empty{font-size:12.5px;color:#86868b;text-align:center;padding:20px 10px;line-height:1.5}

@media (max-width:640px){
  .v1130-stages{flex-direction:column}
  .v1130-form{grid-template-columns:1fr}
}
