/* =====================================================================
   EMAILING 3S® · mise en page (lot 2, 17/10/2026 ; plan : crm/PLAN-EMAILING.md)
   Couleurs, polices, arrondis : variables de la charte commune (charte.css). Classes préfixées em-.
   Règles de Lynda : place optimisée, icônes au trait fin (1,5), boutons en pastille, textes neutres, tout modifiable en ligne.
   ===================================================================== */
/* Valeurs de secours si la charte commune ne se charge pas (même principe que l'Agenda 3S) */
:where(:root){
  --fond:#FFFFFF; --surface:#FFFFFF; --surface-2:#F6F6F6; --ligne:#E7E7E7; --texte:#111111; --texte-doux:#626262;
  --c-principale:#000000; --c-sur-principale:#FFFFFF; --c-secondaire:#914655; --c-secondaire-texte:#914655; --c-secondaire-voile:#F3E9EB;
  --c-foncee:#2E161B; --danger:#B42318; --danger-fond:#FDECEA; --attention:#8A5A00; --attention-fond:#FFF6E0; --ok:#1E7B4A; --ok-bg:#E7F5EC;
  --rayon-petit:10px; --ombre:0 24px 60px -24px rgba(0,0,0,.22); --ombre-legere:0 6px 20px -10px rgba(0,0,0,.16); --graisse-grand-titre:300;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; --heading:"Bricolage Grotesque",var(--sans);
  --mono:"Roboto Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--c-secondaire);outline-offset:2px}
.em-saut{position:absolute;left:-999px;top:8px;z-index:60;background:var(--surface);padding:8px 12px;border-radius:var(--rayon-petit)}
.em-saut:focus{left:8px}
.em-pousse{flex:1 1 auto}
.em-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Icônes (trait 1,5) */
.em-ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.em-icone{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--texte-doux)}
.em-icone:hover{background:var(--surface-2);color:var(--texte)}
.em-icone:disabled{opacity:.35;cursor:default;background:transparent}

/* Boutons en pastille */
.em-pastille{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:1px solid var(--c-principale);border-radius:999px;
  background:var(--c-principale);color:var(--c-sur-principale);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.em-pastille:hover{filter:brightness(1.08)}
.em-pastille:disabled{opacity:.5;cursor:default}
.em-pastille.em-contour{background:transparent;color:var(--texte);border-color:var(--ligne)}
.em-pastille.em-contour:hover{background:var(--surface-2)}
.em-pastille.em-danger{background:transparent;color:var(--danger);border-color:var(--danger)}
.em-pastille.em-petite{height:28px;padding:0 12px;font-size:13px}
.em-lien{border:0;background:none;padding:2px 0;color:var(--c-secondaire-texte);cursor:pointer;font-weight:500;text-decoration:none}
.em-lien:hover{text-decoration:underline}
.em-lien.em-rouge{color:var(--danger)}

/* Étiquettes d'état */
.em-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--texte-doux);white-space:nowrap}
.em-badge.ok{background:var(--ok-bg);color:var(--ok)}
.em-badge.att{background:var(--attention-fond);color:var(--attention)}
.em-badge.ko{background:var(--danger-fond);color:var(--danger)}
.em-badge.s{background:var(--c-secondaire-voile);color:var(--c-secondaire-texte)}

/* Porte */
.em-porte{min-height:100%;display:grid;place-items:center;padding:24px 16px}
.em-porte-carte{width:min(420px,100%);background:var(--surface);border:1px solid var(--ligne);border-radius:24px;padding:32px 28px;box-shadow:var(--ombre-legere);text-align:center}
.em-porte-carte h1{font:var(--graisse-grand-titre) 26px/1.2 var(--heading);margin:10px 0 6px}
.em-porte-carte p{color:var(--texte-doux);margin:0 0 18px}
.em-porte-carte form{display:flex;gap:8px;justify-content:center}
.em-porte-carte input{width:150px;height:38px;border:1px solid var(--ligne);border-radius:999px;padding:0 16px;text-align:center;letter-spacing:.3em;background:var(--surface)}

/* Coquille : colonne de gauche, en-tête, contenu */
.em-app{height:100%;display:flex}
.em-cote{width:220px;flex:none;border-right:1px solid var(--ligne);background:var(--surface);display:flex;flex-direction:column;padding:12px 10px}
.em-marque{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;padding:6px 8px 14px}
.em-logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--c-principale);color:var(--c-sur-principale);font:700 13px/1 var(--heading)}
.em-marque b{font:600 18px/1 var(--heading)}
.em-logo-img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--c-claire, var(--surface-2));flex:none}
.em-prefs{display:flex;align-items:center}
.em-nav{display:flex;flex-direction:column;gap:2px}
.em-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;color:var(--texte-doux);text-decoration:none;font-weight:500}
.em-nav a:hover{background:var(--surface-2);color:var(--texte)}
.em-nav a[aria-current="page"]{background:var(--c-secondaire-voile);color:var(--c-secondaire-texte)}
.em-nav .em-nombre{margin-left:auto;font-size:12px;color:var(--texte-doux)}
.em-cote-pied{margin-top:auto;display:flex;gap:14px;padding:10px}
.em-lien-discret{color:var(--texte-doux);text-decoration:none;font-size:13px}
.em-lien-discret:hover{color:var(--texte)}
.em-droite{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}
.em-entete{display:flex;align-items:center;gap:8px;height:56px;padding:0 16px;border-bottom:1px solid var(--ligne);background:var(--surface);flex:none}
.em-titre{font:400 20px/1.2 var(--heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.em-etat{font-size:12px;color:var(--texte-doux)}
.em-recherche{flex:0 1 220px;width:auto;min-width:140px}
/* Barre du haut : cloche « À regarder » (avec le nombre, liste au clic) et bouton « Campagne » */
.em-haut-actions{display:flex;align-items:center;gap:8px}
.em-alertes{position:relative;display:inline-flex}
.em-alertes .em-nombre{position:absolute;top:-2px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.em-alertes .em-nombre[hidden]{display:none}
.em-alertes-liste{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,90vw);background:var(--surface);border:1px solid var(--ligne);border-radius:14px;box-shadow:var(--ombre);padding:12px 14px;z-index:45;font-size:13px}
.em-alertes-liste ul{margin:6px 0 0;padding-left:18px}
.em-alertes-liste li{margin:0 0 6px}
/* Cloche : « À faire » (masquable 7 jours) puis « Activité » (nouveau = point de couleur), défilante */
.em-alertes-liste{width:min(380px,92vw);max-height:min(520px,75vh);overflow:auto}
.em-cloche-titre{display:flex;align-items:baseline;gap:8px;margin:2px 0 4px}
.em-cloche-titre small{color:var(--texte-doux);font-size:11.5px}
.em-alertes-liste ul.em-cloche-liste{list-style:none;padding:0;margin:0 0 10px}
.em-cloche-liste li{display:flex;align-items:flex-start;gap:6px;justify-content:space-between;margin:0;padding:6px 0;border-bottom:1px solid var(--ligne)}
.em-cloche-liste li:last-child{border-bottom:0}
.em-cloche-liste .em-icone{width:24px;height:24px;flex:0 0 auto}
.em-cloche-act a{display:flex;gap:8px;align-items:flex-start;color:var(--texte);text-decoration:none;width:100%;border-radius:8px;padding:2px 4px;position:relative}
.em-cloche-act a:hover{background:var(--surface-2)}
.em-cloche-act i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--texte-doux);flex:0 0 auto}
.em-cloche-act span{display:flex;flex-direction:column;gap:1px}
.em-cloche-act small{color:var(--texte-doux);font-size:11.5px}
.em-cloche-act li.em-nouveau a::after{content:"";position:absolute;right:4px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--c-secondaire)}
.em-cloche-act li.em-nouveau span{font-weight:600;padding-right:14px}
/* Icônes « ajouter » de la barre du haut : un petit « + » sur l'icône */
.em-ajouter{position:relative}
.em-ajouter::after{content:"+";position:absolute;right:1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:var(--c-secondaire);color:#fff;font:700 11px/13px system-ui,sans-serif;text-align:center}
.em-etat.ko{color:var(--danger)}
.em-principal{flex:1;overflow:auto;padding:18px 20px 60px}
.em-voile{display:none}
.em-seulement-petit{display:none}

/* Blocs */
.em-barre{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.em-barre h2{font:500 16px/1.2 var(--heading);margin:0}
.em-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.em-kpi{border:1px solid var(--ligne);border-radius:16px;padding:12px 14px;background:var(--surface)}
.em-kpi b{display:block;font:500 24px/1.1 var(--heading)}
.em-kpi span{color:var(--texte-doux);font-size:12.5px}
.em-carte{border:1px solid var(--ligne);border-radius:18px;background:var(--surface);padding:14px 16px;margin:0 0 14px}
.em-carte h3{font:500 15px/1.2 var(--heading);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.em-grille2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.em-vide{padding:28px;text-align:center;color:var(--texte-doux);border:1px dashed var(--ligne);border-radius:18px}
.em-liste-simple{list-style:none;margin:0;padding:0}
.em-liste-simple li:last-child{border-bottom:0 !important}
.em-note{color:var(--texte-doux);font-size:12.5px;margin:6px 0}
.em-seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--ligne);border-radius:999px;padding:2px;flex-wrap:wrap}
.em-seg button{border:0;background:none;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500;color:var(--texte-doux);cursor:pointer}
.em-seg button[aria-pressed="true"]{background:var(--surface);color:var(--texte);box-shadow:0 0 0 1px var(--ligne)}

/* Tableaux */
.em-defile{overflow-x:auto;border:1px solid var(--ligne);border-radius:16px;background:var(--surface)}
.em-table{width:100%;border-collapse:collapse;font-size:13.5px}
.em-table th{text-align:left;font-weight:600;font-size:12px;color:var(--texte-doux);padding:9px 12px;border-bottom:1px solid var(--ligne);white-space:nowrap}
.em-table td{padding:9px 12px;border-bottom:1px solid var(--ligne);vertical-align:top}
/* Contacts › Champs : comme la liste des champs de MailerLite (lignes alternées, type en petites capitales, variable en code clair) */
.em-table-champs td{vertical-align:middle}
.em-table-champs tbody tr:nth-child(even){background:color-mix(in srgb, var(--surface-2) 55%, transparent)}
.em-col-case{width:34px;padding-right:0!important}
.em-type-champ{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-secondaire-texte)}
.em-table-champs code.em-var{font-size:12.5px;color:var(--texte-doux);background:none;border:0;padding:0;white-space:nowrap}
.em-doux{color:var(--texte-doux)}
.em-tout{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}
.em-table-champs .em-pastille.em-petite{height:26px;padding:0 10px;font-size:12px;margin-right:4px}
/* Contacts › Groupes : comme la liste des groupes de MailerLite (une ligne par groupe, chiffres séparés par un trait de couleur, menu « Plus ») */
.em-groupes{padding:0;overflow:visible}
.em-groupe{display:grid;grid-template-columns:22px minmax(180px,1.6fr) repeat(3,minmax(110px,1fr)) 72px;gap:14px;align-items:start;padding:14px 16px;border-bottom:1px solid var(--ligne)}
.em-groupe:last-child{border-bottom:0}
.em-groupe:nth-child(even){background:color-mix(in srgb, var(--surface-2) 55%, transparent)}
.em-groupe > input{margin-top:3px}
.em-groupe-nom{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.em-groupe-nom b{font-size:14px}
.em-groupe-nom small{display:inline-flex;align-items:center;gap:4px;color:var(--texte-doux);font-size:12px}
.em-groupe-nom .em-pastille{margin-top:6px}
.em-groupe-chiffre{display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:1.5px solid var(--ligne)}
.em-groupe-chiffre span{font-size:12px;color:var(--texte-doux)}
.em-groupe-chiffre b{font-size:15px}
.em-groupe-chiffre small{font-size:11.5px;color:var(--texte-doux)}
.em-groupe-chiffre.ouv{border-left-color:var(--ok)}
.em-groupe-chiffre.clic{border-left-color:var(--c-secondaire)}
.em-groupe-actions{display:flex;align-items:center;gap:2px;justify-self:end}
.em-groupe-plus{position:relative}
.em-groupe-plus summary{list-style:none;cursor:pointer}
.em-groupe-plus summary::-webkit-details-marker{display:none}
.em-groupe-plus > div{position:absolute;right:0;top:calc(100% + 4px);z-index:5;min-width:160px;background:var(--surface);border:1px solid var(--ligne);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:4px}
.em-groupe-plus > div a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--texte);text-decoration:none}
.em-groupe-plus > div a:hover{background:var(--surface-2)}
.em-groupe-plus > div button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:8px 10px;border-radius:8px;font:inherit;font-size:13px;color:var(--texte);cursor:pointer;text-align:left}
.em-groupe-plus > div button:hover{background:var(--surface-2)}
.em-groupe-plus > div .em-danger-texte{color:var(--danger)}
@media (max-width:900px){ .em-groupe{grid-template-columns:22px 1fr 1fr;row-gap:10px} .em-groupe-chiffre{grid-column:auto} .em-groupe-actions{grid-column:3;grid-row:1} }
.em-table tr:last-child td{border-bottom:0}
.em-table tr.em-clic{cursor:pointer}
div.em-clic{cursor:pointer;transition:border-color .15s,box-shadow .15s}
div.em-clic:hover{border-color:var(--c-secondaire);box-shadow:var(--ombre-legere)}
.em-groupe.em-clic:hover{box-shadow:none;background:var(--surface-2)}
#compte .ch-qui{display:none}   /* à côté de l'avatar : la photo seule (nom et email dans le menu) */
.em-table tr.em-clic:hover td{background:var(--surface-2)}
.em-table small{display:block;color:var(--texte-doux);font-size:12px}
.em-table .num{text-align:right;white-space:nowrap}

/* Champs */
.em-champ{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;min-width:0}
.em-champ > span{font-size:12.5px;font-weight:600;color:var(--texte-doux)}
.em-champ small{color:var(--texte-doux);font-size:12px}
.em-entree{width:100%;min-height:36px;border:1px solid var(--ligne);border-radius:var(--rayon-petit);padding:7px 10px;background:var(--surface)}
textarea.em-entree{min-height:220px;resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.55}
.em-entree:focus{border-color:var(--c-secondaire);outline:none;box-shadow:0 0 0 3px var(--c-secondaire-voile)}
.em-ligne{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}
.em-cases{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
/* Menu déroulant à choix multiples */
.em-multi{position:relative;margin:2px 0 10px}
.em-multi > summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/16px}
.em-multi > summary::-webkit-details-marker{display:none}
.em-multi-liste{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--ligne);border-radius:12px;box-shadow:var(--ombre);padding:6px}
.em-multi-cherche{margin:0 0 6px;min-height:32px}
.em-multi-choix{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:13.5px;cursor:pointer}
.em-multi-choix:hover{background:var(--surface-2)}
.em-multi-choix[hidden]{display:none}
.em-multi-choix input{margin:0}
.em-case{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ligne);border-radius:999px;padding:3px 10px 3px 8px;font-size:13px;cursor:pointer;background:var(--surface)}
.em-case:has(input:checked){border-color:var(--c-secondaire);background:var(--c-secondaire-voile);color:var(--c-secondaire-texte)}
.em-case input{margin:0}
.em-outils{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 6px}
.em-outils button{border:1px solid var(--ligne);background:var(--surface);border-radius:8px;padding:3px 9px;font-size:12.5px;cursor:pointer}
.em-outils button:hover{background:var(--surface-2)}
.em-outils button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:30px}
.em-outils .em-ico{width:16px;height:16px}
/* Mini éditeur du texte des emails */
.em-editeur{min-height:220px;max-height:560px;overflow:auto;border:1px solid var(--ligne);border-radius:var(--rayon-petit);padding:10px 12px;background:var(--surface);line-height:1.6;font-size:14.5px;outline:none}
.em-editeur:focus{border-color:var(--c-secondaire);box-shadow:0 0 0 3px var(--c-secondaire-voile)}
.em-editeur p{margin:0 0 10px}
.em-editeur ul{margin:0 0 10px;padding-left:22px}
.em-editeur a{color:var(--c-secondaire-texte,var(--c-secondaire));text-decoration:underline;cursor:pointer}
.em-editeur a[data-bouton]{display:inline-block;background:var(--texte);color:var(--surface);text-decoration:none;font-weight:600;padding:8px 16px;border-radius:999px;user-select:none}
.em-inter{position:relative;display:inline-block;width:38px;height:22px;flex:none}
.em-inter input{opacity:0;width:0;height:0;position:absolute}
.em-inter span{position:absolute;inset:0;border-radius:999px;background:var(--ligne);transition:.15s;cursor:pointer}
.em-inter span::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}
.em-inter input:checked + span{background:var(--ok)}   /* actif : vert */
.em-inter input:checked + span::after{left:19px}
.em-inter input:focus-visible + span{outline:2px solid var(--c-secondaire);outline-offset:2px}

/* Aperçu de l'email */
.em-apercu{width:100%;height:520px;border:1px solid var(--ligne);border-radius:16px;background:#F7F8FA}
.em-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:-4px 0 10px}
.em-suggestions:empty{display:none}
.em-suggestions .em-note{margin:0 2px 0 0;font-size:12px}
.em-suggestions button{border:0;background:var(--surface-2);color:var(--texte-doux);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer;max-width:100%;text-align:left}
.em-suggestions button:hover{background:var(--c-secondaire-voile);color:var(--texte)}
/* Champ à corriger (vérification) : une autre couleur que la saisie, avec la raison dessous */
.em-entree.em-a-corriger,.em-editeur.em-a-corriger{border-color:var(--attention);background:var(--attention-fond)}
.em-a-corriger-note{display:block;color:var(--attention);font-size:12px;margin-top:3px}

/* Parcours (automatisations) */
.em-cadrage{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.em-flux{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0 20px}
.em-noeud{width:min(360px,100%);border:1px solid var(--ligne);border-radius:16px;background:var(--surface);padding:10px 12px;cursor:pointer;position:relative;text-align:left}
.em-noeud:hover{border-color:var(--c-secondaire)}
.em-noeud.ko{border-color:var(--danger)}
.em-noeud.inactif{opacity:.55}
.em-noeud .em-type{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux)}
.em-noeud .em-type .em-ico{width:15px;height:15px}
/* Carte à corriger : un « ! » rouge à droite de la carte (comme MailerLite), le détail en infobulle */
.em-noeud-alerte{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-size:13px;font-weight:700;line-height:20px;text-align:center;cursor:help}
.em-noeud b{display:block;font-weight:600;margin:3px 0 1px;overflow-wrap:anywhere}
.em-noeud small{color:var(--texte-doux);font-size:12px}
.em-noeud-actions{position:absolute;right:6px;top:6px;display:flex;gap:2px}
.em-noeud-actions .em-icone{width:26px;height:26px}
.em-noeud-actions .em-ico{width:15px;height:15px}
/* Parcours en cartes (sur le modèle de FluentCRM et Mailmodo) : fond à points ; chaque type d'étape a sa couleur et son signe :
   déclencheur (crème), email (couleur du thème), condition (ambre), action (vert) en cartes pastel centrées, icône posée sur le trait ;
   attente (bleu) en pastille sur le trait, comme un délai ; « + » rond qui ouvre les quatre types ; branches Oui / Non reliées. */
.em-flux{background:radial-gradient(circle, var(--ligne) 1px, transparent 1.4px) 0 0/18px 18px, var(--surface-2);border:1px solid var(--ligne);border-radius:18px;padding:24px 12px 28px}
.em-noeud.declencheur,.em-noeud.email,.em-ajout .t-email{--t:var(--c-secondaire);--t-fond:var(--c-secondaire-voile)}
.em-noeud.declencheur{--t:#8A6A1F;--t-fond:#FFF4D6}
.em-noeud.attente,.em-ajout .t-attente{--t:#2F6690;--t-fond:#E6F0F8}
.em-noeud.condition,.em-ajout .t-condition{--t:var(--attention);--t-fond:var(--attention-fond)}
.em-noeud.action,.em-ajout .t-action{--t:var(--ok);--t-fond:var(--ok-bg)}
.em-noeud.email,.em-noeud.condition,.em-noeud.action{width:min(320px,100%);background:var(--surface);border:1px solid var(--ligne);border-radius:12px;padding:10px 12px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.em-noeud.declencheur{width:auto;max-width:min(420px,100%);display:inline-flex;align-items:center;gap:8px;background:var(--c-principale);color:var(--c-sur-principale);border:0;border-radius:999px;padding:6px 16px 6px 8px;text-align:left}
.em-noeud.declencheur .em-type{display:none}
.em-noeud.declencheur b{margin:0;font-size:13.5px}
.em-noeud.declencheur small{color:inherit;opacity:.75}
.em-noeud.declencheur::before{content:"Départ";font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:rgba(255,255,255,.18);border-radius:999px;padding:2px 8px}
.em-noeud.declencheur{cursor:default}
.em-noeud.email:hover,.em-noeud.condition:hover,.em-noeud.action:hover{border-color:var(--t);box-shadow:0 4px 14px color-mix(in srgb, var(--t) 18%, transparent)}
.em-noeud.ko{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.em-noeud .em-type{color:var(--t, var(--texte-doux))}
.em-noeud b{font-size:14.5px}
.em-type-ico{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--t-fond, var(--surface-2));color:var(--t, var(--texte-doux));flex:none}
.em-noeud .em-type .em-type-ico .em-ico,.em-noeud.attente .em-type-ico .em-ico{width:13px;height:13px}
/* L'icône de la carte, posée sur le trait au-dessus */
.em-noeud.email .em-type-ico,.em-noeud.condition .em-type-ico,.em-noeud.action .em-type-ico{width:24px;height:24px;border-radius:7px}
/* Attente : une pastille sur le trait */
.em-noeud.attente{width:auto;display:inline-flex;align-items:center;gap:6px;background:var(--t-fond);border:1px solid color-mix(in srgb, var(--t) 35%, transparent);border-radius:999px;padding:3px 12px 3px 4px;color:var(--t);font-size:12.5px}
.em-noeud.attente b{display:inline;margin:0;font-size:12.5px;font-weight:600}
.em-noeud.attente small{color:var(--t);opacity:.75}
.em-noeud.attente:hover{border-color:var(--t)}
.em-noeud.attente .em-type-ico{background:var(--surface);width:20px;height:20px}
.em-noeud.attente .em-noeud-actions{right:auto;left:calc(100% + 4px);top:50%;transform:translateY(-50%)}
/* Actions (monter, descendre, retirer) : au survol ou au clavier */
.em-noeud-actions{opacity:0;transition:opacity .12s}
.em-noeud:hover .em-noeud-actions,.em-noeud:focus-within .em-noeud-actions{opacity:1}
@media (hover:none){ .em-noeud-actions{opacity:1} }
.em-trait{width:2px;height:22px;background:color-mix(in srgb, var(--texte) 55%, transparent)}
.em-fin{display:inline-flex;align-items:center;height:26px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--ligne);font-size:12.5px;font-weight:600;color:var(--texte-doux)}
/* Branches d'une condition : un trait qui se partage, une pastille Oui ou Non sur chaque côté */
.em-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:840px;margin:0 auto;position:relative;padding-top:22px}
.em-branches::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:color-mix(in srgb, var(--texte) 55%, transparent)}
.em-branche{position:relative;padding:22px 4px 0;display:flex;flex-direction:column;align-items:center}
/* Les branches se rejoignent : chaque branche prolonge son trait jusqu'en bas, puis un trait horizontal les relie au parcours */
.em-branche::after{content:"";flex:1 1 auto;width:2px;min-height:14px;background:color-mix(in srgb, var(--texte) 55%, transparent)}
.em-branches::after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:color-mix(in srgb, var(--texte) 55%, transparent)}
.em-branche::before{content:"";position:absolute;top:-22px;left:50%;width:2px;height:22px;background:color-mix(in srgb, var(--texte) 55%, transparent)}
.em-branche > .em-branche-titre{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;padding:2px 12px;border-radius:6px;margin:0}
.em-branche.oui > .em-branche-titre{color:var(--ok);background:var(--ok-bg)}
.em-branche.non > .em-branche-titre{color:var(--danger);background:var(--danger-fond)}
/* Ajouter une étape : un « + » rond sur le trait, qui ouvre les quatre types */
.em-ajout{display:flex;flex-direction:column;align-items:center;margin:8px 0 0}
.em-ajout::before{content:"";width:2px;height:10px;background:color-mix(in srgb, var(--texte) 30%, transparent)}
.em-plus{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid color-mix(in srgb, var(--texte) 55%, transparent);background:var(--surface);color:var(--texte);cursor:pointer;padding:0}
.em-plus:hover,.em-plus[aria-expanded="true"]{border-color:var(--c-secondaire);color:var(--c-secondaire-texte)}
.em-ajout-menu{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.em-ajout-menu[hidden]{display:none}
.em-ajout-menu button{border:1px solid color-mix(in srgb, var(--t) 35%, transparent);background:var(--t-fond);color:var(--t);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.em-ajout-menu button{display:inline-flex;align-items:center;gap:6px}
.em-ajout-menu button .em-ico{width:14px;height:14px}
.em-ajout-menu button:hover{border-color:var(--t)}
/* « + » entre deux étapes : plus petit, sur le trait ; zones où déposer une carte glissée */
.em-ajout.em-entre{margin:0}
.em-ajout.em-entre::before,.em-ajout.em-entre::after{content:"";width:2px;height:10px;background:color-mix(in srgb, var(--texte) 55%, transparent)}
.em-ajout.em-entre .em-plus{width:22px;height:22px;opacity:.55}
.em-ajout.em-entre .em-plus:hover,.em-ajout.em-entre .em-plus[aria-expanded="true"]{opacity:1}
.em-noeud[draggable="true"]{cursor:grab}
.em-glisse .em-ajout .em-plus{opacity:1;border-color:var(--c-secondaire);border-style:dashed}
.em-ajout.em-cible .em-plus{background:var(--c-secondaire-voile);transform:scale(1.25)}
.em-noeud.em-glisse-source{opacity:.45}
/* Traits du parcours : tous fins et de la même couleur ; le petit « + » entre deux étapes n'apparaît qu'au survol */
.em-flux{--trait:color-mix(in srgb, var(--texte) 26%, var(--surface))}   /* couleur pleine : deux traits qui se touchent ne foncent jamais */
.em-trait{width:1px;background:var(--trait)}
.em-branches::before,.em-branches::after{height:1px;background:var(--trait)}
.em-branche::before,.em-branche::after,.em-ajout::before,.em-ajout.em-entre::before,.em-ajout.em-entre::after{width:1px;background:var(--trait)}
.em-plus{border-width:1px;border-color:var(--trait)}
.em-ajout.em-entre .em-plus{opacity:0;transition:opacity .15s}
.em-ajout.em-entre:hover .em-plus,.em-ajout.em-entre:focus-within .em-plus,.em-ajout.em-entre .em-plus[aria-expanded="true"],.em-glisse .em-ajout.em-entre .em-plus{opacity:1}
/* Trait continu derrière chaque « + » (caché, il laisse le trait visible) ; les grands « + » aussi au survol seulement */
.em-flux .em-ajout{margin:0;position:relative}
/* Le trait derrière le « + » : un vrai élément (aligné au pixel comme les autres traits), caché par le « + » quand il paraît */
.em-flux .em-fil{position:absolute;top:0;left:0;right:0;margin:0 auto;width:1px;height:40px;background:var(--trait)}
.em-flux .em-ajout.em-entre .em-fil{height:42px}
.em-flux .em-ajout .em-plus,.em-flux .em-ajout .em-ajout-menu{position:relative;z-index:1}
.em-flux .em-ajout::before,.em-flux .em-ajout::after{background:none}   /* le trait de fond suffit : un seul trait, même épaisseur, même couleur */
.em-flux .em-branche::before{height:44px;left:calc(50% - .5px)}   /* centré au pixel, comme les traits posés dans la colonne */
/* Traits comme MailerLite (18/10) : 1 px, clairs ; les traits horizontaux s’arrêtent pile au centre de chaque branche (écart de 14 px entre elles) */
.em-flux .em-branches::before,.em-flux .em-branches::after{left:calc((100% - 14px) / 4);right:calc((100% - 14px) / 4)}
.em-vide-branche{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;border:1px solid var(--ligne);background:var(--surface);font-size:12px;color:var(--texte-doux);cursor:help}
.em-flux .em-ajout .em-plus{opacity:0;transition:opacity .15s}
.em-flux .em-ajout:hover .em-plus,.em-flux .em-ajout:focus-within .em-plus,.em-flux .em-ajout .em-plus[aria-expanded="true"],.em-glisse .em-flux .em-ajout .em-plus,.em-flux.em-glisse .em-ajout .em-plus{opacity:1}
@media (hover:none){ .em-flux .em-ajout .em-plus{opacity:1} }
/* Ligne « Envoi » d'un email, titres avec icône */
.em-envoi{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.em-envoi > .em-ico{width:15px;height:15px;color:#2F6690}
.em-ico-titre{display:inline-flex;color:var(--c-secondaire)}
@media (max-width:900px){ .em-branches::before,.em-branche::before,.em-branches::after,.em-branche::after{display:none} .em-branches{padding-top:6px} }
.em-controle{list-style:none;margin:0;padding:0}
.em-controle li{display:flex;gap:6px;align-items:flex-start;padding:3px 0;font-size:13px}
.em-controle li::before{content:"✓";color:var(--ok);font-weight:700}
.em-controle li.ko::before{content:"✗";color:var(--danger)}
.em-controle li.av::before{content:"!";color:var(--attention)}
.em-onglets{display:flex;gap:2px;border-bottom:1px solid var(--ligne);margin:0 0 12px;flex-wrap:wrap}
.em-onglets button{border:0;background:none;padding:7px 12px;font-weight:500;color:var(--texte-doux);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.em-onglets button[aria-selected="true"]{color:var(--texte);border-bottom-color:var(--c-secondaire)}
.em-onglets button .em-ico,.em-ico-lien .em-ico,.em-ico-badge .em-ico{width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.em-onglets button[aria-selected="true"] .em-ico{color:var(--c-secondaire)}
.em-ico-badge{display:inline-flex;align-items:center}
.em-ico-badge .em-ico{width:14px;height:14px;margin-right:5px;vertical-align:0}
.em-ico-lien{display:inline-flex;align-items:center}
.em-info{display:inline-flex;color:var(--texte-doux);cursor:help}
.em-info:hover,.em-info:focus{color:var(--c-secondaire);outline:none}

/* Règles d'un segment */
.em-regle{display:grid;grid-template-columns:150px 110px minmax(0,1fr) 34px;gap:6px;align-items:center;margin:0 0 6px}

/* Tiroir (édition d'une étape) */
.em-tiroir{position:fixed;top:0;right:0;bottom:0;width:min(620px,100%);background:var(--surface);border-left:1px solid var(--ligne);box-shadow:var(--ombre);z-index:40;display:flex;flex-direction:column}
.em-tiroir-tete{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--ligne)}
.em-tiroir-tete h2{font:500 17px/1.2 var(--heading);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-tiroir-corps{flex:1;overflow:auto;padding:14px 18px 40px}

/* Annonces */
.em-annonces{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;z-index:70;width:min(520px,calc(100% - 32px))}
.em-annonce{display:flex;align-items:center;gap:10px;background:var(--c-foncee);color:#fff;border-radius:14px;padding:10px 12px 10px 16px;box-shadow:var(--ombre)}
.em-annonce span{flex:1}
.em-annonce.em-attention{background:var(--danger)}
.em-annonce button{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:600}
.em-annonce .em-annuler{text-decoration:underline;text-underline-offset:3px;padding:0 4px}

@media (max-width:900px){
  .em-grille2,.em-branches{grid-template-columns:1fr}
  .em-regle{grid-template-columns:1fr 1fr}
}

/* Onglets (Campagnes, Automatisations, Contacts) */
.em-onglets{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--ligne)}
.em-onglets a,.em-onglets button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:8px 10px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--texte-doux);text-decoration:none;font-weight:500;cursor:pointer}
.em-onglets [aria-current=page]{color:var(--texte);border-bottom-color:var(--c-secondaire)}
/* Tableau de bord, cartes de campagne et d'automatisation */
.em-a-voir ul{margin:0;padding-left:18px}
/* Listes de campagnes et d'automatisations : une carte par élément, espacées ; la carte « dernière campagne » du tableau de bord garde sa ligne seule */
.em-carte.em-cartes{border:0;background:none;padding:0;display:flex;flex-direction:column;gap:10px}
.em-campagne-ligne{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:18px;align-items:center}
.em-cartes > .em-campagne-ligne{border:1px solid var(--ligne);border-radius:18px;background:var(--surface);padding:14px 18px}
/* Automatisations : interrupteur et « Modifier » (icône) à droite de la carte */
.em-campagne-ligne.em-ligne-auto{grid-template-columns:118px minmax(0,1fr) auto auto}
.em-ligne-actions{display:flex;align-items:center;gap:6px;justify-self:end}
/* Fiche d'un inscrit (comme MailerLite) : chiffres en trois cases, détails en lignes, fil d'activité par jour */
.em-profil-chiffres{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ligne);border-radius:14px;margin:0 0 12px}
.em-profil-chiffres > div{padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.em-profil-chiffres > div + div{border-left:1px solid var(--ligne)}
.em-profil-chiffres span{font-size:12px;color:var(--texte-doux)}
.em-profil-chiffres b{font-size:18px}
.em-profil-barre{height:5px;border-radius:9px;background:var(--surface-2);overflow:hidden}
.em-profil-barre i{display:block;height:100%;background:var(--ok)}
.em-profil-lignes{border:1px solid var(--ligne);border-radius:14px;margin:0 0 12px}
.em-profil-lignes > div{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px}
.em-profil-lignes > div + div{border-top:1px solid var(--ligne)}
.em-profil-lignes span{color:var(--texte-doux)}
.em-profil-lignes b{font-weight:600;text-align:right}
.em-profil h3{font-size:14px;margin:14px 0 8px}
.em-activite{list-style:none;margin:0;padding:0}
.em-activite .jour{font-weight:600;font-size:12.5px;margin:10px 0 4px}
.em-activite li{display:flex;gap:8px;align-items:flex-start;padding:4px 0;font-size:13px}
.em-activite li i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--surface-2);color:var(--texte-doux);flex:none}
.em-activite li small{display:block;color:var(--texte-doux);font-size:11.5px}
/* Automatisation › Contacts : ajouter un contact (résultats de la recherche sous le champ) */
.em-ins-res{position:absolute;top:calc(100% + 4px);left:0;z-index:20;width:min(420px,92vw);background:var(--surface);border:1px solid var(--ligne);border-radius:12px;box-shadow:var(--ombre);padding:4px}
.em-ins-res > div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px}
.em-ins-res > div:hover{background:var(--surface-2)}
.em-ins-res span{display:flex;flex-direction:column;min-width:0}
.em-ins-res small{color:var(--texte-doux);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.em-campagne-nom .em-etat{line-height:1.4}
a.em-badge{text-decoration:none}
.em-campagne-nom > span:last-child{margin-top:4px}
.em-vignette{height:112px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface);padding:8px;overflow:hidden;display:flex;flex-direction:column;gap:3px;font-size:9px;line-height:1.3;color:var(--texte-doux)}
.em-vignette i{font-style:normal;font-weight:700;color:var(--texte);font-size:9px}
.em-vignette b{color:var(--texte);font-size:10px}
.em-vignette em{font-style:normal}
.em-vignette-parcours{align-items:center;justify-content:center;background:var(--surface-2);font-size:12px;height:76px}
/* Carte de campagne comme MailerLite : l'email réel en miniature (600 px réduits au quart), le type et la date, « Voir le rapport » */
.em-campagne-ligne.em-ligne-campagne{grid-template-columns:150px minmax(0,1fr) auto auto;align-items:start}
.em-ligne-campagne > .em-chiffres{align-self:center}
.em-mini{position:relative;width:150px;height:120px;border:1px solid var(--ligne);border-radius:10px;overflow:hidden;background:#fff}
.em-mini .em-vignette{height:100%;border:0;border-radius:0}
.em-mini iframe{position:absolute;top:0;left:0;width:600px;height:480px;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none;background:#fff}
.em-ligne-campagne .em-campagne-nom{gap:6px;padding-top:6px}
.em-ligne-campagne .em-campagne-nom b{font-size:17px}
.em-pastille.em-gris{background:var(--surface-2);color:var(--texte);border-color:transparent;margin-top:6px}
.em-pastille.em-gris:hover{background:var(--ligne)}
.em-campagne-nom{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.em-campagne-nom b{font:500 16px/1.25 var(--heading);overflow-wrap:anywhere}
.em-chiffres{display:flex;gap:0;flex-wrap:wrap}
.em-chiffre{display:flex;flex-direction:column;gap:2px;padding:2px 18px;border-left:2px solid var(--ligne);min-width:96px}
.em-chiffre span{font-size:12.5px;color:var(--texte-doux)}
.em-chiffre b{font:500 18px/1.2 var(--heading)}
.em-chiffre small{font-size:11.5px;color:var(--texte-doux)}
.em-chiffres-ligne .em-chiffre{flex:1 1 140px;padding:4px 14px}
.em-chiffres-ligne .em-chiffre:first-child{border-left:0;padding-left:0}
/* Couleurs du thème choisi (cercle des couleurs) : un trait coloré par chiffre, dans l'ordre fixe de la palette ; les icônes des cartes en couleur */
.em-chiffres .em-chiffre:nth-child(4n+1){border-left-color:var(--c-principale)}
.em-chiffres .em-chiffre:nth-child(4n+2){border-left-color:var(--c-secondaire)}
.em-chiffres .em-chiffre:nth-child(4n+3){border-left-color:var(--c-accent, var(--c-secondaire))}
.em-chiffres .em-chiffre:nth-child(4n+4){border-left-color:var(--progression-haut, var(--c-principale))}
.em-carte h3 > .em-ico:first-child{color:var(--c-secondaire)}
.em-gros b{color:var(--c-secondaire-texte, var(--texte))}
.em-bord-abonnes{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:16px;align-items:start}
.em-gros{display:flex;flex-direction:column;gap:2px}
.em-gros span{font-size:12.5px;color:var(--texte-doux)}
.em-gros b{font:var(--graisse-grand-titre) 40px/1.05 var(--heading)}
.em-gros small{font-size:11.5px;color:var(--texte-doux)}
.em-chiffres-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0}
.em-vide-court{padding:16px}
.em-apercu-mini{width:100%;height:300px;border:1px solid var(--ligne);border-radius:12px;background:#F7F8FA}
/* ---------- Formulaires (lot 3) : aperçu de la vraie page publique, code à coller, barres des statistiques ---------- */
.em-apercu-form{display:block;width:100%;border:1px solid var(--ligne);border-radius:14px;background:#FAF7F2}
.em-colle{position:sticky;top:12px}
textarea.em-entree.em-code{font-size:12.5px;min-height:0;height:96px}
.em-barres{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.em-barres li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px}
.em-barres li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-barres li i{display:block;height:8px;border-radius:999px;background:var(--c-secondaire, #914655);min-width:2px}
.em-barres li b{font-weight:600;min-width:28px;text-align:right}
@media (max-width:900px){ .em-colle{position:static} }
/* Courbe des nouveaux abonné(e)s : une série, aire légère, ligne de 2 px, repères discrets */
.em-courbe{position:relative}
.em-courbe svg{display:block;width:100%;height:auto}
.em-c-grille{stroke:var(--ligne);stroke-width:1}
.em-c-axe{fill:var(--texte-doux);font-size:10px}
.em-c-aire{fill:var(--c-secondaire);fill-opacity:.12}
.em-c-ligne{fill:none;stroke:var(--c-secondaire);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.em-c-repere{stroke:var(--texte-doux);stroke-width:1;stroke-dasharray:3 3}
.em-c-point{fill:var(--c-secondaire);stroke:var(--surface);stroke-width:2}
.em-bulle{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--ligne);border-radius:10px;padding:6px 10px;font-size:12.5px;box-shadow:var(--ombre-legere);white-space:nowrap}
.em-table-donnees summary{cursor:pointer;color:var(--texte-doux);font-size:12.5px;margin-top:6px}
@media (max-width:760px){
  .em-campagne-ligne,.em-campagne-ligne.em-ligne-auto{grid-template-columns:84px minmax(0,1fr)}
  .em-campagne-ligne .em-chiffres{grid-column:1 / -1}
  .em-vignette{height:84px}
  .em-mini{width:84px;height:68px} .em-mini iframe{transform:scale(.14)}
  .em-bord-abonnes{grid-template-columns:1fr}
  .em-chiffre{min-width:80px;padding:2px 12px}
}
@media (max-width:760px){
  .em-seulement-petit{display:inline-grid}
  .em-cote{position:fixed;left:0;top:0;bottom:0;z-index:45;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--ombre)}
  .em-app.em-menu-ouvert .em-cote{transform:none}
  .em-app.em-menu-ouvert .em-voile{display:block;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:44}
  .em-principal{padding:14px 12px 60px}
  .em-entete{padding:0 8px}
  .em-entree{font-size:16px}
}