/* osir.co.uk: Email Signature Generator */
.es-colour-row { display: flex; gap: 8px; }
.es-colour-row .t-input { flex: 1; min-width: 0; }
.es-colour-row input[type=color] { flex: none; width: 54px; height: 44px; padding: 3px; border-radius: 12px; border: 1px solid var(--border-strong); background: var(--surface-solid); cursor: pointer; }
.es-more { margin-top: 16px; }
.es-more summary { cursor: pointer; font-weight: 700; font-size: 14.5px; color: var(--text-2); }
/* The preview is always white, like a typical email, whatever the site theme. */
.es-mail { margin-top: 14px; padding: 18px; border-radius: 14px; border: 1px solid var(--border-strong); background: #ffffff; color: #333333; overflow-x: auto; }
.es-mail-body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; margin-bottom: 14px; }
.es-preview a { pointer-events: none; }
:root[data-theme="dark"] .es-mail { border-color: #3a3f52; }
.es-help { margin-top: 14px; }
.es-help ol { padding-left: 22px; display: grid; gap: 8px; color: var(--text-2); }
.es-help p { margin-top: 10px; }
@media (min-width: 861px) { .es-sticky { position: sticky; top: 16px; } }