/* Early paint / Tauri shell — loaded from index.html before the app bundle */

.login-brand-name {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  font-display: optional;
}

/*
 * Anonymous /login first paint: tint #root before the JS bundle runs so a cold
 * restart does not flash a blank white page for several seconds (dev Vite).
 */
html:not([data-tauri]) body:not([data-tauri]) #root:empty {
  min-height: 100dvh;
  background-color: #f4f4f5;
}

@media (prefers-color-scheme: dark) {
  html:not([data-tauri]) body:not([data-tauri]) #root:empty {
    background-color: #18181b;
  }
}

body {
  font-display: optional;
}

html[data-tauri],
body[data-tauri],
html[data-tauri] #root,
body[data-tauri] #root {
  background: transparent !important;
  background-color: transparent !important;
}

html.tauri-transparent,
body.tauri-transparent {
  background: transparent !important;
  background-color: transparent !important;
  min-height: 100vh;
}

/*
 * Authenticated desktop shell: opaque host so gaps never show the OS desktop through
 * the transparent Tauri window. Only compact auth routes keep tauri-transparent.
 */
html.desktop-app:not(.tauri-transparent),
body.desktop-app:not(.tauri-transparent) {
  background: #f0eeea !important;
  background-color: #f0eeea !important;
  min-height: 100%;
  overflow: hidden;
}

html.desktop-app:not(.tauri-transparent) #root,
html[data-tauri="1"]:not(.tauri-transparent) #root {
  background: #f0eeea !important;
  background-color: #f0eeea !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#tauri-loading {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 9999;
}

/*
 * Client first paint: keep a solid splash until React mounts. Removing this overlay on
 * `window.load` (before bootstrap) left an empty #root on the opaque desktop-app fill.
 */
html[data-tauri] #tauri-loading,
html.desktop-app #tauri-loading {
  background-color: #f0eeea;
}

@media (prefers-color-scheme: dark) {
  html[data-tauri] #tauri-loading,
  html.desktop-app #tauri-loading {
    background-color: #0d0d0d;
  }
}

html.desktop-app:not(.tauri-transparent) #root:empty {
  background: transparent !important;
  background-color: transparent !important;
}