/* MORPHEC Theme-Aware Style Overrides — northstar.co.jp + Morpho Blue */

/* ============================================
   Light Theme Styles
   ============================================ */
.v-theme--light .v-main,
.v-theme--light .v-main__wrap {
  background-color: #f5f5f5 !important;
}

.v-theme--light .v-app-bar,
.v-theme--light .v-toolbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.v-theme--light .v-card {
  background-color: #ffffff !important;
}

.v-theme--light .v-field,
.v-theme--light input,
.v-theme--light select,
.v-theme--light textarea {
  background-color: #ffffff !important;
}

.v-theme--light .v-table thead th,
.v-theme--light .v-data-table__th {
  background-color: #f2f2f2 !important;
}

/* ============================================
   Dark Theme Styles
   ============================================ */
.v-theme--dark .v-main,
.v-theme--dark .v-main__wrap {
  background-color: #111111 !important;
}

.v-theme--dark .v-app-bar,
.v-theme--dark .v-toolbar {
  background-color: #1a1a1a !important;
  border-bottom: 1px solid #333333 !important;
}

.v-theme--dark .v-card {
  background-color: #1a1a1a !important;
}

.v-theme--dark .v-field,
.v-theme--dark input,
.v-theme--dark select,
.v-theme--dark textarea {
  background-color: #222222 !important;
}

.v-theme--dark .v-table,
.v-theme--dark .v-data-table {
  background-color: #1a1a1a !important;
}

.v-theme--dark .v-table thead th,
.v-theme--dark .v-data-table__th {
  background-color: #222222 !important;
  color: #e5e5e5 !important;
}

.v-theme--dark .v-list {
  background-color: #1a1a1a !important;
}

.v-theme--dark .v-sheet {
  background-color: #1a1a1a !important;
}

/* ============================================
   Sidebar - Light Theme (deep navy gradient — Morpho blue)
   ============================================ */
.v-theme--light .v-navigation-drawer {
  background: linear-gradient(180deg, #0a1628 0%, #1a3a5c 100%) !important;
  color: #ffffff !important;
}

.v-theme--light .v-navigation-drawer .v-list-item,
.v-theme--light .v-navigation-drawer .v-list-item__content {
  color: rgba(255, 255, 255, 0.95) !important;
}

.v-theme--light .v-navigation-drawer .v-list-item:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.v-theme--light .v-navigation-drawer .v-list-item--active {
  background-color: rgba(0, 124, 255, 0.25) !important;
}

.v-theme--light .v-navigation-drawer .v-icon,
.v-theme--light .v-navigation-drawer .mdi {
  color: rgba(255, 255, 255, 0.95) !important;
}

.v-theme--light .v-navigation-drawer .v-list-subheader {
  color: rgba(255, 255, 255, 0.7) !important;
}

.v-theme--light .v-navigation-drawer .v-list-group__items .v-list-item {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ============================================
   Sidebar - Dark Theme (darker navy)
   ============================================ */
.v-theme--dark .v-navigation-drawer {
  background: #0a1220 !important;
  color: #e5e5e5 !important;
}

.v-theme--dark .v-navigation-drawer .v-list-item,
.v-theme--dark .v-navigation-drawer .v-list-item__content {
  color: rgba(229, 229, 229, 0.95) !important;
}

.v-theme--dark .v-navigation-drawer .v-list-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.v-theme--dark .v-navigation-drawer .v-list-item--active {
  background-color: rgba(77, 166, 255, 0.25) !important;
}

.v-theme--dark .v-navigation-drawer .v-icon,
.v-theme--dark .v-navigation-drawer .mdi {
  color: rgba(229, 229, 229, 0.9) !important;
}

.v-theme--dark .v-navigation-drawer .v-list-subheader {
  color: rgba(229, 229, 229, 0.6) !important;
}

.v-theme--dark .v-navigation-drawer .v-list-group__items .v-list-item {
  color: rgba(229, 229, 229, 0.8) !important;
}

/* ============================================
   Sidebar Rail (collapsed) — left-align all icons
   ============================================ */
.v-navigation-drawer--rail .v-list-group__items .v-list-item {
  padding-inline-start: 8px !important;
  padding-inline-end: 8px !important;
  min-height: 36px !important;
}

.v-navigation-drawer--rail .v-list-group__items .v-list-item .v-list-item__prepend {
  margin-inline-end: 0 !important;
}

/* Progress bar gradient */
.v-progress-linear__determinate,
.v-progress-linear__indeterminate {
  background: linear-gradient(90deg, #1a3a5c 0%, #007cff 100%) !important;
}

/* Primary gradient button */
.v-btn.bg-primary,
.v-btn--variant-elevated.bg-primary {
  background: linear-gradient(135deg, #1a3a5c 0%, #007cff 100%) !important;
  color: #ffffff !important;
}

.v-btn.bg-primary:hover {
  background: linear-gradient(135deg, #0a1628 0%, #0066dd 100%) !important;
  box-shadow: 0 4px 12px rgba(0, 124, 255, 0.3) !important;
}

/* Tab selected color */
.v-tab--selected {
  color: #007cff !important;
  border-bottom: 2px solid #007cff !important;
}

/* Quality metrics section */
.quality-metrics {
  border-left: 4px solid #007cff !important;
  padding: 16px !important;
}

/* ============================================
   Tooltip — Unified (Light & Dark)
   ============================================ */
.v-tooltip > .v-overlay__content {
  background: #1a1a1a !important;
  color: #cccccc !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #cccccc !important;
  font-size: 0.8125rem !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  text-align: left !important;
}