/* kk-login-input-color.css
 *
 * (1) Make the account / password input field text much more readable on
 *     the dark cell.  The dark theme was painting the label with #7e7e90
 *     and the placeholder with #3a3a50, both of which sit poorly on the
 *     dark cell.  We boost them to a more visible, brand-aligned purple
 *     that reads cleanly against the dark navy cell while keeping the
 *     actual input value text bright.
 *
 * (2) Force a readable text-selection highlight inside every input
 *     element.  index-C2J7uAW3.css sets a 20%-alpha gold ::selection
 *     globally which is invisible on the dark navy cell, and the inline
 *     <style id="kk-selection-fix"> in index.html only covers
 *     .van-cell input::selection.  This file adds the [data-v-c9058dbc]
 *     scoped override that targets the actual .van-field__control
 *     element, with !important on every property, plus the legacy
 *     ::-webkit-selection prefix for old WebKit shells.
 */

/* ---- Scoped to login page (highest priority) ---- */
[data-v-c9058dbc] .van-cell {
  background: rgba(14, 14, 24, .78) !important;
}

[data-v-c9058dbc] .van-field__label {
  color: #c4b5fd !important;
  font-size: 12px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
}

[data-v-c9058dbc] .van-field__label--required::before {
  color: #f5a3a0 !important;
}

[data-v-c9058dbc] .van-field__control {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 600;
  -webkit-text-fill-color: #ffffff;
}

[data-v-c9058dbc] .van-field__control::placeholder {
  color: #8b8ba8 !important;
  font-weight: 500;
  opacity: 1;
}

[data-v-c9058dbc] .van-field__control:-webkit-autofill,
[data-v-c9058dbc] .van-field__control:-webkit-autofill:hover,
[data-v-c9058dbc] .van-field__control:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(26, 26, 44, .95) inset !important;
  caret-color: #ffffff;
}

[data-v-c9058dbc] .van-field__right-icon,
[data-v-c9058dbc] .van-field__button {
  color: #c4b5fd !important;
}

/* Toast / error text inside the login form */
[data-v-c9058dbc] .van-toast,
[data-v-c9058dbc] .van-field__error-message {
  color: #ffb4b4 !important;
  font-weight: 600;
}

/* ---- SCOPED ::selection on the actual control element ----
 * Targets [data-v-c9058dbc] .van-field__control with !important on every
 * property, plus the legacy ::-webkit-selection prefix for old WebKit
 * shells (in-app browsers, captive portals, some Android WebViews). */
[data-v-c9058dbc] .van-field__control::selection,
[data-v-c9058dbc] .van-field__control *::selection,
[data-v-c9058dbc] .van-field__control::-webkit-selection,
[data-v-c9058dbc] .van-field__control *::-webkit-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
  text-shadow: none !important;
}
[data-v-c9058dbc] .van-field__control::-moz-selection,
[data-v-c9058dbc] .van-field__control *::-moz-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
  text-shadow: none !important;
}

/* When the input itself is the active focused element, browsers draw
 * ::selection against the <input> tag, not the wrapper. */
[data-v-c9058dbc] .van-cell input::selection,
[data-v-c9058dbc] .van-cell textarea::selection,
[data-v-c9058dbc] .van-cell input::-webkit-selection,
[data-v-c9058dbc] .van-cell textarea::-webkit-selection,
input.van-field__control::selection,
input.van-field__control::-webkit-selection,
textarea.van-field__control::selection,
textarea.van-field__control::-webkit-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
}
[data-v-c9058dbc] .van-cell input::-moz-selection,
[data-v-c9058dbc] .van-cell textarea::-moz-selection,
input.van-field__control::-moz-selection,
textarea.van-field__control::-moz-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
}

/* Enforce on the cell itself so highlighted text inside an active cell
 * is readable even when the inner <input> is not the selection owner. */
[data-v-c9058dbc] .van-cell::selection,
[data-v-c9058dbc] .van-cell *::selection,
[data-v-c9058dbc] .van-cell::-webkit-selection,
[data-v-c9058dbc] .van-cell *::-webkit-selection,
[data-v-c9058dbc] .van-cell::-moz-selection,
[data-v-c9058dbc] .van-cell *::-moz-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
}

/* ---- Global safety net for any other surface using these tokens ---- */
.van-field__label {
  color: #4a3a30;
  font-weight: 700;
}
.van-field__control::placeholder {
  color: #8a6a5e;
  opacity: 1;
}
.van-field__control {
  color: #1f1a16;
  font-weight: 600;
}

/* ---- Global ::selection override (works on every page, not just login) ----
 * !important on every property so this beats the 20%-alpha gold rule in
 * index-C2J7uAW3.css.  Includes legacy ::-webkit-selection for old WebKit. */
.van-field__control::selection,
.van-field__control *::selection,
.van-field__control::-webkit-selection,
.van-field__control *::-webkit-selection,
.van-cell input::selection,
.van-cell textarea::selection,
.van-cell input::-webkit-selection,
.van-cell textarea::-webkit-selection,
input.van-field__control::selection,
input.van-field__control::-webkit-selection,
textarea.van-field__control::selection,
textarea.van-field__control::-webkit-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
  text-shadow: none !important;
}
.van-field__control::-moz-selection,
.van-field__control *::-moz-selection,
.van-cell input::-moz-selection,
.van-cell textarea::-moz-selection,
input.van-field__control::-moz-selection,
textarea.van-field__control::-moz-selection {
  background: #a78bfa !important;
  background-color: #a78bfa !important;
  color: #14141f !important;
  -webkit-text-fill-color: #14141f !important;
  text-shadow: none !important;
}