/* TempMail Pro — supplemental styles. Tailwind handles 95%; this is for polish. */

:root { color-scheme: light dark; }

html.dark body { background-color: #0b0d10; }

/* Glass scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, .25);
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, .5); background-clip: padding-box; }

/* Smooth focus rings */
:focus-visible { outline: 2px solid rgba(99, 102, 241, .5); outline-offset: 2px; border-radius: 8px; }

/* Iframe email content default styling */
iframe[srcdoc] { color-scheme: light; }

/* Contenteditable empty placeholder */
[contenteditable=true]:empty::before {
  content: 'Write your message…';
  color: rgb(148 163 184);
}

/* x-collapse polyfill (fallback if Alpine plugin not loaded) */
[x-collapse] { transition: max-height .25s ease, opacity .2s ease; overflow: hidden; }