.email-layout-controls{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;padding:.2rem 0;margin-bottom:1rem;color:var(--text-soft);font-size:.85rem}
.email-layout-controls>div{display:flex;gap:.4rem;flex-wrap:wrap}
.email-layout-controls .secondary-button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;font-size:.8rem}
.email-layout-controls button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}
.email-layout-controls small{font-size:.75rem;flex-basis:100%;text-align:right}
.email-layout-controls small:empty{display:none}
.email-layout-controls[hidden],.email-composer-tabs[hidden],.application-shell [data-email-panel][hidden]{display:none!important}
.email-composer-tabs{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin:0 0 1rem}
.email-composer-tabs button{width:auto;min-height:2.6rem}
@media(max-width:600px){.email-layout-controls{justify-content:flex-start}.email-layout-controls small{text-align:left}.email-composer-tabs{gap:.25rem}}

.email-layout-preferences{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand);font-size:.8rem;text-decoration:none}
.email-layout-preferences:hover{text-decoration:underline}
.email-layout-preferences:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

/* Keep email actions green even when an older main stylesheet is cached. */
.application-shell :is(.primary-button,.secondary-button).button-action-send.mail-send-button{border-color:var(--button-create-border);color:var(--button-create-color);background:var(--button-create-background);box-shadow:0 .65rem 1.35rem rgb(22 116 93 / 13%)}
.application-shell :is(.primary-button,.secondary-button).button-action-send.mail-send-button:hover:not(:disabled){background:var(--button-create-hover)}
.application-shell :is(.primary-button,.secondary-button).button-action-send.mail-send-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.application-shell .button-action-send{border-color:var(--button-create-border);color:var(--button-create-color);background:var(--button-create-background)}
.application-shell .button-action-send:hover:not(:disabled){background:var(--button-create-hover)}
.email-layout-controls [hidden],.application-shell [data-email-send-bar][hidden]{display:none!important}
.document-email-history td{vertical-align:top}
.document-email-history td small{display:block;margin-top:.3rem;color:var(--text-soft);font-size:.75rem}
.document-email-history-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:1rem}