.crm-modal-backdrop{display:none;position:fixed;inset:0;z-index:200;background:rgba(15,38,59,.68);place-items:center;padding:20px}.crm-modal-backdrop.open{display:grid}.crm-modal{position:relative;width:min(570px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:28px;box-shadow:0 24px 70px rgba(15,38,59,.35)}.crm-modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#718096;font-size:26px}.crm-modal-kicker{font-size:10px;letter-spacing:.1em;color:#2563a5;font-weight:750}.crm-modal h2{margin:7px 0 4px;color:#1a3a5c}.crm-modal p{color:#718096;font-size:12px}.crm-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.crm-outcomes button{text-align:left;border:1px solid #d3dee9;background:#fff;border-radius:8px;padding:12px;color:#1a3a5c;font-size:12px;font-weight:700}.crm-outcomes button:hover{border-color:#7f9fbd;background:#f5f9fd}.crm-outcomes small{display:block;color:#718096;font-size:10.5px;font-weight:400;margin-top:3px}.crm-modal label{display:block;color:#455d73;font-size:11.5px;font-weight:650;margin:14px 0}.crm-modal input,.crm-modal textarea{display:block;width:100%;margin-top:6px;border:1px solid #d3dee9;border-radius:7px;padding:9px;font:inherit}.crm-modal textarea{resize:vertical}@media(max-width:600px){.crm-outcomes{grid-template-columns:1fr}.crm-modal{padding:22px}}

/* Formulaire générique et sélecteurs de modale */
.crm-modal select{display:block;width:100%;margin-top:6px;border:1px solid #d3dee9;border-radius:7px;padding:9px;font:inherit;background:#fff}
.crm-modal label small{color:#8795a5;font-weight:400}
#crm-form-fields{margin-bottom:6px}

/* Coordonnées actionnables dans la file d'actions */
.crm-task h4{cursor:pointer}
.crm-task h4:hover{text-decoration:underline}
.crm-task-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px!important}
.crm-task-contact a{display:inline-flex;align-items:center;gap:4px;color:#2563a5;text-decoration:none;font-size:11px}
.crm-task-contact a:hover{text-decoration:underline}
.crm-task-contact svg{opacity:.75}

/* Pipeline : total de colonne et changement d'étape accessible sans glisser-déposer */
.crm-column-total{margin:0 3px 9px;color:#4d647a;font-size:11px;font-weight:650}
.crm-column.crm-drop-target{outline:2px dashed #7f9fbd;outline-offset:-3px}
.crm-deal{cursor:grab}
.crm-deal-move{display:block;margin-top:9px;color:#8795a5;font-size:10px}
.crm-deal-move select{width:100%;margin-top:4px;border:1px solid #d9e1e9;border-radius:6px;padding:5px;font-size:11px;background:#fff;color:#40586e;cursor:pointer}

/* Réglages : motifs de perte */
.crm-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.crm-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d3dee9;border-radius:16px;padding:6px 8px 6px 12px;color:#40586e;font-size:12px}
.crm-tag button{border:0;background:none;color:#a2b0be;font-size:15px;line-height:1;padding:0 2px;cursor:pointer}
.crm-tag button:hover{color:#dc4545}
.crm-tag-add{border:1px dashed #b9c7d4;background:none;border-radius:16px;padding:6px 12px;color:#2563a5;font-size:12px;cursor:pointer}
.crm-tag-add:hover{border-color:#7f9fbd;background:#f5f9fd}

/* Sélecteur d'équipe de la vue Entreprises */
.crm-toolbar select{border:1px solid #d6e0ea;border-radius:7px;padding:7px 9px;background:#fff;color:#617286;font-size:12px}

/* Kanban : une colonne par étape, défilement horizontal (10 étapes ne tiennent pas sur une grille fixe) */
.crm-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,1fr);grid-template-columns:none;gap:11px;overflow-x:auto;padding-bottom:6px}
.crm-column{min-height:300px}
@media(max-width:1400px){.crm-kanban{grid-auto-columns:215px}}

/* Bandeau : CRM partagé avec l'équipe (synchro active) */
.crm-note-ok{background:#eaf6ee;border-color:#b6dcc2;color:#1f6b3b}