/* modern_skin_v2_light_fix_patch.css
   Fix: в светлой теме не должно быть "смешения" тёмных и светлых поверхностей.
   Подключать ПОСЛЕ modern_skin_v2.css (и после scroll_fix, если он есть).
*/

:root{ --__modern_skin_v2_light_fix__: "2026-01-22"; }

/* Жёстко объявляем, что в light режиме цветовая схема светлая */
html[data-theme="light"] body{
  color-scheme: light !important;
}

/* Унифицируем ключевые поверхности в light теме (включая оверлеи/меню/диалоги) */
html[data-theme="light"] .v-app-bar,
html[data-theme="light"] .v-toolbar,
html[data-theme="light"] .v-navigation-drawer,
html[data-theme="light"] .v-footer,
html[data-theme="light"] .v-bottom-navigation,
html[data-theme="light"] .v-card,
html[data-theme="light"] .v-sheet,
html[data-theme="light"] .v-list,
html[data-theme="light"] .v-table,
html[data-theme="light"] .v-data-table,
html[data-theme="light"] .v-expansion-panels,
html[data-theme="light"] .v-tabs,
html[data-theme="light"] .v-window,
html[data-theme="light"] .v-menu__content,
html[data-theme="light"] .v-overlay__content,
html[data-theme="light"] .v-dialog .v-card,
html[data-theme="light"] .v-snackbar__wrapper,
html[data-theme="light"] .v-tooltip__content{
  background: rgba(255,255,255,.82) !important;
  color: rgba(0,0,0,.88) !important;
  border-color: rgba(0,0,0,.10) !important;
}

/* Текст внутри — чтобы не оставался "белым" от тёмной темы */
html[data-theme="light"] .v-application,
html[data-theme="light"] .v-application *{
  color: inherit;
}

html[data-theme="light"] .v-card-title,
html[data-theme="light"] .v-card-subtitle,
html[data-theme="light"] .v-list-item-title,
html[data-theme="light"] .v-list-item-subtitle,
html[data-theme="light"] .v-label,
html[data-theme="light"] .v-field__input,
html[data-theme="light"] .v-field-label{
  color: rgba(0,0,0,.88) !important;
}

/* Поля ввода — светлый фон, читаемая рамка */
html[data-theme="light"] .v-field__overlay{
  background: rgba(0,0,0,.04) !important;
}
html[data-theme="light"] .v-field__outline{
  color: rgba(0,0,0,.22) !important;
}

/* Скрим оверлея — легче, чем в dark */
html[data-theme="light"] .v-overlay__scrim{
  background: rgba(0,0,0,.28) !important;
}

/* Кейс "смешения": иногда части UI остаются с v-theme--dark даже в light режиме.
   Принудительно приводим такие блоки к светлым поверхностям. */
html[data-theme="light"] .v-theme--dark,
html[data-theme="light"] .v-theme--dark *{
  color-scheme: light !important;
}

html[data-theme="light"] .v-theme--dark .v-card,
html[data-theme="light"] .v-theme--dark .v-sheet,
html[data-theme="light"] .v-theme--dark .v-list,
html[data-theme="light"] .v-theme--dark .v-menu__content,
html[data-theme="light"] .v-theme--dark .v-overlay__content,
html[data-theme="light"] .v-theme--dark .v-dialog .v-card{
  background: rgba(255,255,255,.82) !important;
  color: rgba(0,0,0,.88) !important;
  border-color: rgba(0,0,0,.10) !important;
}

/* ВАЖНО: не трогаем .v-btn — чтобы бренд-цвета соцсетей не сломались */