/* Paragon Check — tema studio B/N (diamante / grit) */
:root {
  --bg: #f2f2f0 !important;
  --bg-2: #ffffff !important;
  --panel: #ffffff !important;
  --panel-2: #f7f7f5 !important;
  --line: #d6d6d2 !important;
  --line-2: #bdbdb8 !important;
  --txt: #111111 !important;
  --muted: #6b6b6b !important;
  --accent: #0a0a0a !important;
  --accent-d: #222222 !important;
  --accent-soft: rgba(10, 10, 10, 0.07) !important;
  --gold: #0a0a0a !important;
  --gold-d: #333333 !important;
  --gold-soft: rgba(10, 10, 10, 0.06) !important;
  --live: #16a34a !important;
  --live-soft: rgba(22, 163, 74, 0.1) !important;
  --dead: #dc2626 !important;
  --dead-soft: rgba(220, 38, 38, 0.08) !important;
  --warn: #ca8a04 !important;
  --radius: 6px !important;
  --radius-sm: 4px !important;
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
  --glow: none !important;
}

body {
  font-family: "Outfit", system-ui, sans-serif !important;
  background:
    radial-gradient(ellipse 80% 40% at 50% -10%, rgba(0, 0, 0, 0.04), transparent 55%),
    linear-gradient(180deg, #fafafa 0%, #f1f1ef 30%, #dcdcd8 72%, #c9c9c4 100%) !important;
  background-attachment: fixed !important;
  color: var(--txt) !important;
}

code, pre, .mono {
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
}

.profile-sidebar {
  border-right: 1px solid rgba(15, 20, 30, .08) !important;
  background: transparent !important;
}

/* Fecha / Telegram / Vigencia: sin panel, filas minimalistas */
.profile-stats {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}
.profile-stat {
  padding: 11px 2px !important;
}
.profile-stat + .profile-stat {
  border-top: 1px solid rgba(15, 20, 30, .07) !important;
}
.profile-stat dt {
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  font-size: 10px !important;
  color: var(--muted) !important;
}
.profile-stat-icon {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  color: var(--muted) !important;
  font-size: 12px !important;
}
.profile-stat dd { color: var(--txt) !important; }
.profile-stat dd.mono { color: var(--txt) !important; }

/* Avatar minimalista/cristalino: aro fino + vidrio, iniciales en negro */
.profile-avatar-ring {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.profile-avatar,
.profile-avatar-initials {
  width: 82px !important;
  height: 82px !important;
  border: 1.5px solid rgba(15, 20, 30, .85) !important;
}
.profile-avatar-initials {
  color: #0a0a0a !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .4)) !important;
  backdrop-filter: blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  letter-spacing: .04em !important;
}

/* "Cuenta activa" con indicador de punto */
.profile-name { font-weight: 700 !important; letter-spacing: -.01em !important; }
.profile-tier {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--muted) !important;
  letter-spacing: .12em !important;
}
.profile-tier::before {
  content: "" !important;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--live);
  box-shadow: 0 0 8px rgba(22, 163, 74, .6);
}

/* Avatar como imagen (diamante) + botón de cambio */
.profile-avatar-btn {
  position: relative;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  border-radius: 50%;
}
.profile-avatar-img {
  width: 92px !important;
  height: 92px !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block;
  filter: drop-shadow(0 6px 14px rgba(15, 20, 30, .22));
}

.profile-menu-trigger .profile-avatar-img,
.profile-menu-avatar.profile-avatar-img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  filter: none !important;
  box-shadow: none !important;
}
.profile-avatar-edit {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0a0a0a;
  color: #fff;
  font-size: 12px;
  border: 2px solid #fafafa;
  opacity: 0;
  transform: scale(.85);
  transition: opacity .15s ease, transform .15s ease;
}
.profile-avatar-btn:hover .profile-avatar-edit,
.profile-avatar-btn:focus-visible .profile-avatar-edit {
  opacity: 1;
  transform: scale(1);
}

/* Selector modal de avatares (cristalino) */
.avatar-picker {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: grid;
  place-items: center;
  background: rgba(20, 22, 26, .28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.avatar-picker[hidden] { display: none; }
.avatar-picker-panel {
  width: min(92vw, 360px);
  padding: 20px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .62));
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, .8);
  box-shadow: 0 24px 60px rgba(15, 20, 30, .22);
}
.avatar-picker-title {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  text-align: center;
}
.avatar-picker-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.avatar-option {
  padding: 8px;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 14px;
  cursor: pointer;
  aspect-ratio: 1 / 1;
  transition: transform .12s ease, background .15s ease, box-shadow .15s ease;
}
.avatar-option img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 4px 10px rgba(15, 20, 30, .18));
}
.avatar-option:hover {
  transform: translateY(-2px);
  background: rgba(15, 20, 30, .05);
}
.avatar-option.is-selected {
  background: rgba(15, 20, 30, .08);
  box-shadow: inset 0 0 0 1.5px rgba(10, 10, 10, .55);
}

.profile-stat dd.mono { color: var(--txt) !important; }

.profile-credits-band {
  background: #f0f0ee !important;
  border: 1px solid var(--line) !important;
}
.profile-credits-label,
.profile-credits-value {
  color: var(--txt) !important;
  text-shadow: none !important;
}

.lol-header {
  border-bottom: 1px solid var(--line) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(10px);
  padding: 8px 32px !important;
  min-height: 54px !important;
  grid-template-columns: auto 1fr auto !important;
}

.lol-header-start {
  display: contents !important;
}

.lol-brand-name {
  color: #0a0a0a !important;
  font-size: 10.5px !important;
  letter-spacing: 0.16em !important;
}

.lol-brand-mark {
  width: 32px !important;
  height: 32px !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.lol-logo {
  height: 48px !important;
  max-width: 140px !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  border: none !important;
  background: transparent !important;
  mix-blend-mode: multiply !important;
}

.lol-title-block { display: none !important; }

.lol-title {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 1.55rem !important;
}

/* --- Menú minimalista: tipografía fina + subrayado animado --- */
.lol-nav {
  gap: 0 !important;
  justify-content: center !important;
}

.lol-nav-link {
  position: relative !important;
  padding: 10px 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  transition: color .18s ease !important;
}

.lol-nav-link::after {
  content: "" !important;
  position: absolute !important;
  left: 16px;
  right: 16px;
  bottom: 6px;
  height: 2px !important;
  background: #0a0a0a !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform .22s ease !important;
}

.lol-nav-link:hover,
.lol-nav-link.active {
  color: #0a0a0a !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lol-nav-link:hover::after,
.lol-nav-link.active::after { transform: scaleX(1) !important; }

/* "Herramientas ▾" como enlace de texto, sin pastilla */
.dropdown-trigger {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.dropdown-caret {
  font-size: 9px;
  opacity: .6;
  margin-left: 2px;
}
.dropdown.open .dropdown-caret { opacity: 1; }

/* Menú desplegable de Herramientas */
.dropdown-menu {
  padding: 6px !important;
  border-radius: 10px !important;
  min-width: 210px !important;
}
.dropdown-menu a,
.dropdown-menu button {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  border-radius: 7px !important;
}

/* "Salir" sutil, sin subrayado, con acento rojo al pasar */
.lol-header-right .logout-link { color: var(--muted) !important; }
.lol-header-right .logout-link::after { display: none !important; }
.lol-header-right .logout-link:hover { color: var(--dead) !important; }

/* Enlaces de pie (login / TMA): grupo de Telegram */
.login-foot a {
  color: #0a0a0a !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.btn-primary,
button.btn-primary,
.login-submit {
  background: #0a0a0a !important;
  color: #fff !important;
  border: 1px solid #0a0a0a !important;
  box-shadow: none !important;
}

.btn-primary:hover {
  background: #222 !important;
}

/* ============================================================
   Paneles cristalinos globales (frosted glass) — todas las páginas
   ============================================================ */
.panel, .card, .dash-card,
.dash-block,
.section-card,
.login-card,
.batch-item,
.summary,
.checker-panel.checker-main,
.checker-panel.checker-input-panel,
.checker-panel.checker-results-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, .42)) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  box-shadow:
    0 10px 34px rgba(15, 20, 30, .08),
    inset 0 1px 0 rgba(255, 255, 255, .8) !important;
  border-radius: 16px !important;
}

/* Menús desplegables (Herramientas / selector de motor): vidrio */
.dropdown-menu,
.command-gate-menu {
  background: rgba(255, 255, 255, .82) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  box-shadow: 0 12px 38px rgba(15, 20, 30, .12) !important;
}

.dropdown-menu a,
.dropdown-menu button { color: var(--txt) !important; }
.dropdown-menu a:hover,
.dropdown-menu button:hover { background: var(--accent-soft) !important; }

.dropdown-menu-gates a {
  display: flex !important;
  align-items: center !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Inputs de texto: superficie clara sutil */
input, textarea {
  background: rgba(255, 255, 255, .55) !important;
  border-color: rgba(15, 20, 30, .12) !important;
  color: var(--txt) !important;
}

/* Desplegables (select) globales: chips de cristal */
select {
  background: rgba(255, 255, 255, .6) !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
  border: 1px solid rgba(15, 20, 30, .12) !important;
  color: var(--txt) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #0a0a0a !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #0a0a0a !important;
}

/* ============================================================
   Overrides de páginas internas (checker / dashboard)
   Estos CSS cargan DESPUÉS de theme-mono.css con colores oscuros
   hardcodeados, por eso forzamos con !important.
   ============================================================ */

/* --- CHECKER: superficies oscuras → claras --- */
/* Motor bar y Opciones: SIN panel de fondo (solo botones y selector de motor) */
.checker-command-bar,
.checker-opts {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.command-bar-inner { padding: 0 !important; }
.checker-opts { padding: 4px 2px 0 !important; }

/* Paneles Entrada / Resultados: efecto cristal (frosted glass) */
.checker-panel.checker-main,
.checker-panel.checker-input-panel,
.checker-panel.checker-results-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, .42)) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  box-shadow:
    0 10px 34px rgba(15, 20, 30, .08),
    inset 0 1px 0 rgba(255, 255, 255, .8) !important;
  border-radius: 16px !important;
}

.checker-panel-title { color: var(--muted) !important; }

.checker-panel-head {
  background: transparent !important;
  border-bottom: 1px solid rgba(15, 20, 30, .08) !important;
}

/* Textarea y lista sobre el cristal: translúcidos */
.checker-main textarea,
.checker-input-panel textarea {
  background: rgba(255, 255, 255, .92) !important;
  border: none !important;
}

.checker-main .checker-dropzone {
  border: 1px solid rgba(15, 20, 30, .1) !important;
  background: #fff !important;
}

.checker-main .checker-progress {
  border-top: 1px solid rgba(15, 20, 30, .08) !important;
}

.checker-gate-name {
  color: var(--txt) !important;
}

/* Selectores de opciones: píldoras de cristal (mismo estilo que el selector de MOTOR) */
.checker-opts select,
#max-cards,
#output-format,
#gate-amount,
#paragon-cargo {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  height: 44px !important;
  padding: 0 38px 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15, 20, 30, .12) !important;
  background-color: rgba(255, 255, 255, .6) !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%230a0a0a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
  color: var(--txt) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
.checker-opts select:hover,
#max-cards:hover,
#output-format:hover,
#gate-amount:hover,
#paragon-cargo:hover {
  border-color: rgba(15, 20, 30, .28) !important;
  background-color: rgba(255, 255, 255, .72) !important;
}
.checker-opts select:focus,
#max-cards:focus,
#output-format:focus,
#gate-amount:focus,
#paragon-cargo:focus {
  border-color: #0a0a0a !important;
  box-shadow: 0 0 0 1px #0a0a0a !important;
}
.checker-opts select option {
  background: #fff !important;
  color: var(--txt) !important;
}

/* Etiquetas de opciones: mismo tono que la etiqueta MOTOR */
.checker-opts .field > span {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
}

/* ============================================================
   Botones y checkboxes minimalistas
   ============================================================ */

/* Checkboxes personalizados: cuadro fino → se rellena de negro al marcar */
.field-check input[type="checkbox"],
input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  border: 1.5px solid rgba(15, 20, 30, .32) !important;
  border-radius: 4px !important;
  background: transparent !important;
  cursor: pointer !important;
  position: relative !important;
  flex-shrink: 0 !important;
  transition: background .15s ease, border-color .15s ease !important;
}
.field-check input[type="checkbox"]:hover,
input[type="checkbox"]:hover { border-color: #0a0a0a !important; }
.field-check input[type="checkbox"]:checked,
input[type="checkbox"]:checked {
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
}
.field-check input[type="checkbox"]:checked::after,
input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 5px;
  top: 1.5px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Botones del checker: planos, sin iconos, borde fino */
.cmd-btn {
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  border-radius: 8px !important;
}
.cmd-btn-icon { display: none !important; }

/* Botones ghost (Importar .txt / Copiar lives): minimal outline */
.btn-ghost {
  background: transparent !important;
  border: 1px solid rgba(15, 20, 30, .15) !important;
  color: var(--txt) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.btn-ghost:hover { border-color: #0a0a0a !important; background: transparent !important; }
.btn-ghost.btn-copy-lives:not(:disabled) { border-color: rgba(15, 20, 30, .15) !important; }

/* selector de gate */
.command-gate-wrap {
  background: rgba(255, 255, 255, .6) !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
  border: 1px solid rgba(15, 20, 30, .1) !important;
  box-shadow: none !important;
}
.command-gate-wrap:focus-within {
  border-color: #0a0a0a !important;
  box-shadow: 0 0 0 2px rgba(10, 10, 10, .12) !important;
}
.command-gate-dot {
  display: none !important;
}
.command-gate-trigger { color: var(--txt) !important; background-color: transparent !important; }
.command-gate-select { color: var(--txt) !important; background-color: #fafafa !important; }
.command-gate-menu {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
}
.command-gate-select option { background: #fff !important; color: var(--txt) !important; }
.command-gate-option { color: var(--txt) !important; }
.command-gate-option:hover,
.command-gate-option:focus,
.command-gate-option.is-selected {
  background: var(--accent-soft) !important;
  color: #0a0a0a !important;
}

/* barra de acciones + botones del checker */
.command-bar-actions {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.cmd-btn-muted {
  color: var(--txt) !important;
  background: rgba(255, 255, 255, .6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-color: rgba(15, 20, 30, .12) !important;
}
.cmd-btn-muted:hover:not(:disabled) {
  background: rgba(255, 255, 255, .85) !important;
  border-color: rgba(15, 20, 30, .2) !important;
}
.cmd-btn-run {
  color: #fff !important;
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
  box-shadow: none !important;
}
.cmd-btn-run:hover:not(:disabled) { background: #222 !important; filter: none !important; }
.cmd-btn-run.is-running {
  color: #fff !important;
  background: #444 !important;
  border-color: #444 !important;
  box-shadow: none !important;
}
.cmd-btn-stop {
  color: var(--dead) !important;
  background: var(--dead-soft) !important;
  border-color: rgba(220, 38, 38, .3) !important;
}
.cmd-btn-stop:hover:not(:disabled) {
  background: rgba(220, 38, 38, .16) !important;
  border-color: rgba(220, 38, 38, .45) !important;
}

/* dropzone / progreso / resultados */
.checker-dropzone-overlay {
  border: 2px dashed #0a0a0a !important;
  background: rgba(255, 255, 255, .85) !important;
  color: #0a0a0a !important;
}
.result-item { border-bottom: 1px solid var(--line) !important; }
.progress-fill { background: #0a0a0a !important; }
.progress-bar { background: #ececea !important; border: 1px solid var(--line) !important; }

/* Motor (barra de comandos) y Opciones SIN panel de fondo:
   solo se ven los botones y el selector de motor / los campos. */
.checker-panel.checker-command-bar,
.checker-panel.checker-opts {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.command-bar-inner { padding: 0 !important; }
.command-bar-actions {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.checker-opts { padding: 0 !important; }

/* --- DASHBOARD: tintes dorados/azules → mono --- */
.dash-block-head {
  background: transparent !important;
  border-bottom: 1px solid rgba(15, 20, 30, .08) !important;
}
.metric-item { border-bottom: 1px solid rgba(15, 20, 30, .06) !important; }
.status-badge {
  background: rgba(255, 255, 255, .6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(15, 20, 30, .12) !important;
  color: var(--muted) !important;
}
.header-badge {
  background: #0a0a0a !important;
  color: #fff !important;
  box-shadow: none !important;
}
.gw-row:hover { background: var(--accent-soft) !important; }
.gw-row-icon {
  background: #f0f0ee !important;
  border: 1px solid var(--line) !important;
  color: var(--txt) !important;
}
.btn-outline-gold {
  border: 1px solid var(--line-2) !important;
  color: var(--txt) !important;
  background: transparent !important;
}
.btn-outline-gold:hover {
  background: #f0f0ee !important;
  color: #0a0a0a !important;
}
.metric-num.gold { color: var(--txt) !important; }
.metric-num.warn { color: var(--txt) !important; }

/* Logo de marca sin panel de fondo (limpio sobre la página) */
.dash-block.dash-brand {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.brand-banner-sm {
  border-radius: 0 !important;
  mix-blend-mode: multiply !important;
}
.dash-brand-caption { border-top: none !important; }

/* --- COLA: barra activa mono --- */
.batch-item.run { border-color: #0a0a0a !important; background: var(--accent-soft) !important; }
.batch-item.run .batch-status { color: #0a0a0a !important; }

@media (max-width: 768px) {
  .profile-sidebar {
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line) !important;
  }

  .profile-tier {
    display: none !important;
  }

  .profile-tier::before {
    display: none !important;
  }

  .profile-stat-telegram {
    display: none !important;
  }

  .profile-tg-id {
    color: var(--muted) !important;
  }

  .profile-stat,
  .profile-stat + .profile-stat {
    padding: 0 8px !important;
    border-top: none !important;
    border-left: 1px solid rgba(15, 20, 30, .08) !important;
  }

  .profile-stat:first-child {
    border-left: none !important;
    padding-left: 0 !important;
  }

  .lol-nav {
    background: #fff !important;
    border-bottom: none !important;
  }

  .lol-nav .lol-nav-link,
  .lol-nav .lol-nav-link:hover,
  .lol-nav .lol-nav-link.active {
    color: #0a0a0a !important;
    background: transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    letter-spacing: .08em !important;
  }

  .lol-nav .lol-nav-link.active,
  .lol-nav .lol-nav-link:hover {
    background: #f3f3f1 !important;
  }

  .lol-nav .lol-nav-link::after {
    display: none !important;
  }

  .lol-nav .dropdown-menu {
    background: #f7f7f5 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 6px !important;
    border-radius: 12px !important;
  }

  .lol-nav .dropdown-menu a,
  .lol-nav .dropdown-menu button,
  .lol-nav .dropdown-menu a:hover,
  .lol-nav .dropdown-menu button:hover,
  .lol-nav .dropdown-menu-gates a.is-current {
    color: #0a0a0a !important;
    background: transparent !important;
    border-radius: 8px !important;
  }

  .lol-nav .dropdown-menu a:hover,
  .lol-nav .dropdown-menu button:hover,
  .lol-nav .dropdown-menu-gates a.is-current {
    background: #fff !important;
  }

  .lol-header-right .logout-link {
    display: none !important;
  }

  .nav-redeem {
    background: transparent !important;
    border-top: 1px solid rgba(15, 20, 30, .1) !important;
  }

  .nav-redeem .profile-redeem-label {
    color: #0a0a0a !important;
  }

  .nav-redeem .profile-redeem-btn {
    color: #fff !important;
    border: none !important;
    background: #0a0a0a !important;
  }
}