/* Independent callback/startup styles, including browsers without CSS layers,
   oklch, flex gap or Tailwind support. No administration stylesheet required. */
#startup-status {
  box-sizing: border-box; max-width: 680px; margin: 64px auto; padding: 24px;
  background: #f7f8fb; color: #111827; font: 16px/1.6 -apple-system, BlinkMacSystemFont, sans-serif;
  border: 1px solid #e4eaf3; border-radius: 10px;
}
#startup-status[hidden] { display: none; }
#startup-status h1 { font-size: 22px; }
[data-legacy-oauth-ui] {
  box-sizing: border-box; min-height: 100vh; padding: 24px;
  background: #f7f8fb; color: #111827; font: 15px/1.6 -apple-system, BlinkMacSystemFont, sans-serif;
}
[data-legacy-oauth-ui] * { box-sizing: border-box; }
[data-legacy-oauth-ui="callback"] > div { max-width: 680px; margin: 24px auto; }
[data-legacy-oauth-ui="callback"] > div > div:first-child {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;
}
[data-legacy-oauth-ui] svg { width: 24px; height: 24px; flex-shrink: 0; vertical-align: middle; }
[data-legacy-oauth-ui="callback"] section {
  padding: 24px; background: #fff; border: 1px solid #e4eaf3; border-radius: 10px;
}
[data-legacy-oauth-ui] h1 { margin: 16px 0; font-size: 24px; line-height: 1.35; }
[data-legacy-oauth-ui] p { line-height: 1.6; overflow-wrap: break-word; }
[data-legacy-oauth-ui="callback"] [data-oauth-details] {
  display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0; padding: 12px;
  background: #f7f8fb; border-radius: 8px; font-size: 12px;
}
[data-legacy-oauth-ui="callback"] [data-oauth-details] > div { min-width: 0; padding: 6px; }
[data-legacy-oauth-ui="callback"] [data-oauth-actions] { margin-top: 24px; }
[data-legacy-oauth-ui="callback"] [title] { overflow: hidden; text-overflow: ellipsis; }
[data-legacy-oauth-ui] button, [data-legacy-oauth-ui] select {
  min-height: 44px; margin: 4px; padding: 8px 14px; border: 1px solid #4f5df7;
  border-radius: 8px; background: #4f5df7; color: #fff; font: inherit;
}
[data-legacy-oauth-ui] button { cursor: pointer; }
[data-legacy-oauth-ui] select { width: 128px; max-width: 40%; flex-shrink: 0; background: #fff; color: #111827; }
[data-legacy-oauth-ui] button:disabled { opacity: .5; cursor: default; }
[data-legacy-oauth-ui="neutral"], [data-legacy-oauth-ui="error"] {
  display: flex; align-items: center; justify-content: center; text-align: center;
}
[data-legacy-oauth-ui="neutral"] { flex-direction: column; }
[data-legacy-oauth-ui="neutral"] > div { display: flex; width: 96px; height: 96px; align-items: center; justify-content: center; }
[data-legacy-oauth-ui="neutral"] > div > div { position: relative; width: 64px; height: 64px; }
[data-legacy-oauth-ui="neutral"] img { width: 64px; height: 64px; }
[data-legacy-oauth-ui="neutral"] svg { position: absolute; bottom: -20px; left: 50%; width: 16px; height: 16px; margin-left: -8px; transform: none; translate: none; }
[data-legacy-oauth-ui="neutral"] h1 { max-width: 560px; margin-top: 32px; }
[data-legacy-oauth-ui="callback"] img { width: 40px; height: 40px; }
[data-legacy-oauth-ui="callback"] > div > div:first-child > div { display: flex; align-items: center; }
[data-legacy-oauth-ui="callback"] > div > div:first-child img { margin-right: 12px; }
[data-legacy-oauth-ui="callback"] > div > div:first-child > div > div > div:first-child { font-size: 18px; font-weight: 700; }
[data-legacy-oauth-ui="callback"] > div > div:first-child > div > div > div:nth-child(2) { font-size: 12px; color: #64748b; }
@keyframes oauth-spin { to { transform: rotate(360deg); } }
[data-legacy-oauth-ui] .animate-spin { animation: oauth-spin 1s linear infinite; }
@media (prefers-reduced-motion: reduce) { [data-legacy-oauth-ui] .animate-spin { animation: none; } }
@media (max-width: 480px) {
  [data-legacy-oauth-ui] { padding: 16px; }
  [data-legacy-oauth-ui="callback"] section { padding: 20px 16px; }
  [data-legacy-oauth-ui="callback"] section > div:last-child button { display: block; width: 100%; margin: 10px 0; }
}