/* Prevent FOUC — подключено из index.html до гидрации React */
html,
body {
  margin: 0;
  padding: 0;
  background: #f6f7fb;
}

/* APK cold start: синий фон до fade boot-экрана (совпадает с нативным splash). */
html[data-native-app='1']:not([data-native-ios='1']):not(.gipix-booted):not([data-crm-shell]),
html[data-native-app='1']:not([data-native-ios='1']):not(.gipix-booted):not([data-crm-shell]) body {
  background: #2563eb;
}

/* iOS Capacitor: нейтральный фон только до CRM shell и до смены темы */
html[data-platform='capacitor'][data-native-ios='1']:not([data-crm-shell]):not(.dark),
html[data-platform='capacitor'][data-native-ios='1']:not([data-crm-shell]):not(.dark) body {
  background: #f6f7fb;
}

html[data-platform='capacitor'][data-native-ios='1'].dark:not([data-crm-shell]),
html[data-platform='capacitor'][data-native-ios='1'].dark:not([data-crm-shell]) body {
  background: #0b0f1a;
}

/* После boot: светлая тема, но не перетираем dark и не трогаем CRM-сцены */
html[data-native-app='1'].gipix-booted:not(.dark):not([data-crm-shell]),
html[data-native-app='1'].gipix-booted:not(.dark):not([data-crm-shell]) body {
  background: #f6f7fb;
}

html.dark:not([data-crm-shell]),
html.dark:not([data-crm-shell]) body {
  background: #0b0f1a;
}

/* CRM shell: фон через ::before сцены/обои — body прозрачный */
html[data-crm-shell],
html[data-crm-shell] body {
  background: transparent !important;
}

#root {
  min-height: 100%;
  min-height: 100dvh;
}

/* Boot-экран отключён: APK — только нативный splash; web — без дубля. */
#gipix-boot {
  display: none !important;
}