/**
 * Atheneus Astro — Dark Theme
 *
 * Tema oscuro-dorado para el panel cliente.
 * Se carga sobre atheneus-public.css.
 *
 * @package Atheneus_Astro
 * @since   1.0.0
 */

/* ═══════════════════════════════════════════════
   COLOR PALETTE
   ═══════════════════════════════════════════════

   Primary BG:     #0F0F23
   Secondary BG:   #1A1A2E
   Tertiary BG:    #16213E
   Surface:        #222244
   Gold Accent:    #E8B84B
   Gold Light:     #F4D68C
   Gold Dim:       #C9983A
   Text Primary:   #E8E6E3
   Text Secondary: #9B99A1
   Border:         #2A2A4A
   Success:        #27AE60
   Error:          #E74C3C
   Fire:           #E74C3C
   Earth:          #27AE60
   Air:            #F1C40F
   Water:          #3498DB

   ═══════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════
   BASE & PANEL
   ═══════════════════════════════════════════════ */

.atheneus-dark {
    background-color: #0F0F23;
    color: #E8E6E3;
    border: 1px solid #2A2A4A;
}

/* ═══════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-header {
    background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
    border-bottom: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-header-title {
    color: #E8B84B;
}

.atheneus-dark .atheneus-triad-item {
    color: #E8E6E3;
}

.atheneus-dark .atheneus-triad-symbol {
    color: #E8B84B;
}

/* Badges */
.atheneus-dark .atheneus-badge-atheneus_free {
    background: #2A2A4A;
    color: #9B99A1;
}

.atheneus-dark .atheneus-badge-atheneus_premium {
    background: linear-gradient(135deg, #E8B84B, #C9983A);
    color: #0F0F23;
}

.atheneus-dark .atheneus-badge-administrator {
    background: linear-gradient(135deg, #8E44AD, #6C3483);
    color: #fff;
}

/* ═══════════════════════════════════════════════
   TABS
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-tabs-nav {
    border-bottom-color: #2A2A4A;
}

.atheneus-dark .atheneus-tab-btn {
    color: #9B99A1;
}

.atheneus-dark .atheneus-tab-btn:hover {
    color: #E8E6E3;
}

.atheneus-dark .atheneus-tab-btn.active {
    color: #E8B84B;
    border-bottom-color: #E8B84B;
}

.atheneus-dark .atheneus-tab-icon {
    color: inherit;
}

/* ═══════════════════════════════════════════════
   SUBTABS
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-subtab-btn {
    color: #9B99A1;
    border-color: #2A2A4A;
    background: transparent;
}

.atheneus-dark .atheneus-subtab-btn:hover {
    background: #1A1A2E;
    color: #E8E6E3;
}

.atheneus-dark .atheneus-subtab-btn.active {
    background: #E8B84B;
    color: #0F0F23;
    border-color: #E8B84B;
}

.atheneus-dark .atheneus-counter {
    background: #0F0F23;
    color: #E8B84B;
}

.atheneus-dark .atheneus-subtab-btn.active .atheneus-counter {
    background: rgba(15, 15, 35, 0.3);
    color: #0F0F23;
}

/* ═══════════════════════════════════════════════
   RESUMEN BOX
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-resumen-box {
    background: #1A1A2E;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-resumen-box h3 {
    color: #E8B84B;
}

.atheneus-dark .atheneus-resumen-label {
    color: #9B99A1;
}

.atheneus-dark .atheneus-resumen-value {
    color: #F4D68C;
}

/* ═══════════════════════════════════════════════
   TABLES
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-table-section h3 {
    color: #E8B84B;
}

.atheneus-dark .atheneus-table th {
    background: #1A1A2E;
    color: #E8B84B;
    border-bottom: 2px solid #2A2A4A;
}

.atheneus-dark .atheneus-table td {
    border-bottom: 1px solid #1A1A2E;
}

.atheneus-dark .atheneus-table tbody tr:hover {
    background: rgba(232, 184, 75, 0.05);
}

.atheneus-dark .atheneus-planet-symbol {
    color: #E8B84B;
}

.atheneus-dark .atheneus-retro {
    color: #E74C3C;
}

.atheneus-dark .atheneus-directo {
    color: #27AE60;
}

.atheneus-dark .atheneus-casa-num {
    color: #E8B84B;
}

/* ═══════════════════════════════════════════════
   INTERPRETACIÓN
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-interpretacion-texto {
    color: #E8E6E3;
}

.atheneus-dark .atheneus-interpretacion-texto strong,
.atheneus-dark .atheneus-interpretacion-texto b {
    color: #F4D68C;
}

.atheneus-dark .atheneus-interpretacion-meta {
    border-top-color: #2A2A4A;
    color: #9B99A1;
}

/* ═══════════════════════════════════════════════
   CHAT
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-chat-messages {
    background: #0A0A1A;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-chat-welcome {
    color: #9B99A1;
}

.atheneus-dark .atheneus-chat-bubble-user {
    background: #16213E;
    color: #E8E6E3;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-chat-bubble-ai {
    background: #1A1A2E;
    color: #E8E6E3;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-chat-bubble-ai strong,
.atheneus-dark .atheneus-chat-bubble-ai b {
    color: #F4D68C;
}

.atheneus-dark .atheneus-chat-bubble-system {
    background: rgba(232, 184, 75, 0.08);
    color: #C9983A;
    border: 1px solid rgba(232, 184, 75, 0.15);
}

.atheneus-dark .atheneus-chat-typing {
    background: #1A1A2E;
}

.atheneus-dark .atheneus-chat-typing span {
    background: #E8B84B;
}

.atheneus-dark .atheneus-chat-textarea {
    background: #1A1A2E;
    color: #E8E6E3;
    border-color: #2A2A4A;
}

.atheneus-dark .atheneus-chat-textarea:focus {
    border-color: #E8B84B;
}

.atheneus-dark .atheneus-chat-textarea::placeholder {
    color: #6B6980;
}

.atheneus-dark .atheneus-chat-send {
    background: #E8B84B;
    color: #0F0F23;
}

.atheneus-dark .atheneus-chat-send:hover:not(:disabled) {
    background: #F4D68C;
}

.atheneus-dark .atheneus-cta-premium {
    background: linear-gradient(135deg, rgba(232, 184, 75, 0.1), rgba(232, 184, 75, 0.05));
    border: 1px solid rgba(232, 184, 75, 0.25);
    color: #F4D68C;
}

/* ═══════════════════════════════════════════════
   PERFIL DE VIDA
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-progress-bar {
    background: #1A1A2E;
}

.atheneus-dark .atheneus-progress-fill {
    background: linear-gradient(90deg, #C9983A, #E8B84B);
}

.atheneus-dark .atheneus-progress-text {
    color: #9B99A1;
}

/* Legal */
.atheneus-dark .atheneus-legal-box {
    background: #1A1A2E;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-legal-box h3 {
    color: #E8B84B;
}

.atheneus-dark .atheneus-legal-text {
    background: #0A0A1A;
    color: #9B99A1;
    border: 1px solid #2A2A4A;
}

/* Bloques */
.atheneus-dark .atheneus-perfil-bloque {
    background: #1A1A2E;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-bloque-header:hover {
    background: rgba(232, 184, 75, 0.05);
}

.atheneus-dark .atheneus-bloque-header h4 {
    color: #E8E6E3;
}

.atheneus-dark .atheneus-bloque-complete .atheneus-bloque-status {
    color: #27AE60;
}

.atheneus-dark .atheneus-bloque-incomplete .atheneus-bloque-status {
    color: #9B99A1;
}

.atheneus-dark .atheneus-bloque-toggle {
    color: #9B99A1;
}

.atheneus-dark .atheneus-bloque-body {
    background: #16213E;
    border-top: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-field-group label {
    color: #C9983A;
}

.atheneus-dark .atheneus-field-textarea,
.atheneus-dark .atheneus-field-text,
.atheneus-dark .atheneus-field-select {
    background: #0F0F23;
    color: #E8E6E3;
    border-color: #2A2A4A;
}

.atheneus-dark .atheneus-field-textarea:focus,
.atheneus-dark .atheneus-field-text:focus,
.atheneus-dark .atheneus-field-select:focus {
    border-color: #E8B84B;
}

.atheneus-dark .atheneus-field-textarea::placeholder,
.atheneus-dark .atheneus-field-text::placeholder {
    color: #6B6980;
}

.atheneus-dark .atheneus-field-select option {
    background: #1A1A2E;
    color: #E8E6E3;
}

.atheneus-dark .atheneus-save-status {
    color: #27AE60;
}

/* ═══════════════════════════════════════════════
   EXPORTAR
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-exportar-content h3 {
    color: #E8B84B;
}

.atheneus-dark .atheneus-export-card {
    background: #1A1A2E;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-export-card:hover {
    border-color: #E8B84B;
}

.atheneus-dark .atheneus-export-icon {
    color: #E8B84B;
}

.atheneus-dark .atheneus-export-card h4 {
    color: #E8E6E3;
}

.atheneus-dark .atheneus-export-card p {
    color: #9B99A1;
}

.atheneus-dark .atheneus-export-premium-cta p {
    color: #C9983A;
}

.atheneus-dark .atheneus-link-input {
    background: #0F0F23;
    color: #E8B84B;
    border-color: #2A2A4A;
}

/* ═══════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-btn-primary {
    background: #E8B84B;
    color: #0F0F23;
}

.atheneus-dark .atheneus-btn-primary:hover:not(:disabled) {
    background: #F4D68C;
}

.atheneus-dark .atheneus-btn-secondary {
    background: #222244;
    color: #E8B84B;
    border: 1px solid #2A2A4A;
}

.atheneus-dark .atheneus-btn-secondary:hover:not(:disabled) {
    background: #2A2A4A;
    border-color: #E8B84B;
}

/* ═══════════════════════════════════════════════
   EMPTY STATES
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-empty-state h2 {
    color: #E8B84B;
}

.atheneus-dark .atheneus-empty-state p {
    color: #9B99A1;
}

.atheneus-dark .atheneus-spinner {
    border-top-color: #E8B84B;
}

/* ═══════════════════════════════════════════════
   SCROLLBAR
   ═══════════════════════════════════════════════ */

.atheneus-dark ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.atheneus-dark ::-webkit-scrollbar-track {
    background: #0F0F23;
}

.atheneus-dark ::-webkit-scrollbar-thumb {
    background: #2A2A4A;
    border-radius: 3px;
}

.atheneus-dark ::-webkit-scrollbar-thumb:hover {
    background: #3A3A5A;
}

/* ═══════════════════════════════════════════════
   D3 WHEEL — SVG THEME
   ═══════════════════════════════════════════════ */

.atheneus-dark .atheneus-wheel text {
    fill: #E8E6E3;
}

.atheneus-dark .atheneus-wheel .wheel-ring {
    fill: #1A1A2E;
    stroke: #2A2A4A;
}

.atheneus-dark .atheneus-wheel .wheel-sign-text {
    fill: #9B99A1;
    font-size: 12px;
}

.atheneus-dark .atheneus-wheel .wheel-planet-text {
    fill: #E8B84B;
    font-size: 14px;
    font-weight: 600;
}

.atheneus-dark .atheneus-wheel .wheel-house-line {
    stroke: #2A2A4A;
    stroke-width: 1;
}

.atheneus-dark .atheneus-wheel .wheel-aspect-line {
    stroke-width: 0.8;
    opacity: 0.5;
}

.atheneus-dark .atheneus-wheel .wheel-outer-ring {
    fill: none;
    stroke: #E8B84B;
    stroke-width: 2;
}

/* Tooltip */
.atheneus-dark .atheneus-tooltip {
    background: #16213E;
    color: #E8E6E3;
    border: 1px solid #E8B84B;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-size: 0.82rem;
    pointer-events: none;
    position: absolute;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.atheneus-dark .atheneus-tooltip strong {
    color: #E8B84B;
}