/* src/assets/css/custom.css */

/* Переопределяем шрифты на Nunito */
* {
  font-family: 'Nunito Sans', sans-serif !important;
}

/* Для всех Vuetify компонентов */
.v-application,
.v-btn,
.v-text-field,
.v-label,
.v-input,
.v-card,
.v-list,
.v-menu,
.v-dialog,
.v-app-bar,
.v-footer,
.v-main,
.v-navigation-drawer,
.v-stepper,
.v-tabs,
.v-alert,
.v-chip,
.v-select,
.v-checkbox,
.v-radio,
.v-switch,
.v-slider,
.v-textarea,
.v-autocomplete,
.v-combobox,
.v-file-input,
.v-rating,
.v-timeline,
.v-treeview,
.v-window,
.v-data-table,
.v-pagination,
.v-snackbar,
.v-tooltip,
.v-overlay {
  font-family: 'Nunito Sans', sans-serif !important;
}

/* Для всех текстовых элементов Vuetify */
[class*="text-"] {
  font-family: 'Nunito Sans', sans-serif !important;
}

/* Для тегов */
body, html, div, span, p, h1, h2, h3, h4, h5, h6, 
a, button, input, textarea, select, label {
  font-family: 'Nunito Sans', sans-serif !important;
}

.logo_auth {
    width: 100px;
    position: relative;
    top: 20px;
    left: -10px;
    margin: 0 auto;
}
/* ==========================================================================
   ГЛОБАЛЬНЫЙ ТЮНИНГ ФОРМ VUETIFY (ДЛЯ ВСЕХ СТРАНИЦ)
   ========================================================================== */

/* 1. Скругления для вообще всех полей ввода, селекторов и текстареа */
.v-field {
  border-radius: 12px !important;
  transition: all 0.2s ease-in-out !important;
}

/* 2. ТЕМНАЯ ТЕМА */
.v-theme--dark {
  /* Приглушаем дефолтный фон инпутов, делая интерфейс дороже */
  .v-field {
    background: rgba(0, 0, 0, 0.3) !important;
  }
  
  /* Эффект синего неона при клике на любое поле */
  .v-field--focused .v-field__outline {
    --v-field-border-opacity: 1 !important;
    color: #3f66ff !important;
    filter: drop-shadow(0 0 8px rgba(63, 102, 255, 0.55)) !important;
  }
}

/* 3. СВЕТЛАЯ ТЕМА */
.v-theme--light {
  /* Эффект бирюзового неона при клике на любое поле */
  .v-field--focused .v-field__outline {
    --v-field-border-opacity: 1 !important;
    color: #50bcb6 !important;
    filter: drop-shadow(0 0 8px rgba(80, 188, 182, 0.45)) !important;
  }
}

/* 4. Глобальный тюнинг всех кнопок в системе */
.v-btn {
  border-radius: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.v-btn:hover {
  transform: translateY(-1px) !important;
}
.wizard_container {
    padding: 0 10px;
}
.preview-action {
    height: 64px;
}
.w-full {
    position: absolute;
    height: 64px;
    bottom: 0;
    right: 0;
}
.v-toolbar-title {
    font-size: .80rem;
}
.v-list-item-title {
    font-size: .68rem;
}
/* ==========================================================================
   МЕГА-СПЕЦИФИЧНЫЙ CSS ДЛЯ ТЕМНОЙ ТЕМЫ
   ========================================================================== */
html .v-theme--dark#app .v-card,
html .v-theme--dark#app .v-navigation-drawer {
  background: rgba(20, 20, 25, 0.6) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
}

html .v-theme--dark#app .v-field {
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 12px !important;
}

html .v-theme--dark#app .v-field--focused {
  box-shadow: 0 0 15px rgba(63, 102, 255, 0.4) !important;
}

/* ==========================================================================
   МЕГА-СПЕЦИФИЧНЫЙ CSS ДЛЯ СВЕТЛОЙ ТЕМЫ
   ========================================================================== */
html .v-theme--light#app .v-card,
html .v-theme--light#app .v-navigation-drawer {
  background: rgba(255, 255, 255, 0.45) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 16px !important;
}

html .v-theme--light#app .v-field {
  border-radius: 12px !important;
}

html .v-theme--light#app .v-field--focused {
  box-shadow: 0 0 15px rgba(80, 188, 182, 0.25) !important;
}
.bg-primary {
    background-color: #50bcb6 !important;
}
.text-primary {
    color: #50bcb6 !important;
}