/*
   Acabado final de la consola EL CHANCE.
   Se carga al final, incluso después de la hoja de cada módulo, para evitar
   que una pantalla aislada vuelva a los paneles claros de la interfaz antigua.
*/
:root {
    --ec-admin-surface: #35111f;
    --ec-admin-surface-soft: #471728;
    --ec-admin-field: #1d0911;
    --ec-admin-text: #fff3e2;
    --ec-admin-muted: #d5beb4;
    --ec-admin-gold: #efc875;
    --ec-admin-line: rgba(239, 200, 117, .32);
}

:where(.content) :is(.client-management-row, .client-card, .client-stats > div, .bank-data > div,
    .technical, .integration-editor, .legal-card, .agentes-admin, .agente-prioridad,
    .agente-consentimientos, .agente-politica-ayuda, .raspas-admin-categories fieldset,
    .marketing-metrics > div, .marketing-preview, .marketing-list article,
    .marketing-form-actions, .vp-panel, .vp-config-mode-card, .vp-choice-card,
    .vp-summary, .vp-table-wrap, .casino-admin-summary article, .casino-settings section,
    .content-editor, .attention-editor) {
    color: var(--ec-admin-text);
    border-color: var(--ec-admin-line) !important;
    background: linear-gradient(145deg, rgba(72, 22, 36, .98), rgba(30, 9, 17, .98)) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

:where(.content) :is(.client-management-row, .client-card, .vp-panel, .raspas-admin-categories fieldset,
    .agentes-admin, .marketing-list article, .casino-settings section) {
    border-radius: 16px;
}

.client-management-row > summary {
    color: var(--ec-admin-text);
    background: linear-gradient(90deg, rgba(83, 23, 41, .74), rgba(33, 10, 19, .74));
}
.client-management-row[open] > summary { background: linear-gradient(90deg, rgba(156, 41, 69, .46), rgba(70, 18, 32, .76)); }
.client-management-row > .client-card { background: linear-gradient(145deg, #461625, #260b15) !important; }
.client-card :is(h2,h3,strong) { color: #fff0cf; }
.client-card small,
.client-stats span,
.bank-data span { color: var(--ec-admin-muted); }
.client-stats > div,
.bank-data > div { min-height: 86px; }
.client-stats > div { background: linear-gradient(145deg, #2c0d17, #19070e) !important; }
.client-stats strong { color: #ffd987; }
.client-header .balance strong { color: #ffd987; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.client-financial-balance { border: 1px solid var(--ec-admin-line); border-radius: 12px; padding: 12px; background: rgba(21, 7, 13, .42); }
.client-financial-balance > summary { color: #ffe0a1; }

.content :is(.vp-panel, .vp-config-mode-card, .vp-choice-card, .vp-summary, .vp-table-wrap) :is(h2,h3,strong,legend) { color: #fff0cb; }
.content :is(.vp-panel, .vp-config-mode-card, .vp-choice-card, .vp-summary, .vp-table-wrap) :is(small,p,.muted) { color: var(--ec-admin-muted); }
.content :is(.vp-table, .vp-table th, .vp-table td) { color: var(--ec-admin-text); border-color: rgba(239, 200, 117, .17); }
.content :is(.vp-table th) { background: rgba(20, 6, 12, .88); color: #f0c876; }
.content :is(.vp-choice-card:hover, .vp-config-mode-card:hover) { border-color: var(--ec-admin-gold) !important; }

.raspas-admin-categories legend,
.agentes-admin :is(h1,h2,h3),
.marketing-metrics strong,
.casino-admin-summary strong { color: #ffe0a1 !important; }
.raspas-admin-categories p,
.agente-politica-ayuda p,
.marketing-preview,
.marketing-list article p { color: var(--ec-admin-muted) !important; }
.raspas-admin-check,
.casino-fields small { color: var(--ec-admin-muted); }

.marketing-tabs a {
    border-color: var(--ec-admin-line);
    background: rgba(33, 10, 19, .82);
    color: #ffe0a1;
}
.marketing-tabs a[aria-current=page] { background: linear-gradient(160deg, #a82945, #67172c); color: #fff6e5; }
.marketing-player-page { background: #17070d; }
.marketing-form-actions { position: sticky; }

.content :is(.content-editor textarea, .attention-editor textarea) {
    border-color: var(--ec-admin-line);
    background: var(--ec-admin-field);
    color: var(--ec-admin-text);
}

.positive { color: #bfe6c8 !important; }
.negative { color: #ffc0c7 !important; }
.money { color: #ffe0a1; }

@media (max-width: 760px) {
    .content { margin-top: 20px; }
    .client-management-row > summary { gap: 10px; }
    .client-stats > div { min-height: 0; }
    .marketing-form-actions { bottom: max(10px, env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
    .content *, .content *::before, .content *::after { animation: none !important; transition: none !important; }
}