/* Use the home page's layout and responsive rules from style.css.
   Only Gmail-specific states and sandboxed email sizing belong here. */
#gmailGenerate { color: var(--ink); }
#gmailStatus[data-error="true"] { color: #c70832; }
#gmailCloseViewer { display: flex; align-items: center; gap: 10px; text-transform: uppercase; }
#gmailCloseViewer svg { width: 14px; height: 14px; transform: rotate(180deg); }
.gmail-inbox-page .reader-toolbar { min-height: 58px; padding: 15px 20px; border-radius: 6px 6px 0 0; }
.gmail-inbox-page .reader-toolbar button { cursor: pointer; }
#gmailExpiry { display: none; }
.gmail-inbox-page .message-html-frame { height: 1px; min-height: 0; }
.gmail-inbox-page .hero-decoration { display: none; }
.gmail-hero-icons { --gmail-blue: #75adf5; --gmail-lilac: #c2a0f6; position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; stroke: none; opacity: .32; }
.gmail-gradient-light { stop-color: var(--gmail-lilac); }
.gmail-gradient-deep { stop-color: var(--accent); }
.gmail-envelope-blue { fill: var(--gmail-blue); }
.gmail-envelope-purple { fill: var(--accent); }
.gmail-envelope-light { fill: var(--gmail-lilac); }
.gmail-mail-paper { fill: var(--card-bg); }
.gmail-mail-outline { stroke: var(--gmail-lilac); stroke-width: 2; }
.gmail-mail-envelope-fold { fill: none; stroke: var(--accent); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.gmail-mail-bottom-fold { stroke: var(--gmail-lilac); stroke-width: 2; }
.gmail-mail-shadow { fill: var(--accent); opacity: .16; }
.gmail-mail-lines { fill: none; stroke: var(--accent); stroke-width: 6; stroke-linecap: round; }
.gmail-mail-tray { fill: none; stroke: var(--gmail-lilac); stroke-width: 3; stroke-linejoin: round; }
.gmail-mail-arrow { fill: none; stroke: var(--card-bg); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.gmail-background-halos { fill: var(--gmail-lilac); opacity: .25; }
.gmail-background-halos circle:first-child { fill: var(--gmail-blue); }
.gmail-background-trails { stroke: var(--accent); opacity: .6; }
.gmail-background-sparkles { stroke: var(--accent); opacity: .65; }
[data-theme="dark"] .gmail-hero-icons { --gmail-blue: #7798dc; --gmail-lilac: #a38ae0; opacity: .24; }
@media (max-width: 760px) {
  .gmail-hero-icons { opacity: .18; }
}
@media (max-width: 520px) {
  #gmailCloseViewer { gap: 3px; }
}