.email-open .main-content { max-width: none; padding: 0; min-width: 0; }
.email-page { display: flex; flex-direction: column; min-width: 0; height: calc(100dvh - 2.2rem); min-height: 360px; border: 1px solid var(--line-str); border-radius: 14px; overflow: hidden; background: #fff; }
.email-toolbar { display: flex; flex: none; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: .55rem 1rem; color: #fff; background: #0f6cbd; }
.email-toolbar h1 { margin: 0; font-family: var(--body); font-size: 1.2rem; letter-spacing: 0; }
.email-actions { display: flex; flex-wrap: wrap; gap: .35rem; }
.email-actions a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .65rem; border-radius: 6px; color: #fff; text-decoration: none; font-size: .83rem; }
.email-actions a:hover { background: #ffffff24; }
.email-actions a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.email-help { flex: none; padding: .6rem 1rem; border-bottom: 1px solid #dce3ea; color: #435369; background: #f6f8fb; font-size: .82rem; max-height: 45%; overflow: auto; }
.email-help summary { cursor: pointer; min-height: 24px; }
.email-help p { margin: .7rem 0; max-width: 90ch; }
.email-help a { color: #075b9b; }
.email-frame-wrap { position: relative; flex: 1; min-height: 0; }
.email-frame { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.email-loading { position: absolute; z-index: 1; inset: 0 0 auto; margin: 0; padding: .75rem 1rem; color: #435369; background: #f6f8fb; }
@media (max-width: 767px) {
  .email-page { height: calc(var(--app-viewport-height, 100dvh) - var(--bottom-nav-h, 64px) - env(safe-area-inset-bottom) - env(safe-area-inset-top)); border: 0; border-radius: 0; min-height: 240px; }
  .email-open .main-content { padding-top: env(safe-area-inset-top); }
  .email-toolbar { padding: .3rem .6rem; gap: .2rem; }
  .email-toolbar h1 { font-size: 1rem; }
  .email-actions { gap: 0; }
  .email-actions a { font-size: .75rem; padding-inline: .45rem; }
  .email-help { padding: .5rem .75rem; }
}