/* 3omar.hs — Temporary Email page (on top of tools.css). */
.te-address { margin-bottom: 18px; }
.te-address .output-box__value { font-size: clamp(1.05rem, 3.4vw, 1.45rem); }
.te-timer { margin: 4px 0 16px; }
.te-timer__label { margin: 0 0 8px; }
.te-actions { margin-bottom: 4px; }
.te-options { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--glass-border); }
.te-note { margin-top: 14px; }
.te-provider-hint { margin: 12px 0 0; }
.te-inbox .tool-table td:first-child { max-width: 220px; }
.te-sender { display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.te-sender-mail { display: block; font-size: .78rem; color: var(--glass-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; text-align: start; }
.te-unread-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-2); margin-inline-end: 6px; vertical-align: middle; }
.te-view { margin-bottom: 12px; }
.te-view .seg__btn { flex: 0 1 auto; }
.te-view #loadImagesBtn { margin-inline-start: auto; }
.te-view #loadImagesBtn[aria-pressed="true"] { color: var(--ok); }
.te-body { min-height: 200px; }
.te-links { margin-top: 14px; }
.te-links h3 { margin: 0 0 4px; }
.te-links ul { margin: 6px 0 0; padding-inline-start: 18px; display: grid; gap: 6px; }
.te-links a { color: var(--accent); overflow-wrap: anywhere; direction: ltr; unicode-bidi: isolate; }
html.light-mode .te-links a { color: var(--brand); }
@media (max-width: 640px) {
  .te-inbox .tool-table th:nth-child(3), .te-inbox .tool-table td:nth-child(3) { display: none; }
  .te-inbox .tool-table td:first-child { max-width: 130px; }
}