/* Lot Console (20/10/2026) : la fenêtre « E-mail » du CRM (assets/email-crm.js), dans la fiche et dans le mode appel ; jetons de la charte */
dialog.email-crm{border:0;border-radius:14px;padding:0;width:min(640px,calc(100vw - 32px));box-shadow:0 24px 64px rgba(20,32,51,.28);color:var(--ink);background:var(--surface);font-family:inherit}
dialog.email-crm[open]{animation:email-entre 200ms cubic-bezier(.23,1,.32,1)}
@keyframes email-entre{from{opacity:0;transform:scale(.96)}}
@media (prefers-reduced-motion:reduce){dialog.email-crm[open]{animation:email-fondu 200ms ease}@keyframes email-fondu{from{opacity:0}}}
dialog.email-crm::backdrop{background:rgba(20,32,51,.42)}
dialog.email-crm .f-tete{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}
dialog.email-crm .f-tete h2{margin:0;font-size:17px;font-weight:700;color:var(--ink)}
dialog.email-crm .f-tete .x{width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:20px;line-height:1;color:var(--ink-2);cursor:pointer}
dialog.email-crm .f-corps{display:flex;flex-direction:column;gap:12px;padding:4px 20px 8px}
dialog.email-crm .em-de{margin:0;font-size:13px;color:var(--ink-2)}
dialog.email-crm .em-l{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
dialog.email-crm .em-l.em-t{align-items:start}
dialog.email-crm .em-l.em-t span{padding-top:8px}
dialog.email-crm input:not([type=checkbox]),dialog.email-crm textarea{width:100%;box-sizing:border-box;border:0;border-radius:9px;background:var(--fill);padding:9px 11px;font:inherit;font-size:14px;color:var(--ink);box-shadow:none}
dialog.email-crm textarea{resize:vertical;min-height:170px;line-height:1.45}
dialog.email-crm input:focus,dialog.email-crm textarea:focus{outline:0;background:var(--surface);box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--accent-soft)}
dialog.email-crm .em-pj{border:0;margin:0;padding:0}
dialog.email-crm .em-pj legend{font-size:13.5px;font-weight:500;color:var(--ink-2);padding:0;margin:0 0 6px}
dialog.email-crm .em-pjl{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow:auto}
dialog.email-crm .em-pjl .case{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:8px;font-size:13.5px;color:var(--ink)}
dialog.email-crm .em-pjl small{color:var(--ink-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
dialog.email-crm .em-msg{margin:0;min-height:18px;font-size:13.5px}
dialog.email-crm .em-msg.ok{color:var(--success)}
dialog.email-crm .em-msg.ko{color:var(--danger)}
dialog.email-crm .f-pied{display:flex;justify-content:flex-end;gap:8px;padding:10px 20px 18px}
dialog.email-crm .btn{height:36px;padding:0 16px;border:0;border-radius:9px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:var(--accent);color:var(--on-accent,#fff);transition:transform 120ms cubic-bezier(.23,1,.32,1)}
dialog.email-crm .btn.ghost{background:var(--fill);color:var(--ink)}
dialog.email-crm .btn:disabled{opacity:.55;cursor:default}
dialog.email-crm .btn:active{transform:scale(.97)}
@media (max-width:560px){dialog.email-crm .em-l{grid-template-columns:1fr;gap:4px}}