/* modern_skin_v2_theme_fallback_patch.css
   Fix: если html[data-theme] обновляется чуть позже, стили всё равно должны следовать за Vuetify.
   Дублируем light/dark правила, привязываясь также к .v-application.v-theme--light/dark.

   Подключать ПОСЛЕ modern_skin_v2.css (и после scroll_fix/light_fix если есть).
*/
:root{ --__modern_skin_v2_theme_fallback__: "2026-01-22"; }

/* LIGHT fallback: если Vuetify уже light, а html ещё не успел переключиться */
.v-application.v-theme--light body{ color-scheme: light; }

.v-application.v-theme--light .v-app-bar{
  border-bottom: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.66) !important;
}
.v-application.v-theme--light .v-navigation-drawer{
  border-right: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.74) !important;
}

.v-application.v-theme--light .v-card,
.v-application.v-theme--light .v-sheet,
.v-application.v-theme--light .v-list,
.v-application.v-theme--light .v-table{
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.78) !important;
  color: rgba(0,0,0,.88) !important;
}

/* DARK fallback: если Vuetify уже dark, но html ещё светлый и успел навесить светлые правила */
.v-application.v-theme--dark body{ color-scheme: dark; }

.v-application.v-theme--dark .v-app-bar{
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(10,12,18,.68) !important;
}
.v-application.v-theme--dark .v-navigation-drawer{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(10,12,18,.74) !important;
}

.v-application.v-theme--dark .v-card,
.v-application.v-theme--dark .v-sheet,
.v-application.v-theme--dark .v-list,
.v-application.v-theme--dark .v-table{
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(16,18,26,.72) !important;
  color: rgba(255,255,255,.92) !important;
}

/* Важно: кнопки не трогаем — соцсети остаются бренд-цвета */