/* assets/css/theme.css
   ==========================================================================
   Tema visual central de Avanzar Soluciones

   Para modificar el tema oscuro, cambia principalmente los valores dentro de:
   :root[data-theme="dark"].

   Para cambiar el aspecto del boton flotante, edita la seccion:
   "Boton de tema".
   ========================================================================== */

:root {
    color-scheme: light;
    --theme-toggle-bg: rgba(255, 255, 255, 0.92);
    --theme-toggle-fg: #233469;
    --theme-toggle-border: rgba(35, 52, 105, 0.16);
    --theme-toggle-shadow: 0 14px 34px rgba(18, 26, 52, 0.16);
}

:root[data-theme="dark"] {
    color-scheme: dark;

    /* Tokens globales usados por styles.css y chat.css */
    --primary-color: #8fb5ff;
    --primary-light: #9fc2ff;
    --secondary-color: #ff8fa3;
    --bg-main: #07111f;
    --bg-card: #101a2b;
    --bg-white: #101a2b;
    --text-main: #f4f7fb;
    --text-body: #c7d2e4;
    --text-primary: #f4f7fb;
    --text-secondary: #9fb0c8;
    --bubble-me: #315fb8;
    --bubble-me-text: #ffffff;
    --bubble-other: #141f33;
    --bubble-other-text: #e8edf7;
    --card-border: rgba(143, 181, 255, 0.18);
    --shadow-1: 0 18px 44px rgba(0, 0, 0, 0.42);
    --shadow-2: 0 2px 10px rgba(0, 0, 0, 0.28);
    --shadow-soft: 0 18px 42px rgba(0, 0, 0, 0.34);
    --shadow-tight: 0 1px 4px rgba(0, 0, 0, 0.3);

    --theme-toggle-bg: rgba(16, 26, 43, 0.92);
    --theme-toggle-fg: #eaf1ff;
    --theme-toggle-border: rgba(143, 181, 255, 0.24);
    --theme-toggle-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

/* Base global */
:root[data-theme="dark"] body {
    background-color: var(--bg-main);
    background-image:
        radial-gradient(circle at 12% 14%, rgba(49, 95, 184, 0.16), transparent 44%),
        radial-gradient(circle at 88% 18%, rgba(159, 27, 32, 0.16), transparent 46%),
        linear-gradient(135deg, #07111f 0%, #0d1728 55%, #111827 100%);
    color: var(--text-body);
}

:root[data-theme="dark"] body::before {
    background: radial-gradient(circle, rgba(143, 181, 255, 0.14), transparent 72%);
}

:root[data-theme="dark"] body::after {
    background: radial-gradient(circle, rgba(255, 143, 163, 0.11), transparent 72%);
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .login-shell,
:root[data-theme="dark"] .login-form-panel {
    background-color: var(--bg-card);
    color: var(--text-body);
    border-color: var(--card-border);
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
    color: #edf3ff;
    background-color: #111c2f;
    border-color: rgba(143, 181, 255, 0.22);
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
    color: rgba(199, 210, 228, 0.58);
}

/* Login */
:root[data-theme="dark"] body.login-page {
    background-color: #07111f;
    background-image:
        radial-gradient(circle at 16% 12%, rgba(143, 181, 255, 0.15), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(159, 27, 32, 0.14), transparent 32%),
        linear-gradient(180deg, #07111f 0%, #0b1423 58%, #07111f 100%);
    color: #c7d2e4;
}

:root[data-theme="dark"] body.login-page::before {
    background-image:
        linear-gradient(rgba(143, 181, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(143, 181, 255, 0.06) 1px, transparent 1px);
    opacity: 0.3;
}

:root[data-theme="dark"] body.login-page::after {
    background: linear-gradient(180deg, transparent, rgba(7, 17, 31, 0.78));
}

:root[data-theme="dark"] .login-shell {
    background: rgba(16, 26, 43, 0.72) !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
    box-shadow: 0 34px 80px rgba(0, 0, 0, 0.44), 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

:root[data-theme="dark"] .login-shell::before {
    background:
        linear-gradient(90deg, transparent 0 39%, rgba(103, 216, 255, 0.14) 49%, transparent 59%),
        linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.06), transparent);
}

:root[data-theme="dark"] .login-brand-panel {
    background:
        linear-gradient(160deg, rgba(143, 181, 255, 0.1), transparent 38%),
        linear-gradient(145deg, #0d1728 0%, #111f3a 58%, #401622 100%);
    border-right: 1px solid rgba(143, 181, 255, 0.14);
}

:root[data-theme="dark"] .login-form-panel {
    background:
        linear-gradient(180deg, rgba(16, 26, 43, 0.97), rgba(11, 20, 35, 0.94)) !important;
    color: #c7d2e4;
}

:root[data-theme="dark"] body.login-page .login-logo {
    box-sizing: border-box;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(143, 181, 255, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24) !important;
}

:root[data-theme="dark"] .login-eyebrow,
:root[data-theme="dark"] .login-overline {
    color: #aeeaff;
}

:root[data-theme="dark"] .login-title {
    color: #f8fbff;
}

:root[data-theme="dark"] .login-subtitle,
:root[data-theme="dark"] .login-footer {
    color: #b9c6da;
}

:root[data-theme="dark"] .login-page label {
    color: #aebdd2;
}

:root[data-theme="dark"] .login-input-icon {
    color: #9fb0c8;
}

:root[data-theme="dark"] .login-input-wrap:focus-within .login-input-icon {
    color: #67d8ff;
}

:root[data-theme="dark"] .login-page input[type="email"],
:root[data-theme="dark"] .login-page input[type="password"] {
    background-color: #101a2b;
    color: #edf3ff;
    border-color: rgba(143, 181, 255, 0.22);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

:root[data-theme="dark"] .login-page input[type="email"]:focus,
:root[data-theme="dark"] .login-page input[type="password"]:focus {
    border-color: rgba(103, 216, 255, 0.5);
    box-shadow: 0 0 0 4px rgba(103, 216, 255, 0.12), 0 12px 28px rgba(0, 0, 0, 0.22);
}

:root[data-theme="dark"] .support-link {
    background: rgba(143, 181, 255, 0.12);
    color: #dce8ff;
}

:root[data-theme="dark"] .support-link:hover {
    background: rgba(143, 181, 255, 0.2);
    color: #ffffff;
}

:root[data-theme="dark"] .error {
    color: #ffb3c0;
    background-color: rgba(255, 143, 163, 0.12);
    border-color: rgba(255, 143, 163, 0.28);
}

/* Radica, documentos, mis radicados y estado actual */
:root[data-theme="dark"] .radica-page {
    --rp-blue: #8fb5ff;
    --rp-blue-mid: #6f9dff;
    --rp-blue-light: #a9c8ff;
    --rp-cyan: #67d8ff;
    --rp-crimson: #ff8fa3;
    --rp-success: #59d49c;
    --rp-warn: #f2bd67;
    --rp-danger: #ff8fa3;
    --rp-bg: #07111f;
    --rp-surface: #101a2b;
    --rp-surface-soft: #14213a;
    --rp-accent-soft: rgba(143, 181, 255, 0.14);
    --rp-success-soft: rgba(89, 212, 156, 0.13);
    --rp-warn-soft: rgba(242, 189, 103, 0.14);
    --rp-danger-soft: rgba(255, 143, 163, 0.14);
    --rp-text: #f4f7fb;
    --rp-text-soft: #b9c6da;
    --rp-text-muted: #8294b0;
    --rp-line: rgba(143, 181, 255, 0.19);
    --rp-line-soft: rgba(143, 181, 255, 0.1);
    --rp-glass: linear-gradient(160deg, rgba(16, 26, 43, 0.88), rgba(11, 20, 35, 0.78));
    --rp-shadow: 0 24px 62px rgba(0, 0, 0, 0.34);
    --rp-shadow-s: 0 14px 34px rgba(0, 0, 0, 0.28);
    --rp-inset: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(ellipse 70% 50% at 0% 0%, rgba(103, 216, 255, 0.08), transparent),
        radial-gradient(ellipse 60% 50% at 100% 0%, rgba(143, 181, 255, 0.09), transparent),
        linear-gradient(180deg, #07111f 0%, #0b1423 52%, #07111f 100%);
}

:root[data-theme="dark"] .radica-page::before {
    background-image: radial-gradient(circle, rgba(143, 181, 255, 0.17) 1px, transparent 1px);
    opacity: 0.24;
}

:root[data-theme="dark"] .radica-page::after {
    background:
        radial-gradient(circle 65vw at 92% -5%, rgba(103, 216, 255, 0.11), transparent 60%),
        radial-gradient(circle 55vw at 8% 108%, rgba(143, 181, 255, 0.1), transparent 60%);
}

/* Menu superior unificado con la landing */
.radica-page .radica-topbar,
.documentos-page .doc-topbar,
.mis-radicados-page .radica-topbar,
.estado-actual-page .radica-topbar {
    position: sticky !important;
    top: 12px !important;
    z-index: 50 !important;
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 68px !important;
    padding: 10px 12px !important;
    border: 1px solid #dbe2ee !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 8px 22px rgba(19, 33, 59, 0.08) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
    overflow: visible !important;
}

.radica-page .radica-topbar::before,
.documentos-page .doc-topbar::before,
.mis-radicados-page .radica-topbar::before,
.estado-actual-page .radica-topbar::before {
    content: none !important;
}

.radica-page .radica-brand,
.documentos-page .radica-brand,
.mis-radicados-page .radica-brand,
.estado-actual-page .radica-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

.radica-page .radica-brand-logo,
.documentos-page .doc-brand-logo,
.mis-radicados-page .mr-brand-logo,
.estado-actual-page .radica-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 154px !important;
    min-height: 42px !important;
    padding: 7px 9px !important;
    border: 1px solid #dbe2ee !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.radica-page .radica-brand-logo img,
.documentos-page .doc-brand-logo img,
.mis-radicados-page .mr-brand-logo img,
.estado-actual-page .radica-brand-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    filter: none !important;
}

.radica-page .radica-brand-copy,
.documentos-page .doc-brand-copy,
.mis-radicados-page .mr-brand-copy,
.estado-actual-page .radica-brand > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.radica-page .radica-topbar .radica-eyebrow,
.documentos-page .doc-brand-copy .radica-eyebrow,
.mis-radicados-page .radica-topbar .radica-eyebrow,
.estado-actual-page .radica-topbar .radica-eyebrow {
    color: #8a95a6 !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.radica-page .radica-title,
.radica-page .radica-brand h1,
.documentos-page .radica-brand h1,
.mis-radicados-page .radica-brand h1,
.estado-actual-page .radica-brand h1 {
    color: #13213b !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-shadow: none !important;
}

.radica-page .radica-actions,
.documentos-page .radica-actions,
.mis-radicados-page .radica-actions,
.estado-actual-page .radica-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.radica-page .radica-topbar .radica-btn,
.documentos-page .radica-actions .radica-btn,
.mis-radicados-page .radica-topbar .radica-btn,
.estado-actual-page .radica-topbar .radica-btn,
.radica-page .radica-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dbe2ee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #13213b !important;
    box-shadow: none !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.radica-page .radica-topbar .radica-btn:hover,
.documentos-page .radica-actions .radica-btn:hover,
.mis-radicados-page .radica-topbar .radica-btn:hover,
.estado-actual-page .radica-topbar .radica-btn:hover,
.radica-page .radica-icon-btn:hover {
    border-color: #1f5eff !important;
    color: #1f5eff !important;
    transform: none !important;
}

.radica-page .radica-icon-btn svg,
.documentos-page .doc-action-icon svg,
.mis-radicados-page .mr-action-icon svg {
    width: 18px !important;
    height: 18px !important;
}

:root[data-theme="dark"] .radica-page .radica-topbar,
:root[data-theme="dark"] .documentos-page .doc-topbar,
:root[data-theme="dark"] .mis-radicados-page .radica-topbar,
:root[data-theme="dark"] .estado-actual-page .radica-topbar {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.94), rgba(13, 23, 40, 0.88)) !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .radica-page .radica-brand-logo,
:root[data-theme="dark"] .documentos-page .doc-brand-logo,
:root[data-theme="dark"] .mis-radicados-page .mr-brand-logo,
:root[data-theme="dark"] .estado-actual-page .radica-brand-logo {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(143, 181, 255, 0.16) !important;
}

:root[data-theme="dark"] .radica-page .radica-title,
:root[data-theme="dark"] .radica-page .radica-brand h1,
:root[data-theme="dark"] .documentos-page .radica-brand h1,
:root[data-theme="dark"] .mis-radicados-page .radica-brand h1,
:root[data-theme="dark"] .estado-actual-page .radica-brand h1 {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] .radica-page .radica-topbar .radica-eyebrow,
:root[data-theme="dark"] .documentos-page .doc-brand-copy .radica-eyebrow,
:root[data-theme="dark"] .mis-radicados-page .radica-topbar .radica-eyebrow,
:root[data-theme="dark"] .estado-actual-page .radica-topbar .radica-eyebrow {
    color: #9fb0c8 !important;
}

:root[data-theme="dark"] .radica-page .radica-topbar .radica-btn,
:root[data-theme="dark"] .documentos-page .radica-actions .radica-btn,
:root[data-theme="dark"] .mis-radicados-page .radica-topbar .radica-btn,
:root[data-theme="dark"] .estado-actual-page .radica-topbar .radica-btn,
:root[data-theme="dark"] .radica-page .radica-icon-btn {
    background: #14213a !important;
    color: #f4f7fb !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
}

:root[data-theme="dark"] .radica-page .radica-topbar .radica-btn:hover,
:root[data-theme="dark"] .documentos-page .radica-actions .radica-btn:hover,
:root[data-theme="dark"] .mis-radicados-page .radica-topbar .radica-btn:hover,
:root[data-theme="dark"] .estado-actual-page .radica-topbar .radica-btn:hover,
:root[data-theme="dark"] .radica-page .radica-icon-btn:hover {
    background: rgba(143, 181, 255, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(103, 216, 255, 0.45) !important;
}

:root[data-theme="dark"] .radica-page .radica-topbar,
:root[data-theme="dark"] .radica-page .rp-hero-main,
:root[data-theme="dark"] .radica-page .rp-hero-aside,
:root[data-theme="dark"] .radica-page .radica-card,
:root[data-theme="dark"] .radica-page .module-card,
:root[data-theme="dark"] .radica-page .radica-panel,
:root[data-theme="dark"] .radica-page .doc-hero,
:root[data-theme="dark"] .radica-page .doc-workspace,
:root[data-theme="dark"] .radica-page .mr-radicado-card,
:root[data-theme="dark"] .radica-page .ea-card {
    background: var(--rp-glass) !important;
    border-color: var(--rp-line) !important;
    box-shadow: var(--rp-shadow-s), var(--rp-inset) !important;
}

:root[data-theme="dark"] .radica-page .radica-btn-secondary,
:root[data-theme="dark"] .radica-page a.radica-btn-secondary,
:root[data-theme="dark"] .radica-page button.radica-btn-secondary {
    background: linear-gradient(180deg, rgba(20, 33, 58, 0.96), rgba(15, 27, 48, 0.9)) !important;
    color: #dce8ff !important;
    border-color: var(--rp-line) !important;
}

:root[data-theme="dark"] .radica-page .radica-btn-ghost,
:root[data-theme="dark"] .radica-page a.radica-btn-ghost,
:root[data-theme="dark"] .radica-page button.radica-btn-ghost {
    background: rgba(143, 181, 255, 0.08) !important;
    color: var(--rp-text-soft) !important;
    border-color: var(--rp-line-soft) !important;
}

:root[data-theme="dark"] .login-logo,
:root[data-theme="dark"] .radica-page .radica-brand-logo,
:root[data-theme="dark"] .radica-page .doc-brand-logo,
:root[data-theme="dark"] .radica-page .mr-brand-logo,
:root[data-theme="dark"] .landing-page .menu-brand-logo {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(143, 181, 255, 0.16) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .radica-page .radica-brand img,
:root[data-theme="dark"] .landing-page .menu-brand-logo img,
:root[data-theme="dark"] .login-logo,
:root[data-theme="dark"] .chat-page img[src*="logo-avanzar-blanco"] {
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28)) !important;
}

:root[data-theme="dark"] .radica-page input,
:root[data-theme="dark"] .radica-page select,
:root[data-theme="dark"] .radica-page textarea,
:root[data-theme="dark"] .radica-page .radica-input,
:root[data-theme="dark"] .radica-page .radica-select,
:root[data-theme="dark"] .radica-page .radica-textarea,
:root[data-theme="dark"] .radica-page .radica-location-trigger,
:root[data-theme="dark"] .radica-page .radica-detail-toggle,
:root[data-theme="dark"] .radica-page .searchable-select-trigger {
    background: #101a2b !important;
    color: #edf3ff !important;
    border-color: var(--rp-line) !important;
}

:root[data-theme="dark"] .radica-page .radica-location-trigger:hover,
:root[data-theme="dark"] .radica-page .radica-location-picker.is-open .radica-location-trigger {
    background: #14213a !important;
    border-color: rgba(143, 181, 255, 0.42) !important;
}

:root[data-theme="dark"] .radica-page .radica-location-trigger.is-empty {
    color: #9fb0c8 !important;
}

:root[data-theme="dark"] .radica-page .radica-location-caret {
    background: rgba(143, 181, 255, 0.14) !important;
    color: #a9c8ff !important;
}

:root[data-theme="dark"] .radica-page .radica-select-menu,
:root[data-theme="dark"] .radica-page .searchable-select-menu,
:root[data-theme="dark"] .radica-page .radica-location-menu,
:root[data-theme="dark"] .radica-page .radica-dropdown,
:root[data-theme="dark"] .radica-page .radica-modal,
:root[data-theme="dark"] .radica-page .swal2-popup {
    background: #101a2b !important;
    color: #edf3ff !important;
    border-color: var(--rp-line) !important;
}

:root[data-theme="dark"] .radica-page .radica-location-search-wrap {
    background: #0b1423 !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
    color: #9fb0c8 !important;
}

:root[data-theme="dark"] .radica-page .radica-location-search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #edf3ff !important;
}

:root[data-theme="dark"] .radica-page .radica-location-search::placeholder {
    color: #8294b0 !important;
}

:root[data-theme="dark"] .radica-page .searchable-select-option,
:root[data-theme="dark"] .radica-page .radica-location-option,
:root[data-theme="dark"] .radica-page .radica-select-option {
    color: #edf3ff !important;
    border-bottom-color: rgba(103, 216, 255, 0.28) !important;
}

:root[data-theme="dark"] .radica-page .searchable-select-option:hover,
:root[data-theme="dark"] .radica-page .radica-location-option:hover,
:root[data-theme="dark"] .radica-page .radica-location-option:focus,
:root[data-theme="dark"] .radica-page .radica-select-option:hover,
:root[data-theme="dark"] .radica-page .searchable-select-option.is-active,
:root[data-theme="dark"] .radica-page .radica-location-option.is-selected {
    background: rgba(143, 181, 255, 0.12) !important;
    color: #a9c8ff !important;
}

:root[data-theme="dark"] .radica-page .radica-location-check {
    color: #67d8ff !important;
}

:root[data-theme="dark"] .radica-page .radica-location-empty {
    background: rgba(143, 181, 255, 0.08) !important;
    color: #b9c6da !important;
}

/* Mis radicados */
:root[data-theme="dark"] .mis-radicados-page .mr-list-section {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.96), rgba(11, 20, 35, 0.92)) !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-hero-main {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, 0.98), rgba(11, 20, 35, 0.94)),
        radial-gradient(circle at 82% 12%, rgba(103, 216, 255, 0.14), transparent 34%) !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-hero-main .radica-eyebrow {
    color: #aeeaff !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-hero-main h2,
:root[data-theme="dark"] .mis-radicados-page #misAdvisorName {
    color: #f8fbff !important;
    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

:root[data-theme="dark"] .mis-radicados-page .mr-hero-copy,
:root[data-theme="dark"] .mis-radicados-page #misAdvisorSummary {
    color: #d5dfef !important;
}

:root[data-theme="dark"] .mis-radicados-page .rp-stat {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.96), rgba(12, 22, 39, 0.92)) !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

:root[data-theme="dark"] .mis-radicados-page .rp-stat-label {
    color: #aebdd2 !important;
}

:root[data-theme="dark"] .mis-radicados-page .rp-stat-value,
:root[data-theme="dark"] .mis-radicados-page #misClientsCount,
:root[data-theme="dark"] .mis-radicados-page #misEffectiveness,
:root[data-theme="dark"] .mis-radicados-page #misRecentAverage {
    color: #f8fbff !important;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

:root[data-theme="dark"] .mis-radicados-page .mr-list-head {
    border-bottom-color: rgba(143, 181, 255, 0.14) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-list-head h3,
:root[data-theme="dark"] .mis-radicados-page .mr-card-copy h4,
:root[data-theme="dark"] .mis-radicados-page .mr-card-metric strong {
    color: #f8fbff !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-list-subtitle,
:root[data-theme="dark"] .mis-radicados-page .mr-card-id,
:root[data-theme="dark"] .mis-radicados-page .mr-progress-meta span,
:root[data-theme="dark"] .mis-radicados-page .mr-card-metric small,
:root[data-theme="dark"] .mis-radicados-page .mr-search-field span,
:root[data-theme="dark"] .mis-radicados-page .mr-select-field span {
    color: #aebdd2 !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-search-field input,
:root[data-theme="dark"] .mis-radicados-page .mr-select-field select {
    background: #0f1a2c !important;
    color: #edf3ff !important;
    border-color: rgba(143, 181, 255, 0.22) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-search-field input::placeholder {
    color: rgba(199, 210, 228, 0.55) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-search-field input:focus,
:root[data-theme="dark"] .mis-radicados-page .mr-select-field select:focus {
    background: #121f35 !important;
    border-color: rgba(103, 216, 255, 0.48) !important;
    box-shadow: 0 0 0 3px rgba(103, 216, 255, 0.12) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card {
    background: linear-gradient(180deg, rgba(17, 28, 48, 0.96), rgba(12, 22, 39, 0.94)) !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card:hover {
    border-color: rgba(103, 216, 255, 0.34) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card::before {
    background: #67d8ff !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card.is-complete::before {
    background: #59d49c !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card-head {
    background: transparent !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card-icon {
    background: rgba(143, 181, 255, 0.14) !important;
    color: #dce8ff !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-status-chip {
    background: rgba(143, 181, 255, 0.1) !important;
    color: #dce8ff !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-status-chip.is-active {
    background: rgba(103, 216, 255, 0.13) !important;
    color: #aeeaff !important;
    border-color: rgba(103, 216, 255, 0.26) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-status-chip.is-complete {
    background: rgba(89, 212, 156, 0.13) !important;
    color: #8df0bd !important;
    border-color: rgba(89, 212, 156, 0.26) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-status-chip.is-review {
    background: rgba(242, 189, 103, 0.14) !important;
    color: #ffd18a !important;
    border-color: rgba(242, 189, 103, 0.28) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-progress-meta strong {
    color: #67d8ff !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-progress-bar {
    background: rgba(143, 181, 255, 0.14) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-progress-bar span {
    background: linear-gradient(90deg, #8fb5ff, #67d8ff) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card-metrics {
    border-top-color: rgba(143, 181, 255, 0.14) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card-metric {
    background: transparent !important;
    border-color: rgba(143, 181, 255, 0.14) !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card-actions .radica-btn-primary {
    background: linear-gradient(135deg, #315fb8, #67d8ff) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .mis-radicados-page .mr-card-actions .radica-btn-secondary {
    background: rgba(143, 181, 255, 0.1) !important;
    color: #dce8ff !important;
    border-color: rgba(143, 181, 255, 0.22) !important;
}

/* Landing / dashboard */
:root[data-theme="dark"] .landing-page {
    --lp-accent: #8fb5ff;
    --lp-accent-soft: rgba(143, 181, 255, 0.14);
    --lp-success: #59d49c;
    --lp-success-soft: rgba(89, 212, 156, 0.13);
    --lp-warn: #f2bd67;
    --lp-warn-soft: rgba(242, 189, 103, 0.14);
    --lp-bg: #07111f;
    --lp-surface: #101a2b;
    --lp-surface-soft: #14213a;
    --lp-line: rgba(143, 181, 255, 0.18);
    --lp-line-strong: rgba(143, 181, 255, 0.28);
    --lp-text: #f4f7fb;
    --lp-muted: #b9c6da;
    --lp-faint: #8294b0;
    --lp-shadow: 0 18px 42px rgba(0, 0, 0, 0.3);
    background:
        radial-gradient(circle at 18% 4%, rgba(143, 181, 255, 0.12), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(159, 27, 32, 0.11), transparent 34%),
        linear-gradient(180deg, #07111f 0%, #0b1423 100%);
}

:root[data-theme="dark"] .landing-page .menu-topbar,
:root[data-theme="dark"] .landing-page .dashboard-hero,
:root[data-theme="dark"] .landing-page .kpi-card,
:root[data-theme="dark"] .landing-page .module-card,
:root[data-theme="dark"] .landing-page .activity-item,
:root[data-theme="dark"] .landing-page .activity-dropdown,
:root[data-theme="dark"] .landing-page .profile-modal,
:root[data-theme="dark"] .landing-page .profile-confirm-modal,
:root[data-theme="dark"] .landing-page .profile-section,
:root[data-theme="dark"] .landing-page .profile-photo-actions,
:root[data-theme="dark"] .landing-page .menu-section {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.94), rgba(13, 23, 40, 0.88)) !important;
    border-color: var(--lp-line) !important;
    box-shadow: var(--lp-shadow) !important;
}

:root[data-theme="dark"] .landing-page .menu-brand-logo,
:root[data-theme="dark"] .landing-page .menu-icon-btn,
:root[data-theme="dark"] .landing-page .profile-trigger,
:root[data-theme="dark"] .landing-page .module-action,
:root[data-theme="dark"] .landing-page .profile-close,
:root[data-theme="dark"] .landing-page .profile-photo-actions button,
:root[data-theme="dark"] .landing-page .profile-secondary-action,
:root[data-theme="dark"] .landing-page .profile-setting-row,
:root[data-theme="dark"] .landing-page .profile-setting-link,
:root[data-theme="dark"] .landing-page .profile-account-button {
    background: var(--lp-surface-soft) !important;
    color: var(--lp-text) !important;
    border-color: var(--lp-line) !important;
}

:root[data-theme="dark"] .landing-page .module-card.is-enabled:hover .module-action,
:root[data-theme="dark"] .landing-page .module-action:hover,
:root[data-theme="dark"] .landing-page a.module-action:hover,
:root[data-theme="dark"] .landing-page .profile-photo-actions button:hover,
:root[data-theme="dark"] .landing-page .profile-secondary-action:hover,
:root[data-theme="dark"] .landing-page .profile-setting-link:hover,
:root[data-theme="dark"] .landing-page .profile-account-button:hover {
    background: rgba(143, 181, 255, 0.18) !important;
    color: #f8fbff !important;
    border-color: rgba(103, 216, 255, 0.45) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

:root[data-theme="dark"] .landing-page .module-card.is-enabled:hover .module-action svg,
:root[data-theme="dark"] .landing-page .module-action:hover svg,
:root[data-theme="dark"] .landing-page a.module-action:hover svg {
    color: #67d8ff !important;
    stroke: currentColor !important;
}

:root[data-theme="dark"] .landing-page .dashboard-heading h1,
:root[data-theme="dark"] .landing-page #dashboardGreeting {
    color: #f8fbff !important;
    text-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
}

:root[data-theme="dark"] .landing-page .dashboard-heading p,
:root[data-theme="dark"] .landing-page #summaryName,
:root[data-theme="dark"] .landing-page #summaryRole {
    color: #d5dfef !important;
}

:root[data-theme="dark"] .landing-page #sessionBadge,
:root[data-theme="dark"] .landing-page .dashboard-heading .menu-eyebrow {
    color: #dce8ff !important;
}

:root[data-theme="dark"] .landing-page #sessionBadge {
    background: rgba(143, 181, 255, 0.14) !important;
    border-color: rgba(143, 181, 255, 0.28) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
}

:root[data-theme="dark"] .landing-page #sessionBadge::before {
    background: #59d49c !important;
    box-shadow: 0 0 0 5px rgba(89, 212, 156, 0.16) !important;
}

:root[data-theme="dark"] .landing-page .module-state {
    color: #aeeaff !important;
}

:root[data-theme="dark"] .landing-page .module-card h3,
:root[data-theme="dark"] .landing-page .module-card p {
    color: #f8fbff !important;
}

:root[data-theme="dark"] .landing-page .module-card small {
    color: #b9c6da !important;
}

:root[data-theme="dark"] .landing-page .profile-readonly {
    background: rgba(20, 33, 58, 0.78) !important;
    border-color: var(--lp-line) !important;
}

:root[data-theme="dark"] .landing-page .profile-readonly strong,
:root[data-theme="dark"] .landing-page .profile-section-head h4,
:root[data-theme="dark"] .landing-page .profile-details-summary strong,
:root[data-theme="dark"] .landing-page .profile-setting-row strong,
:root[data-theme="dark"] .landing-page .profile-setting-link strong,
:root[data-theme="dark"] .landing-page .profile-account-button strong,
:root[data-theme="dark"] .landing-page .profile-confirm-modal h3 {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] .landing-page .profile-details-summary small,
:root[data-theme="dark"] .landing-page .profile-setting-row span,
:root[data-theme="dark"] .landing-page .profile-setting-link small,
:root[data-theme="dark"] .landing-page .profile-account-button small,
:root[data-theme="dark"] .landing-page .profile-confirm-modal p {
    color: #b9c6da !important;
}

:root[data-theme="dark"] .landing-page .profile-switch span {
    background: #263552 !important;
    border-color: var(--lp-line-strong) !important;
}

:root[data-theme="dark"] .landing-page .profile-switch input:checked + span {
    background: #6f9dff !important;
    border-color: #6f9dff !important;
}

:root[data-theme="dark"] .landing-page .profile-account-button.is-danger {
    background: rgba(255, 143, 163, 0.1) !important;
    border-color: rgba(255, 143, 163, 0.26) !important;
}

:root[data-theme="dark"] .landing-page .profile-account-button.is-danger strong {
    color: #ffb8c5 !important;
}

:root[data-theme="dark"] .landing-page .profile-form-status.is-error {
    background: rgba(255, 143, 163, 0.13) !important;
    color: #ffb8c5 !important;
}

:root[data-theme="dark"] .landing-page .profile-secondary-action.is-primary {
    background: #6f9dff !important;
    border-color: #6f9dff !important;
    color: #07111f !important;
}

:root[data-theme="dark"] .landing-page input,
:root[data-theme="dark"] .landing-page textarea,
:root[data-theme="dark"] .landing-page select {
    background: #101a2b !important;
    color: #edf3ff !important;
    border-color: var(--lp-line) !important;
}

/* Chat */
:root[data-theme="dark"] .chat-page {
    background:
        radial-gradient(circle at 12% 10%, rgba(48, 185, 240, 0.12), transparent 36%),
        linear-gradient(135deg, #07111f, #0b1423 58%, #111827);
}

:root[data-theme="dark"] .chat-container,
:root[data-theme="dark"] .chat-page .sidebar,
:root[data-theme="dark"] .chat-page .sidebar-header,
:root[data-theme="dark"] .chat-page .chat-header,
:root[data-theme="dark"] .chat-page .input-area,
:root[data-theme="dark"] .chat-page .modal-content,
:root[data-theme="dark"] .chat-page .side-panel,
:root[data-theme="dark"] .chat-page .group-wizard-panel {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.96), rgba(11, 20, 35, 0.92)) !important;
    color: #edf3ff !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
}

:root[data-theme="dark"] .chat-page .chat-messages {
    background:
        radial-gradient(circle at 20% 20%, rgba(48, 185, 240, 0.08), transparent 34%),
        linear-gradient(180deg, #0b1423, #07111f) !important;
}

:root[data-theme="dark"] .chat-page .search-input,
:root[data-theme="dark"] .chat-page .input-area textarea,
:root[data-theme="dark"] .chat-page .profile-panel-form input,
:root[data-theme="dark"] .chat-page .group-wizard-field input,
:root[data-theme="dark"] .chat-page .group-wizard-field textarea {
    background: #101a2b !important;
    color: #edf3ff !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
}

:root[data-theme="dark"] .chat-page .contact-item,
:root[data-theme="dark"] .chat-page .contact-card,
:root[data-theme="dark"] .chat-page .group-member-row,
:root[data-theme="dark"] .chat-page .group-info-card {
    background: rgba(20, 33, 58, 0.78) !important;
    color: #edf3ff !important;
    border-color: rgba(143, 181, 255, 0.16) !important;
}

:root[data-theme="dark"] .chat-page .message-bubble.received,
:root[data-theme="dark"] .chat-page .message-bubble.other {
    background: #141f33 !important;
    color: #e8edf7 !important;
}

/* Chat oscuro refinado. Este bloque va despues del tema global para cubrir
   las reglas finales de chat.css y los componentes creados por chat.js. */
:root[data-theme="dark"] {
    background: #0b0f16;
}

:root[data-theme="dark"] .chat-page {
    --chat-bg: #0b0f16;
    --chat-bg-soft: #111722;
    --chat-panel: #151b26;
    --chat-panel-strong: #1b2330;
    --chat-panel-soft: #202938;
    --chat-line: rgba(162, 174, 194, 0.16);
    --chat-line-strong: rgba(162, 174, 194, 0.24);
    --chat-text: #f4f7fb;
    --chat-text-soft: #c5cfdd;
    --chat-text-muted: #8f9db0;
    --chat-accent: #75a7ff;
    --chat-accent-strong: #4d86ff;
    --chat-crimson: #ff8fa3;
    --chat-success: #64d8a7;
    background:
        radial-gradient(circle at 11% 8%, rgba(117, 167, 255, 0.14), transparent 32%),
        radial-gradient(circle at 88% 4%, rgba(255, 143, 163, 0.11), transparent 30%),
        linear-gradient(180deg, #0b0f16 0%, #101722 58%, #0b0f16 100%) !important;
    color: var(--chat-text-soft) !important;
}

:root[data-theme="dark"] .chat-page .chat-container {
    background: var(--chat-bg) !important;
    color: var(--chat-text-soft) !important;
}

:root[data-theme="dark"] .chat-page .sidebar {
    background: var(--chat-panel) !important;
    border-right-color: var(--chat-line) !important;
    color: var(--chat-text-soft) !important;
}

:root[data-theme="dark"] .chat-page .sidebar-header,
:root[data-theme="dark"] .chat-page .search-container,
:root[data-theme="dark"] .chat-page .sidebar-footer {
    background: var(--chat-panel-strong) !important;
    border-color: var(--chat-line) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .chat-list,
:root[data-theme="dark"] .chat-page .search-list {
    background: var(--chat-panel) !important;
}

:root[data-theme="dark"] .chat-page .user-avatar,
:root[data-theme="dark"] .chat-page .chat-avatar,
:root[data-theme="dark"] .chat-page .header-avatar,
:root[data-theme="dark"] .chat-page .profile-avatar,
:root[data-theme="dark"] .chat-page .profile-panel-avatar,
:root[data-theme="dark"] .chat-page .member-avatar,
:root[data-theme="dark"] .chat-page .group-wizard-avatar,
:root[data-theme="dark"] .chat-page .group-wizard-photo .avatar-initials {
    background: linear-gradient(135deg, #243047, #182231) !important;
    border-color: var(--chat-line-strong) !important;
    color: var(--chat-text) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .user-info strong,
:root[data-theme="dark"] .chat-page .chat-name,
:root[data-theme="dark"] .chat-page #header-name,
:root[data-theme="dark"] .chat-page .profile-name,
:root[data-theme="dark"] .chat-page .profile-info-value,
:root[data-theme="dark"] .chat-page .side-panel-title,
:root[data-theme="dark"] .chat-page .group-wizard-title,
:root[data-theme="dark"] .chat-page .group-wizard-name,
:root[data-theme="dark"] .chat-page .member-name,
:root[data-theme="dark"] .chat-page .group-name-field,
:root[data-theme="dark"] .chat-page .profile-panel-header {
    color: var(--chat-text) !important;
}

:root[data-theme="dark"] .chat-page .user-info small,
:root[data-theme="dark"] .chat-page .chat-time,
:root[data-theme="dark"] .chat-page .chat-preview,
:root[data-theme="dark"] .chat-page .chat-preview[style],
:root[data-theme="dark"] .chat-page .chat-email,
:root[data-theme="dark"] .chat-page .empty-list,
:root[data-theme="dark"] .chat-page .profile-info-row,
:root[data-theme="dark"] .chat-page .profile-last-seen,
:root[data-theme="dark"] .chat-page .profile-panel-readonly,
:root[data-theme="dark"] .chat-page .profile-photo-status,
:root[data-theme="dark"] .chat-page .members-title,
:root[data-theme="dark"] .chat-page .member-role,
:root[data-theme="dark"] .chat-page .members-empty,
:root[data-theme="dark"] .chat-page .group-wizard-meta,
:root[data-theme="dark"] .chat-page .group-wizard-loading,
:root[data-theme="dark"] .chat-page .group-wizard-empty,
:root[data-theme="dark"] .chat-page .group-wizard-summary,
:root[data-theme="dark"] .chat-page .group-created-by,
:root[data-theme="dark"] .chat-page .group-desc-field {
    color: var(--chat-text-muted) !important;
}

:root[data-theme="dark"] .chat-page .user-info small,
:root[data-theme="dark"] .chat-page .chat-role,
:root[data-theme="dark"] .chat-page .chat-role-right,
:root[data-theme="dark"] .chat-page .profile-role {
    background: rgba(117, 167, 255, 0.12) !important;
    border-color: rgba(117, 167, 255, 0.22) !important;
    color: #cfe0ff !important;
}

:root[data-theme="dark"] .chat-page .search-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2397a6ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
    opacity: 1 !important;
}

:root[data-theme="dark"] .chat-page .search-input,
:root[data-theme="dark"] .chat-page .input-area textarea,
:root[data-theme="dark"] .chat-page .profile-panel-form input,
:root[data-theme="dark"] .chat-page .group-wizard-search,
:root[data-theme="dark"] .chat-page .group-wizard-field input,
:root[data-theme="dark"] .chat-page .group-wizard-field textarea,
:root[data-theme="dark"] .chat-page .group-edit-field {
    background: #101722 !important;
    border-color: var(--chat-line-strong) !important;
    color: var(--chat-text) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .search-input:focus,
:root[data-theme="dark"] .chat-page .input-area textarea:focus,
:root[data-theme="dark"] .chat-page .profile-panel-form input:focus,
:root[data-theme="dark"] .chat-page .group-wizard-search:focus,
:root[data-theme="dark"] .chat-page .group-wizard-field input:focus,
:root[data-theme="dark"] .chat-page .group-wizard-field textarea:focus,
:root[data-theme="dark"] .chat-page .group-edit-field:focus {
    border-color: rgba(117, 167, 255, 0.72) !important;
    box-shadow: 0 0 0 3px rgba(117, 167, 255, 0.14) !important;
}

:root[data-theme="dark"] .chat-page .chat-item,
:root[data-theme="dark"] .chat-page .search-item,
:root[data-theme="dark"] .chat-page .group-wizard-item,
:root[data-theme="dark"] .chat-page .member-item {
    background: #171e2a !important;
    border-color: var(--chat-line) !important;
    color: var(--chat-text-soft) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .chat-item:hover,
:root[data-theme="dark"] .chat-page .search-item:hover,
:root[data-theme="dark"] .chat-page .group-wizard-item:hover {
    background: #1d2635 !important;
    border-color: rgba(117, 167, 255, 0.36) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .chat-item.active {
    background: linear-gradient(180deg, rgba(77, 134, 255, 0.18), rgba(117, 167, 255, 0.1)) !important;
    border-color: rgba(117, 167, 255, 0.44) !important;
}

:root[data-theme="dark"] .chat-page .chat-item.active::before,
:root[data-theme="dark"] .chat-page .unread-dot {
    background: var(--chat-accent) !important;
}

:root[data-theme="dark"] .chat-page .unread-dot {
    box-shadow: 0 0 0 4px rgba(117, 167, 255, 0.18) !important;
}

:root[data-theme="dark"] .chat-page .contacts-toggle-btn,
:root[data-theme="dark"] .chat-page .profile-action-btn,
:root[data-theme="dark"] .chat-page .attach-btn,
:root[data-theme="dark"] .chat-page .audio-cancel-btn,
:root[data-theme="dark"] .chat-page .composer-menu-item,
:root[data-theme="dark"] .chat-page .contact-card-action,
:root[data-theme="dark"] .chat-page .modal-close,
:root[data-theme="dark"] .chat-page .side-panel-back,
:root[data-theme="dark"] .chat-page .profile-panel-close,
:root[data-theme="dark"] .chat-page .group-wizard-close,
:root[data-theme="dark"] .chat-page .group-wizard-link,
:root[data-theme="dark"] .chat-page .profile-photo-btn,
:root[data-theme="dark"] .chat-page .group-wizard-photo-btn {
    background: #202938 !important;
    border-color: var(--chat-line-strong) !important;
    color: var(--chat-text-soft) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .contacts-toggle-btn:hover,
:root[data-theme="dark"] .chat-page .profile-action-btn:hover,
:root[data-theme="dark"] .chat-page .attach-btn:hover,
:root[data-theme="dark"] .chat-page .audio-cancel-btn:hover,
:root[data-theme="dark"] .chat-page .composer-menu-item:hover,
:root[data-theme="dark"] .chat-page .contact-card-action:hover,
:root[data-theme="dark"] .chat-page .modal-close:hover,
:root[data-theme="dark"] .chat-page .side-panel-back:hover,
:root[data-theme="dark"] .chat-page .profile-panel-close:hover,
:root[data-theme="dark"] .chat-page .group-wizard-close:hover,
:root[data-theme="dark"] .chat-page .group-wizard-link:hover,
:root[data-theme="dark"] .chat-page .profile-photo-btn:hover,
:root[data-theme="dark"] .chat-page .group-wizard-photo-btn:hover {
    background: rgba(117, 167, 255, 0.16) !important;
    border-color: rgba(117, 167, 255, 0.42) !important;
    color: var(--chat-text) !important;
}

:root[data-theme="dark"] .chat-page .contacts-toggle-btn.is-primary-action {
    background: var(--chat-accent-strong) !important;
    border-color: var(--chat-accent-strong) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .chat-page .contacts-toggle-btn.is-primary-action:hover,
:root[data-theme="dark"] .chat-page .contacts-toggle-btn.is-primary-action.is-active {
    background: #669aff !important;
    border-color: #669aff !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .chat-page .chats-toggle-btn.is-active {
    background: rgba(117, 167, 255, 0.16) !important;
    border-color: rgba(117, 167, 255, 0.5) !important;
    color: #d8e5ff !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .send-btn,
:root[data-theme="dark"] .chat-page .group-wizard-btn.primary,
:root[data-theme="dark"] .chat-page .profile-panel-save,
:root[data-theme="dark"] .chat-page .members-action-btn {
    background: var(--chat-accent-strong) !important;
    border-color: var(--chat-accent-strong) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .send-btn:hover,
:root[data-theme="dark"] .chat-page .group-wizard-btn.primary:hover,
:root[data-theme="dark"] .chat-page .profile-panel-save:hover,
:root[data-theme="dark"] .chat-page .members-action-btn:hover {
    background: #669aff !important;
    border-color: #669aff !important;
}

:root[data-theme="dark"] .chat-page .main-chat {
    background:
        radial-gradient(circle at 86% 10%, rgba(255, 143, 163, 0.08), transparent 28%),
        linear-gradient(180deg, #101722 0%, #0d131d 100%) !important;
}

:root[data-theme="dark"] .chat-page .main-chat::before {
    background-image:
        linear-gradient(rgba(162, 174, 194, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(162, 174, 194, 0.055) 1px, transparent 1px) !important;
    opacity: 0.7 !important;
}

:root[data-theme="dark"] .chat-page .chat-header-panel,
:root[data-theme="dark"] .chat-page .input-area {
    background: rgba(21, 27, 38, 0.96) !important;
    border-color: var(--chat-line) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .messages-container {
    color: var(--chat-text-soft) !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-bubble {
    background: linear-gradient(135deg, #174a9c, #0f3473) !important;
    color: #ffffff !important;
    border-color: rgba(143, 181, 255, 0.34) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34) !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-bubble * {
    color: #ffffff !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-text,
:root[data-theme="dark"] .chat-page .message-row.me .message-caption,
:root[data-theme="dark"] .chat-page .message-row.me .sender-name,
:root[data-theme="dark"] .chat-page .message-row.me .chat-link,
:root[data-theme="dark"] .chat-page .message-row.me .message-bubble p,
:root[data-theme="dark"] .chat-page .message-row.me .message-bubble strong,
:root[data-theme="dark"] .chat-page .message-row.me .message-bubble em {
    color: #ffffff !important;
}

:root[data-theme="dark"] .chat-page .message-row.other .message-bubble {
    background: #1a2230 !important;
    border: 1px solid var(--chat-line) !important;
    color: var(--chat-text) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

:root[data-theme="dark"] .chat-page .message-time {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-time {
    color: #f4f8ff !important;
    font-weight: 700 !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-status--sent {
    color: #f8fbff !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-status--delivered {
    color: #ffffff !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .message-status--read {
    color: #c8eeff !important;
}

:root[data-theme="dark"] .chat-page .sender-name,
:root[data-theme="dark"] .chat-page .chat-link,
:root[data-theme="dark"] .chat-page .message-row.other .chat-link {
    color: #9fc2ff !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .chat-link {
    color: #ffffff !important;
}

:root[data-theme="dark"] .chat-page .chat-media-doc {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--chat-line) !important;
    color: inherit !important;
}

:root[data-theme="dark"] .chat-page .message-row.me .chat-media-doc {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

:root[data-theme="dark"] .chat-page .empty-state {
    color: var(--chat-text-muted) !important;
}

:root[data-theme="dark"] .chat-page .empty-state img {
    background: #151b26 !important;
    border-color: var(--chat-line) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .chat-page .empty-state h2 {
    color: var(--chat-text) !important;
}

:root[data-theme="dark"] .chat-page .empty-state p {
    color: var(--chat-text-muted) !important;
}

:root[data-theme="dark"] .chat-page .modal-content,
:root[data-theme="dark"] .chat-page .profile-panel,
:root[data-theme="dark"] .chat-page .side-panel,
:root[data-theme="dark"] .chat-page .group-wizard,
:root[data-theme="dark"] .chat-page .attach-menu,
:root[data-theme="dark"] .chat-page .search-results {
    background: var(--chat-panel) !important;
    border-color: var(--chat-line) !important;
    color: var(--chat-text-soft) !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34) !important;
}

:root[data-theme="dark"] .chat-page .side-panel-header,
:root[data-theme="dark"] .chat-page .group-wizard-header,
:root[data-theme="dark"] .chat-page .group-wizard-footer,
:root[data-theme="dark"] .chat-page .members-list {
    background: var(--chat-panel-strong) !important;
    border-color: var(--chat-line) !important;
}

:root[data-theme="dark"] .chat-page .modal-overlay,
:root[data-theme="dark"] .chat-page .profile-panel-overlay,
:root[data-theme="dark"] .chat-page .side-panel-overlay,
:root[data-theme="dark"] .chat-page .group-wizard-overlay {
    background: rgba(3, 6, 12, 0.68) !important;
}

:root[data-theme="dark"] .chat-page .group-wizard-btn {
    background: #202938 !important;
    border-color: var(--chat-line-strong) !important;
    color: var(--chat-text-soft) !important;
}

:root[data-theme="dark"] .chat-page .composer-status {
    background: var(--chat-panel-strong) !important;
    border-color: var(--chat-line) !important;
    color: var(--chat-text-soft) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26) !important;
}

:root[data-theme="dark"] .chat-page .composer-status--recording {
    background: rgba(255, 143, 163, 0.12) !important;
    border-color: rgba(255, 143, 163, 0.26) !important;
    color: #ffc1cc !important;
}

:root[data-theme="dark"] .chat-page .composer-status--upload {
    background: rgba(117, 167, 255, 0.13) !important;
    border-color: rgba(117, 167, 255, 0.28) !important;
    color: #cfe0ff !important;
}

:root[data-theme="dark"] .chat-page .send-btn.is-recording {
    background: #bf334b !important;
    border-color: #bf334b !important;
}

:root[data-theme="dark"] .chat-page .send-btn.is-recording:hover {
    background: #d3455e !important;
    border-color: #d3455e !important;
}

:root[data-theme="dark"] .chat-page .member-remove-btn {
    background: rgba(255, 143, 163, 0.12) !important;
    border-color: rgba(255, 143, 163, 0.28) !important;
    color: #ffb8c5 !important;
}

:root[data-theme="dark"] .chat-page .sidebar-actions .profile-action-btn:hover::after {
    background: #edf3ff !important;
    color: #111722 !important;
}

/* Prioridad final para que el menu superior sea consistente en toda la app. */
:root[data-theme="dark"] .radica-page .radica-topbar,
:root[data-theme="dark"] .documentos-page .doc-topbar,
:root[data-theme="dark"] .mis-radicados-page .radica-topbar,
:root[data-theme="dark"] .estado-actual-page .radica-topbar {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.94), rgba(13, 23, 40, 0.88)) !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .radica-page .radica-title,
:root[data-theme="dark"] .radica-page .radica-brand h1,
:root[data-theme="dark"] .documentos-page .radica-brand h1,
:root[data-theme="dark"] .mis-radicados-page .radica-brand h1,
:root[data-theme="dark"] .estado-actual-page .radica-brand h1 {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] .radica-page .radica-topbar .radica-btn,
:root[data-theme="dark"] .documentos-page .radica-actions .radica-btn,
:root[data-theme="dark"] .mis-radicados-page .radica-topbar .radica-btn,
:root[data-theme="dark"] .estado-actual-page .radica-topbar .radica-btn,
:root[data-theme="dark"] .radica-page .radica-icon-btn {
    background: #14213a !important;
    color: #f4f7fb !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
}

/* Componente real de menu compartido. Mantener este bloque al final. */
body .avz-topbar.avz-topbar {
    position: sticky !important;
    top: 12px !important;
    z-index: 50 !important;
    display: grid !important;
    grid-template-columns: minmax(230px, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 68px !important;
    padding: 10px 12px !important;
    border: 1px solid #dbe2ee !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 8px 22px rgba(19, 33, 59, 0.08) !important;
    overflow: visible !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

body .avz-topbar.avz-topbar::before,
body .avz-topbar.avz-topbar::after {
    content: none !important;
    display: none !important;
}

body .avz-topbar .avz-topbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

body .avz-topbar .avz-topbar-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 154px !important;
    min-height: 42px !important;
    padding: 7px 9px !important;
    border: 1px solid #dbe2ee !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body .avz-topbar .avz-topbar-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    filter: none !important;
}

body .avz-topbar .avz-topbar-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

body .avz-topbar .menu-eyebrow,
body .avz-topbar .radica-eyebrow {
    color: #8a95a6 !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

body .avz-topbar .menu-title,
body .avz-topbar .radica-title,
body .avz-topbar h1 {
    color: #13213b !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-shadow: none !important;
}

body .avz-topbar .avz-topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body .avz-topbar .menu-icon-btn.menu-icon-btn,
body .avz-topbar .profile-trigger.profile-trigger,
body .avz-topbar .menu-action-link.menu-action-link,
body .avz-topbar .radica-btn.radica-btn,
body .avz-topbar .radica-icon-btn.radica-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dbe2ee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #13213b !important;
    box-shadow: none !important;
    font: 500 0.84rem/1 var(--lp-font, var(--rp-font-b, system-ui, sans-serif)) !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}

body .avz-topbar .menu-icon-btn.menu-icon-btn,
body .avz-topbar .profile-trigger.profile-trigger {
    width: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
}

body .avz-topbar .summary-avatar {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: #1f5eff !important;
    color: #ffffff !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
}

body .avz-topbar .summary-avatar img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body .avz-topbar .summary-avatar.has-image img {
    display: block;
}

body .avz-topbar .summary-avatar.has-image .avatar-initials {
    display: none;
}

body .avz-topbar .menu-icon-btn:hover,
body .avz-topbar .profile-trigger:hover,
body .avz-topbar .menu-action-link:hover,
body .avz-topbar .radica-btn:hover,
body .avz-topbar .radica-icon-btn:hover {
    border-color: #1f5eff !important;
    color: #1f5eff !important;
    background: #f8fafc !important;
    transform: none !important;
    box-shadow: none !important;
}

body .avz-topbar svg {
    width: 18px !important;
    height: 18px !important;
}

:root[data-theme="dark"] body .avz-topbar.avz-topbar {
    background: rgba(16, 26, 43, 0.94) !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] body .avz-topbar .avz-topbar-logo {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(143, 181, 255, 0.16) !important;
}

:root[data-theme="dark"] body .avz-topbar .menu-eyebrow,
:root[data-theme="dark"] body .avz-topbar .radica-eyebrow {
    color: #9fb0c8 !important;
}

:root[data-theme="dark"] body .avz-topbar .menu-title,
:root[data-theme="dark"] body .avz-topbar .radica-title,
:root[data-theme="dark"] body .avz-topbar h1 {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] body .avz-topbar .menu-icon-btn.menu-icon-btn,
:root[data-theme="dark"] body .avz-topbar .profile-trigger.profile-trigger,
:root[data-theme="dark"] body .avz-topbar .menu-action-link.menu-action-link,
:root[data-theme="dark"] body .avz-topbar .radica-btn.radica-btn,
:root[data-theme="dark"] body .avz-topbar .radica-icon-btn.radica-icon-btn {
    background: #14213a !important;
    color: #f4f7fb !important;
    border-color: rgba(143, 181, 255, 0.18) !important;
}

:root[data-theme="dark"] body .avz-topbar .menu-icon-btn:hover,
:root[data-theme="dark"] body .avz-topbar .profile-trigger:hover,
:root[data-theme="dark"] body .avz-topbar .menu-action-link:hover,
:root[data-theme="dark"] body .avz-topbar .radica-btn:hover,
:root[data-theme="dark"] body .avz-topbar .radica-icon-btn:hover {
    background: rgba(143, 181, 255, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(103, 216, 255, 0.45) !important;
}

/* Documentos: modo oscuro especifico */
:root[data-theme="dark"] body.documentos-page {
    --doc-dark-bg: #07111f;
    --doc-dark-surface: #101a2b;
    --doc-dark-surface-soft: #14213a;
    --doc-dark-surface-raised: #18253d;
    --doc-dark-line: rgba(143, 181, 255, 0.19);
    --doc-dark-line-strong: rgba(143, 181, 255, 0.3);
    --doc-dark-text: #f4f7fb;
    --doc-dark-soft: #b9c6da;
    --doc-dark-muted: #8294b0;
    background:
        radial-gradient(circle at 12% 4%, rgba(103, 216, 255, 0.12), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(255, 143, 163, 0.09), transparent 32%),
        linear-gradient(180deg, #07111f 0%, #0b1423 56%, #07111f 100%) !important;
    color: var(--doc-dark-soft) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-hero,
:root[data-theme="dark"] body.documentos-page .doc-workspace,
:root[data-theme="dark"] body.documentos-page .doc-card {
    background: linear-gradient(180deg, rgba(16, 26, 43, 0.96), rgba(11, 20, 35, 0.92)) !important;
    border-color: var(--doc-dark-line) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-progress-card,
:root[data-theme="dark"] body.documentos-page .doc-quick-stat,
:root[data-theme="dark"] body.documentos-page .doc-meta-row span,
:root[data-theme="dark"] body.documentos-page .doc-meta-box,
:root[data-theme="dark"] body.documentos-page .doc-contract-form,
:root[data-theme="dark"] body.documentos-page .doc-tariff-panel,
:root[data-theme="dark"] body.documentos-page .doc-tariff-item,
:root[data-theme="dark"] body.documentos-page .radica-loading-card {
    background: rgba(20, 33, 58, 0.82) !important;
    border-color: rgba(143, 181, 255, 0.17) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card:hover {
    border-color: rgba(103, 216, 255, 0.36) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-section-head {
    border-bottom-color: rgba(143, 181, 255, 0.14) !important;
}

:root[data-theme="dark"] body.documentos-page .radica-eyebrow,
:root[data-theme="dark"] body.documentos-page .doc-progress-top strong {
    color: #67d8ff !important;
}

:root[data-theme="dark"] body.documentos-page .doc-hero-copy h2,
:root[data-theme="dark"] body.documentos-page .doc-section-head h3,
:root[data-theme="dark"] body.documentos-page .doc-card-title h4,
:root[data-theme="dark"] body.documentos-page .doc-quick-stat strong,
:root[data-theme="dark"] body.documentos-page .doc-meta-box strong,
:root[data-theme="dark"] body.documentos-page .doc-tariff-head strong,
:root[data-theme="dark"] body.documentos-page .doc-tariff-item strong,
:root[data-theme="dark"] body.documentos-page .radica-loading-card h3 {
    color: var(--doc-dark-text) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-hero-copy p,
:root[data-theme="dark"] body.documentos-page .doc-card-copy p,
:root[data-theme="dark"] body.documentos-page .doc-progress-card p,
:root[data-theme="dark"] body.documentos-page .doc-progress-top span,
:root[data-theme="dark"] body.documentos-page .doc-quick-stat small,
:root[data-theme="dark"] body.documentos-page .doc-card-title span,
:root[data-theme="dark"] body.documentos-page .doc-meta-row span,
:root[data-theme="dark"] body.documentos-page .doc-meta-box small,
:root[data-theme="dark"] body.documentos-page .doc-form-field span,
:root[data-theme="dark"] body.documentos-page .doc-tariff-head span,
:root[data-theme="dark"] body.documentos-page .doc-tariff-item small,
:root[data-theme="dark"] body.documentos-page .radica-loading-card p {
    color: var(--doc-dark-soft) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card-icon {
    background: rgba(103, 216, 255, 0.12) !important;
    color: #9fc2ff !important;
    border: 1px solid rgba(103, 216, 255, 0.18) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card::before,
:root[data-theme="dark"] body.documentos-page .doc-contract-card::before {
    background: #67d8ff !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card.is-ready::before {
    background: #59d49c !important;
}

:root[data-theme="dark"] body.documentos-page .doc-progress-bar {
    background: rgba(143, 181, 255, 0.14) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-progress-bar span {
    background: linear-gradient(90deg, #8fb5ff 0%, #67d8ff 100%) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-form-field input,
:root[data-theme="dark"] body.documentos-page .doc-form-field select {
    background: #101a2b !important;
    color: #edf3ff !important;
    border-color: var(--doc-dark-line) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.documentos-page .doc-form-field input:focus,
:root[data-theme="dark"] body.documentos-page .doc-form-field select:focus {
    border-color: rgba(103, 216, 255, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(103, 216, 255, 0.12) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-status-chip.is-ready {
    background: rgba(89, 212, 156, 0.13) !important;
    color: #8df0bd !important;
    border-color: rgba(89, 212, 156, 0.26) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-status-chip.is-processing {
    background: rgba(103, 216, 255, 0.12) !important;
    color: #aeeaff !important;
    border-color: rgba(103, 216, 255, 0.26) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-status-chip.is-pending {
    background: rgba(242, 189, 103, 0.14) !important;
    color: #ffd18a !important;
    border-color: rgba(242, 189, 103, 0.28) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-tariff-item.is-total {
    background: rgba(103, 216, 255, 0.13) !important;
    border-color: rgba(103, 216, 255, 0.28) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-tariff-refresh,
:root[data-theme="dark"] body.documentos-page .doc-card-actions .radica-btn-secondary {
    background: rgba(143, 181, 255, 0.1) !important;
    color: #dce8ff !important;
    border-color: var(--doc-dark-line) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card-actions .radica-btn-primary {
    background: linear-gradient(135deg, #315fb8, #67d8ff) !important;
    color: #ffffff !important;
    border-color: rgba(103, 216, 255, 0.38) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card-actions .doc-delete-btn {
    background: rgba(255, 143, 163, 0.1) !important;
    color: #ffb8c5 !important;
    border-color: rgba(255, 143, 163, 0.26) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-tariff-refresh:hover,
:root[data-theme="dark"] body.documentos-page .doc-card-actions .radica-btn-secondary:hover {
    background: rgba(143, 181, 255, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(103, 216, 255, 0.45) !important;
}

:root[data-theme="dark"] body.documentos-page .doc-card-actions .doc-delete-btn:hover {
    background: rgba(255, 143, 163, 0.16) !important;
    color: #ffd5dd !important;
    border-color: rgba(255, 143, 163, 0.4) !important;
}

@media (max-width: 720px) {
    body .avz-topbar.avz-topbar {
        grid-template-columns: 1fr !important;
    }

    body .avz-topbar .avz-topbar-actions {
        justify-content: stretch !important;
    }

    body .avz-topbar .radica-btn.radica-btn,
    body .avz-topbar .menu-action-link.menu-action-link {
        flex: 1 1 auto !important;
    }
}

/* Resumen inicial de Radica en modo oscuro */
:root[data-theme="dark"] body.radica-page #radicaIntro.rp-hero {
    background:
        linear-gradient(180deg, rgba(16, 26, 43, 0.96), rgba(11, 20, 35, 0.92)) !important;
    border: 1px solid rgba(143, 181, 255, 0.18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32) !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro.rp-hero::after {
    background: rgba(143, 181, 255, 0.14) !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-hero-main {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-hero-main::after {
    border-color: transparent !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-overall-progress,
:root[data-theme="dark"] body.radica-page #radicaIntro .rp-stat,
:root[data-theme="dark"] body.radica-page #radicaIntro .rp-tip {
    background: rgba(20, 33, 58, 0.78) !important;
    border: 1px solid rgba(143, 181, 255, 0.16) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .radica-eyebrow {
    color: #9fc2ff !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro h2,
:root[data-theme="dark"] body.radica-page #radicaIntro .rp-stat-value {
    color: #f4f7fb !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-overall-progress-top span,
:root[data-theme="dark"] body.radica-page #radicaIntro .rp-overall-sub,
:root[data-theme="dark"] body.radica-page #radicaIntro .rp-stat-label,
:root[data-theme="dark"] body.radica-page #radicaIntro .rp-tip {
    color: #b9c6da !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-overall-progress-top strong {
    color: #67d8ff !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-overall-bar {
    background: rgba(143, 181, 255, 0.13) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-overall-bar span {
    background: linear-gradient(90deg, #8fb5ff 0%, #67d8ff 100%) !important;
}

:root[data-theme="dark"] body.radica-page #radicaIntro .rp-tip-icon {
    background: rgba(103, 216, 255, 0.12) !important;
    color: #9fc2ff !important;
}

/* Boton de tema */
.theme-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 2147483000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    height: 44px;
    min-width: 132px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--theme-toggle-border);
    background: var(--theme-toggle-bg);
    color: var(--theme-toggle-fg);
    box-shadow: var(--theme-toggle-shadow);
    cursor: pointer;
    font: 700 0.82rem/1 var(--font-body, system-ui, -apple-system, sans-serif);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.theme-toggle:hover {
    transform: translateY(-2px);
    border-color: currentColor;
}

.theme-toggle:active {
    transform: translateY(0);
}

.theme-toggle svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.theme-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.theme-toggle-label {
    display: inline-block;
    white-space: nowrap;
}

.chat-page .theme-toggle {
    bottom: 86px;
}

@media (max-width: 720px) {
    .theme-toggle {
        right: 14px;
        bottom: 14px;
        min-width: 0;
        height: 42px;
        padding: 0 12px;
    }

    .chat-page .theme-toggle {
        bottom: 86px;
    }
}

/* Override final para resumen de Documentos en modo oscuro. */
html[data-theme="dark"] body.radica-page.documentos-page .doc-hero,
html[data-theme="dark"] body.radica-page.documentos-page .doc-workspace {
    background: linear-gradient(180deg, #101a2b 0%, #0b1423 100%) !important;
    border-color: rgba(143, 181, 255, 0.2) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] body.radica-page.documentos-page .doc-meta-row > span,
html[data-theme="dark"] body.radica-page.documentos-page .doc-quick-stat,
html[data-theme="dark"] body.radica-page.documentos-page .doc-progress-card {
    background: #14213a !important;
    background-color: #14213a !important;
    border-color: rgba(143, 181, 255, 0.22) !important;
    color: #dce8ff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.radica-page.documentos-page .doc-meta-row > span,
html[data-theme="dark"] body.radica-page.documentos-page .doc-quick-stat small,
html[data-theme="dark"] body.radica-page.documentos-page .doc-progress-top span,
html[data-theme="dark"] body.radica-page.documentos-page .doc-progress-card p {
    color: #b9c6da !important;
}

html[data-theme="dark"] body.radica-page.documentos-page .doc-quick-stat strong {
    color: #f4f7fb !important;
}

html[data-theme="dark"] body.radica-page.documentos-page .doc-progress-top strong {
    color: #67d8ff !important;
}

html[data-theme="dark"] body.radica-page.documentos-page .doc-progress-bar {
    background: rgba(143, 181, 255, 0.16) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.radica-page.documentos-page .doc-progress-bar span {
    background: linear-gradient(90deg, #8fb5ff 0%, #67d8ff 100%) !important;
}