/* Dedicated e-mail marketing SaaS panel. Uses the existing POST INFINITY palette. */
.em-panel{border-radius:18px;max-width:100%;overflow:hidden}
.em-notice{border:1px solid rgba(78,216,187,.24);border-radius:12px;padding:14px;background:rgba(78,216,187,.075);color:inherit}
.em-form{display:grid;gap:10px;margin:14px 0 18px;max-width:720px}
.em-label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:.92rem}
.em-field{box-sizing:border-box;width:100%;max-width:100%;min-height:42px;padding:11px;border-radius:10px;border:1px solid rgba(125,166,181,.35);background:rgba(9,26,37,.45);color:inherit}
.em-field:focus-visible,.em-btn:focus-visible{outline:2px solid #4ed8bb;outline-offset:2px}
.em-check{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:.9rem;cursor:pointer}
.em-check input{margin-top:5px}
.em-btn{justify-self:start;min-height:42px;border-radius:11px;padding:10px 16px;max-width:100%;background:#4ed8bb;color:#102631;font-weight:700;cursor:pointer}
.em-btn:disabled{opacity:.5;cursor:wait}
.em-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.em-table{min-width:320px;width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}
.em-table th,.em-table td{padding:10px 12px;border-bottom:1px solid rgba(110,160,180,.18);overflow-wrap:anywhere;max-width:300px}
@media(max-width:460px){.em-panel{padding:14px}.em-btn{width:100%;justify-self:stretch}.em-table{font-size:.8rem}}

/* E-MAIL MARKETING IA / professional navigable workspace */
.em-tabs{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:6px;max-width:100%;
 overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
 padding:9px;border:1px solid rgba(125,166,181,.21);border-radius:16px;
 background:rgba(12,31,44,.95);backdrop-filter:blur(14px);margin:12px 0 18px}
.em-tabs button{flex:0 0 auto;min-height:40px;padding:9px 14px;border:1px solid transparent;
 border-radius:11px;background:transparent;color:#c2d9de;font-size:.87rem;font-weight:650;
 letter-spacing:.005em;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}
.em-tabs button:hover{background:rgba(78,216,187,.08);color:#effefa}
.em-tabs button.is-active{background:rgba(78,216,187,.14);border-color:rgba(78,216,187,.45);color:#b9fff1;
 box-shadow:inset 0 0 0 1px rgba(78,216,187,.12)}
.em-tabs button:focus-visible{outline:2px solid #4ed8bb;outline-offset:2px}
.em-panel[hidden]{display:none!important}
.em-subsection{border:1px solid rgba(124,170,180,.22);border-radius:16px;
 background:linear-gradient(155deg,rgba(22,54,65,.56),rgba(9,28,43,.27));
 padding:clamp(15px,2.5vw,22px);margin:22px 0 12px;max-width:100%}
.em-subsection h3{font-size:1.06rem;color:#e6fff9;margin:0 0 10px}
.em-subsection p.hint{line-height:1.58}
.em-subsection .em-form{max-width:700px}
.em-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:13px 0}
.em-btn-secondary{background:rgba(18,52,66,.7);color:#d8f9f2;border:1px solid rgba(104,193,189,.38)}
.em-btn-secondary:hover{background:rgba(30,75,77,.7)}
.em-preview{border:1px solid rgba(122,178,178,.32);border-radius:15px;padding:clamp(17px,3vw,27px);
 background:#f8fbff;color:#192c37;max-width:600px;margin:18px 0;
 box-shadow:0 12px 32px rgba(0,0,0,.12);overflow-wrap:anywhere;font-family:Arial,system-ui,sans-serif}
.em-preview small{display:block;font-size:.78rem;color:#4b5f67;font-weight:700;padding-bottom:12px;border-bottom:1px solid #dde6ea}
.em-preview h3{font-size:1.45rem;line-height:1.25;color:#142c35;margin:20px 0 12px}
.em-preview p{white-space:pre-wrap;color:#30454d;line-height:1.7;font-size:.96rem}
.em-preview-cta{display:inline-block;padding:12px 18px;background:#137c71;color:#fff!important;
 text-decoration:none;border-radius:9px;font-weight:750;margin:12px 0}
.em-preview img{height:auto;border-radius:8px}
@media(max-width:520px){
 .em-tabs{margin-inline:-2px;border-radius:12px;padding:6px;gap:2px}
 .em-tabs button{font-size:.78rem;padding:8px 11px;min-height:38px}
 .em-subsection{padding:13px;border-radius:13px}
 .em-actions{display:grid;grid-template-columns:1fr 1fr}
 .em-actions .em-btn{width:100%}
 .em-preview{padding:15px}
}