.email-action-dialog{
  width:min(620px,calc(100vw - 24px));
  max-height:min(760px,calc(100dvh - 24px));
  margin:auto;
  padding:0;
  overflow:auto;
  border:2px solid #0d0a09;
  border-radius:18px;
  background:#f1eadc;
  color:#0d0a09;
  box-shadow:0 24px 80px rgba(13,10,9,.42);
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.email-action-dialog::backdrop{background:rgba(13,10,9,.72);backdrop-filter:blur(4px)}
.email-action-shell{position:relative;padding:clamp(24px,5vw,42px)}
.email-action-close{
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(13,10,9,.35);
  border-radius:999px;
  background:transparent;
  color:#0d0a09;
  font:700 1.2rem/1 'Space Grotesk',sans-serif;
  cursor:pointer;
}
.email-action-kicker{
  margin:0 52px 8px 0;
  color:#b91f1c;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.email-action-dialog h2{
  margin:0 52px 12px 0;
  color:#0d0a09;
  font-family:'Anton','Arial Narrow',sans-serif;
  font-size:clamp(2rem,7vw,3.4rem);
  font-weight:400;
  line-height:.96;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.email-action-intro{margin:0 0 20px;color:#3f3731;font-size:1rem;line-height:1.55}
.email-action-details{
  display:grid;
  gap:10px;
  margin:0 0 22px;
  padding:16px;
  border:1px solid rgba(13,10,9,.24);
  border-radius:10px;
  background:#fffaf0;
}
.email-action-detail{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;margin:0}
.email-action-detail dt{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.email-action-detail dd{min-width:0;overflow-wrap:anywhere;font-size:.92rem}
.email-action-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.email-action-details [hidden],.email-action-actions [hidden]{display:none!important}
.email-action-actions a,.email-action-actions button{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border:2px solid #0d0a09;
  border-radius:6px;
  font:800 .78rem/1.2 'Space Grotesk',sans-serif;
  letter-spacing:.075em;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  cursor:pointer;
}
.email-action-open{background:#0d0a09;color:#fff}
.email-action-gmail{background:#c51f1a;color:#fff}
.email-action-copy{grid-column:1 / -1;background:transparent;color:#0d0a09}
.email-action-copy-address{grid-column:1 / -1;border-width:1px!important;background:transparent;color:#0d0a09}
.email-action-actions a:hover,.email-action-actions button:hover{filter:brightness(.9)}
.email-action-actions a:focus-visible,.email-action-actions button:focus-visible,.email-action-close:focus-visible{outline:3px solid #c51f1a;outline-offset:3px}
.email-action-status{min-height:1.5em;margin:14px 0 0;color:#4c433c;font-size:.86rem;font-weight:700}
.email-action-cancel{
  display:block;
  margin:8px auto 0;
  padding:8px;
  border:0;
  background:transparent;
  color:#4c433c;
  font:700 .78rem/1.2 'Space Grotesk',sans-serif;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
@media (max-width:540px){
  .email-action-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
  .email-action-shell{padding:24px 18px}
  .email-action-actions{grid-template-columns:1fr}
  .email-action-copy,.email-action-copy-address{grid-column:auto}
  .email-action-detail{grid-template-columns:1fr;gap:2px}
}