/* --- TEMA CYBERPUNK CUSTOM PARA MASTODON --- */

/* 1. Fondo general de la aplicación */
body, .ui, .tabs-bar {
  background: #0d0f12 !important;
  color: #e2e8f0 !important;
}

/* 2. Columnas y paneles de contenido */
.column, 
.drawer__inner, 
.column-header, 
.getting-started, 
.hero-widget,
.scrollable {
  background: #16191f !important;
  border-color: #1f242e !important;
}

/* 3. Encabezados de las columnas */
.column-header__button, .column-header__title {
  background: #16191f !important;
  color: #00ff66 !important; /* Texto verde neón en títulos */
}

/* 4. Botones principales (Publicar / Enviar) */
.button, .button.focusable, .button:after {
  background-color: #00ff66 !important;
  color: #000000 !important; /* Texto negro para contraste */
  font-weight: bold !important;
  border-radius: 4px !important;
  transition: all 0.2s ease-in-out !important;
}

.button:hover, .button:focus {
  background-color: #00cc52 !important;
  box-shadow: 0 0 12px rgba(0, 255, 102, 0.6) !important;
}

/* 5. Enlaces, menciones (@usuario) y hashtags */
.status__content a, 
.reply-indicator__content a, 
.status__content .mention,
.status__content .hashtag {
  color: #00e5ff !important; /* Cian/Azul eléctrico para enlaces */
  text-decoration: none !important;
}

.status__content a:hover {
  text-decoration: underline !important;
}

/* 6. Caja de texto para redactar posts y buscador */
.compose-form__autosuggest-wrapper, 
.compose-form__sensitive-button,
.search__input,
.search__input:focus {
  background: #1f242e !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(0, 255, 102, 0.2) !important;
}

/* 7. Iconos y pestañas activas */
.tabs-bar__link.active {
  border-bottom: 3px solid #00ff66 !important;
  color: #00ff66 !important;
}

.tabs-bar__link {
  color: #94a3b8 !important;
}

/* 8. Bordes de separación entre Toots/Publicaciones */
.status, .detailed-status {
  border-bottom: 1px solid #1f242e !important;
}