/**
 * Nobody Workz – Vuetify flächig an nw-tokens.css (Popups, Listen, Webmail, Sidebar).
 */

/* ---------- Navigation Drawer ---------- */
.v-theme--dark .v-navigation-drawer {
  --v-theme-surface: var(--rgb-ink) !important;
  --v-theme-on-surface: var(--rgb-on-dark) !important;
  background-color: var(--bg-base) !important;
  background: var(--bg-base) !important;
  color: var(--text-primary) !important;
  border-right: 1px solid var(--border-muted) !important;
}

.v-navigation-drawer .v-navigation-drawer__content {
  background-color: var(--bg-base) !important;
}

.v-navigation-drawer .v-list {
  background: transparent !important;
  color: var(--text-primary) !important;
}

.v-navigation-drawer .v-list-item,
.v-navigation-drawer .v-list-item-title,
.v-navigation-drawer .v-list-item__prepend .v-icon {
  color: var(--text-primary) !important;
}

.v-navigation-drawer .v-list-item--active,
.v-navigation-drawer .v-list-item--active .v-list-item-title,
.v-navigation-drawer .v-list-item--active .v-list-item__prepend .v-icon {
  color: var(--text-on-accent) !important;
}

.v-navigation-drawer .v-list-item--active .v-list-item__overlay {
  opacity: 1 !important;
  background-color: var(--accent) !important;
}

.v-navigation-drawer .v-list-item:hover:not(.v-list-item--active) > .v-list-item__overlay {
  background-color: var(--bg-hover) !important;
  opacity: 1 !important;
}

.v-navigation-drawer .v-list-item:hover:not(.v-list-item--active) .v-list-item-title,
.v-navigation-drawer .v-list-item:hover:not(.v-list-item--active) .v-list-item__prepend .v-icon {
  color: var(--text-primary) !important;
}

/* Eine Zeile: [Logo] [Nobody Workz] [Menü-Button] */
.v-navigation-drawer .nw-drawer-brand-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  padding: 10px 8px 10px 12px;
}

.v-navigation-drawer .nw-drawer-brand-row > .v-img.logo {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.v-navigation-drawer .nw-drawer-brand-row > .v-img.logo .v-responsive {
  width: auto !important;
  max-width: 112px !important;
}

.v-navigation-drawer .nw-drawer-brand-row > .v-btn {
  position: static !important;
  transform: none !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  color: var(--text-primary) !important;
}

.v-navigation-drawer--rail .nw-drawer-brand-row {
  padding-inline: 6px;
  justify-content: center !important;
}

.v-navigation-drawer--rail .nw-drawer-brand-row > .v-btn {
  margin-left: 0 !important;
}

.v-navigation-drawer .v-img.logo {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px;
}

.v-navigation-drawer .v-img.logo .v-img__img,
.v-navigation-drawer .v-img.logo img {
  max-height: 40px !important;
  max-width: 112px !important;
  width: auto !important;
  object-fit: contain !important;
}

.v-navigation-drawer .v-img.logo::after {
  content: "Nobody Workz";
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--text-primary);
  white-space: nowrap;
}

.v-navigation-drawer--rail .v-img.logo::after {
  display: none;
}

.v-navigation-drawer--rail .v-img.logo .v-img__img,
.v-navigation-drawer--rail .v-img.logo img {
  max-width: 40px !important;
  max-height: 40px !important;
}

.v-navigation-drawer .v-navigation-drawer__content > div.d-flex.align-center:first-child {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px;
  width: 100%;
  padding: 10px 8px 10px 12px;
  box-sizing: border-box;
}

.v-navigation-drawer .v-navigation-drawer__content > div.d-flex.align-center:first-child > .v-btn {
  position: static !important;
  transform: none !important;
  margin-left: auto !important;
}

/* ---------- App / Hauptfläche ---------- */
.v-theme--dark .v-application {
  background: var(--bg-base) !important;
}

.v-theme--dark .v-main {
  background-color: var(--bg-main-content) !important;
  background: var(--bg-main-content) !important;
}

/* Toolbar in der hellen Spalte: weiß + Tinte (nicht globales Navy) */
.v-theme--dark .v-main .v-toolbar,
.v-theme--dark .v-main .v-app-bar {
  background: var(--bg-main-content) !important;
  color: var(--nw-ink) !important;
  border-bottom: 1px solid var(--mail-toolbar-border) !important;
  box-shadow: none !important;
}

.v-theme--dark .v-main .v-toolbar .v-toolbar-title,
.v-theme--dark .v-main .v-app-bar .v-toolbar-title,
.v-theme--dark .v-main .v-toolbar .v-btn,
.v-theme--dark .v-main .v-app-bar .v-btn {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-toolbar,
.v-theme--dark .v-app-bar {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-subtle);
}

.v-theme--dark .v-btn--variant-flat.bg-primary,
.v-theme--dark .bg-primary {
  background-color: var(--accent) !important;
  color: var(--text-on-accent) !important;
}

.v-theme--dark .v-btn--variant-flat.bg-primary:hover {
  background-color: var(--accent-hover) !important;
  color: var(--text-on-accent) !important;
}

/* ---------- Dialoge, Menüs, Tooltips (helle Karten auf Palette) ---------- */
.v-theme--dark .v-overlay__content .v-card,
.v-theme--dark .v-dialog .v-card {
  background: var(--nw-white) !important;
  color: var(--nw-ink) !important;
  border: 1px solid var(--mail-row-border) !important;
  box-shadow: 0 12px 40px var(--shadow-color) !important;
}

.v-theme--dark .v-overlay__content .v-card-title,
.v-theme--dark .v-dialog .v-card-title,
.v-theme--dark .v-overlay__content .v-card-subtitle {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-overlay__content .v-list,
.v-theme--dark .v-menu > .v-overlay__content > .v-list,
.v-theme--dark .v-select__content .v-list {
  background: var(--nw-white) !important;
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-overlay__content .v-list-item-title,
.v-theme--dark .v-overlay__content .v-list-item-subtitle,
.v-theme--dark .v-overlay__content .v-list-item__prepend .v-icon {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-overlay__content .v-list-item:hover > .v-list-item__overlay {
  background-color: var(--accent-subtle) !important;
  opacity: 1 !important;
}

.v-theme--dark .v-overlay__content .v-list-item:hover .v-list-item-title,
.v-theme--dark .v-overlay__content .v-list-item:hover .v-list-item-subtitle,
.v-theme--dark .v-overlay__content .v-list-item:hover .v-list-item__prepend .v-icon {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-snackbar .v-snackbar__wrapper {
  background: var(--nw-navy) !important;
  color: var(--nw-white) !important;
}

.v-theme--dark .v-tooltip > .v-overlay__content {
  background: var(--nw-ink) !important;
  color: var(--nw-mist) !important;
  border: 1px solid var(--border-muted) !important;
}

/* Formularfelder in Dialogen */
.v-theme--dark .v-overlay__content .v-field,
.v-theme--dark .v-overlay__content .v-field__outline {
  --v-field-color: var(--nw-ink) !important;
}

.v-theme--dark .v-overlay__content .v-label,
.v-theme--dark .v-overlay__content input,
.v-theme--dark .v-overlay__content textarea {
  color: var(--nw-ink) !important;
}

/* ---------- Webmail: Tabelle / Nachrichtenliste ---------- */
.v-theme--dark .v-main .v-data-table,
.v-theme--dark .v-main .v-table {
  background: var(--nw-white) !important;
  color: var(--mail-row-text) !important;
  border: 1px solid var(--mail-row-border) !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 1px 0 var(--mail-row-border), 0 8px 24px rgba(0, 35, 49, 0.06) !important;
}

.v-theme--dark .v-main .v-data-table .v-data-table__thead,
.v-theme--dark .v-main .v-table thead {
  background: linear-gradient(180deg, var(--nw-mist) 0%, #d4eaf4 100%) !important;
}

.v-theme--dark .v-main .v-data-table .v-data-table__thead th,
.v-theme--dark .v-main .v-table thead th {
  color: var(--nw-navy) !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--mail-row-border) !important;
}

.v-theme--dark .v-main .v-data-table .v-data-table__td,
.v-theme--dark .v-main .v-table tbody td {
  color: var(--mail-row-text) !important;
  border-bottom: 1px solid var(--mail-row-border) !important;
}

.v-theme--dark .v-main .v-data-table tbody .v-data-table__tr:hover,
.v-theme--dark .v-main .v-table tbody tr:hover {
  background: var(--mail-row-hover-bg) !important;
}

.v-theme--dark .v-main .v-data-table tbody .v-data-table__tr:hover .v-data-table__td,
.v-theme--dark .v-main .v-table tbody tr:hover td {
  color: var(--mail-row-text) !important;
}

.v-theme--dark .v-main .v-data-table .text-medium-emphasis,
.v-theme--dark .v-main .v-data-table .text-caption,
.v-theme--dark .v-main .v-table .text-medium-emphasis {
  color: var(--mail-row-text-muted) !important;
}

/* Suchfeld & Aktionsleiste im Webmail */
.v-theme--dark .v-main .v-text-field .v-field {
  background: var(--nw-white) !important;
  border-color: var(--mail-row-border) !important;
}

.v-theme--dark .v-main .v-text-field input,
.v-theme--dark .v-main .v-text-field .v-field__input {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-main .v-text-field .v-label {
  color: var(--mail-row-text-muted) !important;
}

/* ---------- Erstellungs-Assistent ---------- */
.v-application .align-center.px-10 > .v-img:first-child {
  max-width: 148px !important;
  width: 148px !important;
}

.v-application .align-center.px-10 > .v-img:first-child .v-img__img {
  max-height: 52px !important;
  object-fit: contain !important;
}

/* ---------- Hauptbereich: Karten, Listen, Reiter (Vue – wie Login-Palette) ---------- */
.v-theme--dark .v-main .v-card {
  background: var(--nw-white) !important;
  color: var(--nw-ink) !important;
  border: 1px solid var(--mail-row-border) !important;
  box-shadow: 0 2px 12px rgba(0, 35, 49, 0.06) !important;
}

.v-theme--dark .v-main .v-card-title,
.v-theme--dark .v-main .v-card-subtitle,
.v-theme--dark .v-main .v-card-text {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-main .v-list {
  background: var(--nw-white) !important;
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-main .v-list-item-title,
.v-theme--dark .v-main .v-list-item-subtitle {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-main .v-tabs .v-tab--selected {
  color: var(--accent) !important;
}

.v-theme--dark .v-main .v-tabs .v-slider {
  color: var(--accent) !important;
}

.v-theme--dark .v-main .v-chip.bg-primary,
.v-theme--dark .v-main .v-chip--variant-tonal.text-primary {
  background-color: var(--accent-subtle) !important;
  color: var(--accent) !important;
}

.v-theme--dark .v-main .v-divider {
  border-color: var(--mail-row-border) !important;
}

.v-theme--dark .v-main .v-sheet:not(.v-toolbar):not(.v-app-bar) {
  background: var(--nw-white) !important;
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-main .v-expansion-panel {
  background: var(--nw-white) !important;
  color: var(--nw-ink) !important;
  border-color: var(--mail-row-border) !important;
}

.v-theme--dark .v-main .v-expansion-panel-title {
  color: var(--nw-ink) !important;
}

.v-theme--dark .v-main .text-medium-emphasis,
.v-theme--dark .v-main .text-disabled {
  color: var(--mail-row-text-muted) !important;
}