@keyframes dashboardEmailFade{from{opacity:0}to{opacity:1}}
@keyframes dashboardEmailCard{from{opacity:0;transform:translateY(20px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

.dashboard-email-gate{
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(13,35,59,.48);
  backdrop-filter:blur(13px);
  animation:dashboardEmailFade .22s ease both;
}

.dashboard-email-card{
  width:min(100%,520px);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  padding:30px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:26px;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(241,248,252,.97));
  color:#17233a;
  box-shadow:0 36px 100px rgba(13,35,59,.28);
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  animation:dashboardEmailCard .46s cubic-bezier(.22,1,.36,1) both;
}

.dashboard-email-brand{display:flex;align-items:center;justify-content:space-between;gap:18px}
.dashboard-email-brand img{width:210px;max-height:62px;object-fit:contain}
.dashboard-email-brand span{max-width:170px;color:#3d6484;font-size:9px;line-height:1.45;font-weight:850;letter-spacing:.1em;text-align:right;text-transform:uppercase}
.dashboard-email-icon{width:58px;height:58px;display:grid;place-items:center;margin:28px auto 14px;border-radius:18px;background:linear-gradient(135deg,#2a4f89,#0288d1);color:#fff;font-size:26px;font-weight:800;box-shadow:0 15px 34px rgba(2,136,209,.25)}
.dashboard-email-kicker{display:block;color:#0288d1;font-size:10px;font-weight:850;letter-spacing:.14em;text-align:center;text-transform:uppercase}
.dashboard-email-card h2{margin:8px 0 0;color:#183056;font-size:31px;line-height:1.08;font-weight:850;letter-spacing:-.04em;text-align:center}
.dashboard-email-card>p{margin:16px auto 0;max-width:430px;color:#66758b;font-size:12px;line-height:1.7;text-align:center}
.dashboard-email-notice{margin:20px 0;padding:12px 14px;border:1px solid #d7e8f0;border-radius:14px;background:#f1f9fc;color:#45677f;font-size:11px;line-height:1.55;text-align:center}
.dashboard-email-card form{display:grid;gap:10px;margin-top:18px}
.dashboard-email-card form>label{color:#44576d;font-size:11px;font-weight:800}
.dashboard-email-input{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:0 14px;border:1px solid #d7e3eb;border-radius:14px;background:#f8fbfd;box-shadow:0 6px 18px rgba(42,79,137,.04);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.dashboard-email-input:focus-within{border-color:#049ce6;background:#fff;box-shadow:0 0 0 4px rgba(4,156,230,.11),0 12px 26px rgba(42,79,137,.06)}
.dashboard-email-input>span{color:#527a97;font-size:18px;font-weight:800}
.dashboard-email-input input{width:100%;min-width:0;height:52px;padding:0;border:0;outline:0;background:transparent;color:#17233a;font:600 13px/1 Inter,"Segoe UI",Arial,sans-serif}
.dashboard-email-input input::placeholder{color:#8a9bad}
.dashboard-email-input strong{color:#2a4f89;font-size:12px;white-space:nowrap}
.dashboard-email-preview{color:#75889a;font-size:10px;line-height:1.45}
.dashboard-email-preview strong{color:#315473}
.dashboard-email-error{padding:10px 12px;border:1px solid rgba(196,61,61,.22);border-radius:11px;background:rgba(196,61,61,.07);color:#b03636;font-size:10px;line-height:1.45}
.dashboard-email-save{min-height:54px;margin-top:4px;border:0;border-radius:14px;background:linear-gradient(135deg,#2a4f89,#0288d1);color:#fff;font:800 13px/1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:0 14px 30px rgba(2,136,209,.24);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.dashboard-email-save:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 36px rgba(2,136,209,.3)}
.dashboard-email-save:disabled{cursor:wait;opacity:.68}
.dashboard-email-signout{display:block;margin:16px auto 0;padding:8px 12px;border:0;background:transparent;color:#64788c;font:700 10px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.dashboard-email-signout:hover{color:#2a4f89;text-decoration:underline}

@media(max-width:560px){
  .dashboard-email-gate{padding:12px}
  .dashboard-email-card{padding:23px 19px;border-radius:21px}
  .dashboard-email-brand img{width:165px}
  .dashboard-email-brand span{font-size:7px}
  .dashboard-email-card h2{font-size:27px}
  .dashboard-email-input{grid-template-columns:18px minmax(0,1fr)}
  .dashboard-email-input strong{grid-column:2;font-size:10px;margin-top:-12px;padding-bottom:9px}
}

@media(prefers-reduced-motion:reduce){.dashboard-email-gate,.dashboard-email-card{animation:none!important}}