/* Email glance + Email widget (plans/email-widget.md, Oct 23 2026). Theme tokens only (Light/Dark). */
.eg-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 12px; }
.eg-tile { display: flex; flex-direction: column; align-items: flex-start; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); color: inherit; text-decoration: none; min-width: 0; }
.eg-tile b { font-size: 1.35rem; font-weight: 600; line-height: 1.1; }
.eg-tile span { font-size: .78rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.eg-tile.warn b { color: var(--orange); }
.eg-tile:hover, .eg-tile.on { border-color: var(--grass); }
.eg-compact { gap: 6px; margin-bottom: 8px; }
.eg-compact .eg-tile { padding: 6px 8px; }
.eg-compact .eg-tile b { font-size: 1.1rem; }
.dw-email { display: flex; flex-direction: column; min-width: 0; height: 100%; }
.dw-email .dw-body { flex: 1; min-height: 0; overflow: auto; }
.dw-email-new { align-self: flex-start; margin-top: 8px; }
.dw-email-full { overflow: hidden; display: flex; }
.dw-email-full iframe { flex: 1; min-height: 520px; border: 0; }
.em-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 12px; }
.em-mode { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; }
.em-mode a, .em-mode span { padding: 4px 12px; font-size: .85rem; color: inherit; text-decoration: none; }
.em-mode .on { background: var(--grass); color: #111111; }
@media (max-width: 600px) { .eg-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.em-tools h2 { margin: 0; }
.em-toolbar { padding: 10px 12px; }