/* Auth-Guard: bis zum erfolgreichen auth.me nichts anzeigen */
html.auth-pending header,
html.auth-pending main {
  display: none !important;
}

:root { color-scheme: light; }

.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.35rem .7rem;border-radius:.7rem;border:1px solid #e5e7eb;
  background:#fff;font-size:.9rem;cursor:pointer;
}
.btn:hover{background:#f8fafc}
.btn-danger{border-color:#fecaca;color:#b91c1c}
.btn-danger:hover{background:#fef2f2}

.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.75rem;border:1px solid #e5e7eb}
.chip .dot{width:.5rem;height:.5rem;border-radius:999px;background:#64748b}

dialog::backdrop{background:rgba(15,23,42,.3)}
#toast-root{z-index:2147483647}
.truncate{max-width:22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hidden{display:none}