/*
 * DLT Critical CSS — loaded via <link> to guarantee theme even if JS fails.
 * This file is a subset of the full theme in doccano-theme.js.
 * deploy.sh hashes the filename for cache-busting.
 */

/* ===== GLOBAL ===== */
html, body {
  background: #000000 !important;
  color: #c0c0c0 !important;
  font-family: 'SF Mono','Menlo','Monaco','Consolas',monospace !important;
}
#nuxt-loading {
  background: #000000 !important;
}
#nuxt-loading > div {
  border-color: rgba(0,212,255,0.15) !important;
  border-left-color: #00d4ff !important;
}

/* ===== VUETIFY APPLICATION ===== */
.v-application,
.v-application .theme--light,
.v-application .theme--dark,
.theme--light.v-application,
.theme--dark.v-application {
  background: #000000 !important;
  color: #c0c0c0 !important;
  font-family: 'SF Mono','Menlo','Monaco','Consolas',monospace !important;
}
.v-application--wrap {
  background: transparent !important;
}

/* ===== APP BAR / TOOLBAR ===== */
.v-app-bar,
.v-toolbar,
.v-app-bar.v-app-bar--fixed,
.v-app-bar.theme--light,
.v-app-bar.theme--dark,
.v-toolbar.theme--light,
.v-toolbar.theme--dark,
header.v-app-bar {
  background: rgba(0,0,0,0.85) !important;
  border-bottom: 1px solid rgba(0,212,255,0.15) !important;
  box-shadow: 0 0 15px rgba(0,212,255,0.08) !important;
  color: #c0c0c0 !important;
}

/* ===== NAVIGATION DRAWER ===== */
.v-navigation-drawer,
.v-navigation-drawer.theme--light,
.v-navigation-drawer.theme--dark {
  background: rgba(0,0,0,0.92) !important;
  border-right: 1px solid rgba(0,212,255,0.12) !important;
}
.v-navigation-drawer .v-list {
  background: transparent !important;
}
.v-navigation-drawer .v-list-item {
  color: #a0c8e0 !important;
}
.v-navigation-drawer .v-list-item .v-icon {
  color: #70a8c8 !important;
}
.v-navigation-drawer .v-list-item:hover {
  background: rgba(0,212,255,0.1) !important;
  color: #00e5ff !important;
}

/* ===== MAIN CONTENT ===== */
.v-main, .v-main__wrap {
  background: transparent !important;
}
.container, .v-container {
  color: #c0c0c0 !important;
}

/* ===== CARDS ===== */
.v-card,
.v-card.theme--light,
.v-card.theme--dark {
  background: rgba(0,10,20,0.7) !important;
  border: 1px solid rgba(0,212,255,0.12) !important;
  border-radius: 2px !important;
  color: #c0c0c0 !important;
  box-shadow: none !important;
}
.v-card__title {
  color: #00d4ff !important;
}
.v-card__subtitle {
  color: #5588aa !important;
}
.v-card__text {
  color: #8899aa !important;
}

/* ===== DATA TABLES ===== */
.v-data-table,
.v-data-table.theme--light,
.v-data-table.theme--dark,
.v-simple-table,
.v-simple-table.theme--light {
  background: transparent !important;
  color: #c0c0c0 !important;
}
.v-data-table__wrapper {
  background: transparent !important;
}
.v-data-table thead th,
.v-data-table-header th {
  background: rgba(0,212,255,0.05) !important;
  color: #00d4ff !important;
  border-bottom: 1px solid rgba(0,212,255,0.15) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.v-data-table tbody tr {
  background: transparent !important;
  color: #c0c0c0 !important;
}
.v-data-table tbody tr:hover {
  background: rgba(0,212,255,0.05) !important;
}
.v-data-table tbody td {
  border-bottom: 1px solid rgba(0,212,255,0.06) !important;
  color: #c8d8e8 !important;
}

/* ===== BUTTONS ===== */
.v-btn {
  font-family: inherit !important;
  letter-spacing: 1px !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
}
.v-btn:not(.v-btn--icon):not(.v-btn--fab):not(.v-btn--text):not(.v-btn--outlined) {
  background: transparent !important;
  border: 1px solid rgba(0,212,255,0.3) !important;
  color: #00d4ff !important;
  box-shadow: none !important;
}

/* ===== FORM ELEMENTS ===== */
.v-text-field > .v-input__control > .v-input__slot,
.v-textarea > .v-input__control > .v-input__slot {
  background: rgba(0,10,20,0.6) !important;
  color: #c0c0c0 !important;
}
.v-input .v-label,
.v-text-field .v-label {
  color: #5588aa !important;
}
.v-text-field input,
.v-textarea textarea {
  color: #e0e8f0 !important;
}

/* ===== DIALOGS ===== */
.v-dialog,
.v-dialog .v-card,
.v-dialog .v-card.theme--light {
  background: rgba(0,5,15,0.97) !important;
  border: 1px solid rgba(0,212,255,0.2) !important;
  color: #c0c0c0 !important;
}
.v-overlay__scrim {
  background-color: rgba(0,0,0,0.85) !important;
}

/* ===== MENUS ===== */
.v-menu__content,
.v-menu__content .v-card,
.v-menu__content .v-list {
  background: rgba(0,5,15,0.97) !important;
  border: 1px solid rgba(0,212,255,0.15) !important;
  color: #c0c0c0 !important;
}
.v-list-item__title {
  color: #a0c8e0 !important;
}

/* ===== CHIPS / TAGS ===== */
.v-chip,
.v-chip.theme--light,
.v-chip.theme--dark {
  background: rgba(0,212,255,0.1) !important;
  border: 1px solid rgba(0,212,255,0.2) !important;
  color: #00d4ff !important;
}

/* ===== TABS ===== */
.v-tabs,
.v-tabs-bar,
.v-tabs-bar.theme--light {
  background: transparent !important;
}
.v-tab {
  color: #5588aa !important;
}
.v-tab--active {
  color: #00d4ff !important;
}

/* ===== SELECT / AUTOCOMPLETE ===== */
.v-select .v-select__selections,
.v-select .v-select__selection,
.v-autocomplete .v-select__selections {
  color: #c0c0c0 !important;
}

/* ===== PAGINATION ===== */
.v-pagination .v-pagination__item {
  background: transparent !important;
  color: #5588aa !important;
  border: 1px solid rgba(0,212,255,0.15) !important;
}
.v-pagination .v-pagination__item--active {
  background: rgba(0,212,255,0.15) !important;
  color: #00d4ff !important;
  border-color: rgba(0,212,255,0.4) !important;
}

/* ===== LINKS ===== */
a {
  color: #00d4ff !important;
}
a:hover {
  color: #50fa7b !important;
}

/* ===== LIGHT MODE CRITICAL OVERRIDES ===== */
html.dlt-light, body.dlt-light {
  background: #f0ede6 !important;
  color: #2a2a2e !important;
}
body.dlt-light .v-application,
body.dlt-light .v-application .theme--light,
body.dlt-light .v-application .theme--dark,
body.dlt-light .theme--light.v-application,
body.dlt-light .theme--dark.v-application {
  background: #f0ede6 !important;
  color: #2a2a2e !important;
}
body.dlt-light .v-application--wrap {
  background: transparent !important;
}
body.dlt-light .v-app-bar,
body.dlt-light .v-toolbar,
body.dlt-light header.v-app-bar {
  background: rgba(240,237,230,0.92) !important;
  border-bottom: 1px solid rgba(0,107,128,0.15) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
  color: #2a2a2e !important;
}
body.dlt-light .v-navigation-drawer {
  background: rgba(235,232,225,0.96) !important;
  border-right: 1px solid rgba(0,107,128,0.12) !important;
}
body.dlt-light .v-card,
body.dlt-light .v-card.theme--light,
body.dlt-light .v-card.theme--dark {
  background: rgba(255,252,245,0.6) !important;
  border-color: rgba(0,107,128,0.12) !important;
  color: #2a2a2e !important;
}
body.dlt-light .v-card__title {
  color: #006b80 !important;
}
body.dlt-light .v-data-table thead th {
  background: rgba(0,107,128,0.08) !important;
  color: #006b80 !important;
}
body.dlt-light a {
  color: #006b80 !important;
}
body.dlt-light a:hover {
  color: #004d5c !important;
}
body.dlt-light #nuxt-loading {
  background: #f0ede6 !important;
}
body.dlt-light #nuxt-loading > div {
  border-color: rgba(0,107,128,0.15) !important;
  border-left-color: #006b80 !important;
}