.tds-email-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(6,28,49,.68);backdrop-filter:blur(5px)}
.tds-email-backdrop.hidden{display:none}
.tds-email-card{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #d9e4ea;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,20,38,.35);padding:26px;color:#12314d}
.tds-email-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.tds-email-heading small{display:block;color:#0b8d88;font-weight:800;letter-spacing:.12em;margin-bottom:5px}
.tds-email-heading h2{margin:0;font-size:26px}
.tds-email-close{border:0;background:#edf5f7;color:#173b56;width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}
#tdsEmailForm{display:grid;gap:15px}
#tdsEmailForm label{display:grid;gap:7px;font-weight:700}
#tdsEmailForm input,#tdsEmailForm textarea{width:100%;box-sizing:border-box;border:1px solid #b9cbd6;border-radius:12px;padding:12px 14px;background:#fff;color:#16344c;font:inherit;resize:vertical}
#tdsEmailForm input:focus,#tdsEmailForm textarea:focus{outline:3px solid rgba(12,166,157,.15);border-color:#0ca69d}
.tds-email-selection{padding:14px;border-radius:14px;background:#f1f8f8}
.tds-email-selection>strong{display:block;margin-bottom:9px}
#tdsEmailProducts{display:flex;flex-wrap:wrap;gap:7px}
#tdsEmailProducts span{padding:6px 9px;border-radius:999px;background:#dff3f1;color:#08766f;font-size:12px;font-weight:800}
.tds-email-note{margin:0;color:#5b7284;font-size:13px}
.tds-email-status{padding:12px 14px;border-radius:12px;font-weight:700}
.tds-email-status.hidden{display:none}
.tds-email-status.success{background:#e4f7ec;color:#197344}
.tds-email-status.error{background:#fff0f0;color:#a92727}
.tds-email-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:640px){.tds-email-backdrop{padding:10px}.tds-email-card{padding:19px;border-radius:16px}.tds-email-actions{flex-direction:column-reverse}.tds-email-actions .button{width:100%}}