/* Credits running low (above the message boxes) */
.low-note { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 8px 12px; border-radius: 12px; font-size: 13px; color: var(--ink-body, var(--ink)); background: color-mix(in srgb, #E5A800 14%, var(--card)); border: 1px solid color-mix(in srgb, #E5A800 35%, var(--line)); }
.low-note[hidden] { display: none; }
.low-note.empty { background: color-mix(in srgb, #E8652B 12%, var(--card)); border-color: color-mix(in srgb, #E8652B 40%, var(--line)); }
.low-dot { width: 8px; height: 8px; border-radius: 50%; background: #E5A800; flex-shrink: 0; }
.low-note.empty .low-dot { background: #E8652B; }
.low-text { flex: 1; min-width: 0; }
.low-link { font-weight: 600; color: var(--accent-text, #0B7A55); white-space: nowrap; }
.home .low-note { width: 100%; max-width: 720px; box-sizing: border-box; margin: 0 auto 10px; }
.chat .low-note { margin: 0 14px 8px; }
/* Account: credit emails */
.notify-row { display: flex; align-items: flex-start; gap: 12px; margin-top: 10px; cursor: pointer; }
.notify-row input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--select); flex-shrink: 0; }
.notify-row span { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.notify-row span span { color: var(--ink-muted); font-size: 13px; }