.cafe-email-dialog {
  width:min(680px,calc(100% - 28px));max-width:680px;max-height:90vh;max-height:90svh;
  margin:auto;padding:28px 32px 30px;overflow:auto;overscroll-behavior:contain;
  border:1px solid #d8d2c5;border-radius:14px;background:#faf7f0;color:#26231f;
  box-shadow:0 28px 100px #17140f50;text-align:start;
}
.cafe-email-dialog::backdrop { background:#211e18b5;backdrop-filter:blur(4px); }
.cafe-email-dialog .mail-close {
  position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;
  margin-inline-start:auto;margin-block-end:-40px;width:40px;height:40px;padding:0;
  border-radius:50%;border:1px solid #d8d2c5;background:#faf7f0;font:28px/1 Arial,sans-serif;
}
.cafe-email-dialog h2 { font-size:clamp(27px,4vw,38px);line-height:1.15;padding-inline-end:44px;margin:0 0 16px;letter-spacing:-.03em; }
.cafe-email-dialog p { font-size:14px;line-height:1.65;margin:12px 0 18px; }
.cafe-email-dialog .mail-recipient,.cafe-email-dialog .mail-subject { overflow-wrap:anywhere;font-size:13px;margin:10px 0; }
.mail-providers { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px; }
.cafe-email-dialog .mail-provider { display:flex;align-items:center;gap:12px;min-height:78px;padding:12px;text-align:start;border:1px solid #d8d2c5;border-radius:8px;background:#fffdf8;color:inherit;text-decoration:none;width:100%; }
.cafe-email-dialog .mail-provider:hover { border-color:#737d58;background:#eef0e5; }
.mail-badge { display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:8px;background:#e9ecdf;color:#485236;font:600 19px/1 Arial,sans-serif; }
.mail-provider-label { min-width:0; }
.mail-provider-label strong { display:block;font-size:15px;line-height:1.4; }
.mail-provider-label small { display:block;font-size:12px;line-height:1.45;color:#655f52;margin-top:4px; }
.cafe-email-dialog .mail-text-action { min-height:44px;display:inline-flex;align-items:center;padding:8px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:inherit; }
.cafe-email-dialog .mail-other { margin-top:14px; }
.cafe-email-dialog .mail-note { border-top:1px solid #d8d2c5;padding-top:18px;margin:16px 0 0;font-size:12px;color:#655f52; }
.mail-copy-panel h3 { font-size:24px;margin:12px 0; }
.cafe-email-dialog textarea { display:block;width:100%;min-height:190px;padding:14px;margin-top:16px;resize:vertical;border:1px solid #b7b09f;border-radius:6px;background:#fffdf8;color:#26231f;font:inherit;font-size:14px;line-height:1.65; }
.mail-copy-actions { display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px; }
.cafe-email-dialog .mail-copy-button { padding:12px 20px;min-height:44px;background:#485236;color:#fff;border-radius:24px;font-size:13px; }
.cafe-email-dialog .mail-status { color:#485236;font-size:13px;font-weight:600;margin-bottom:0; }
.cafe-email-dialog [hidden] { display:none!important; }
.cafe-email-dialog :is(a,button,textarea):focus-visible { outline:2px solid #485236;outline-offset:3px; }
html[dir=rtl] .cafe-email-dialog h2 { font-size:30px;line-height:1.5;letter-spacing:0; }
@media(max-width:480px) {
 .cafe-email-dialog { padding:20px; }
 .mail-providers { grid-template-columns:1fr;gap:8px; }
 .cafe-email-dialog .mail-provider { min-height:68px; }
}