.theme-choice{border-top:1px solid #e1eaf0;padding:12px 0 15px;margin:6px 0}.theme-choice label{display:block;font-size:11px;color:#617b89;margin-bottom:8px}.theme-choice select{width:100%;font:12px 'DM Sans',sans-serif;padding:9px;border:1px solid #cadce6;border-radius:6px;background:white;color:#17324d}
html[data-theme=dark]{--paper:#111c28;--ink:#e3edf5;--line:#354656;--navy:#e3edf5;background:#111c28}
html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] aside{background:#111c28;color:#e3edf5}
html[data-theme=dark] aside{border-color:#354656}
html[data-theme=dark] .card,html[data-theme=dark] .metric,html[data-theme=dark] .chat-card,html[data-theme=dark] dialog,html[data-theme=dark] .user-panel,html[data-theme=dark] .notification-panel,html[data-theme=dark] .quick-picker{background:#1b2b3a;color:#e3edf5;border-color:#354b5c}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong,html[data-theme=dark] .metric b,html[data-theme=dark] .metric span,html[data-theme=dark] .open-chat,html[data-theme=dark] .price{color:#e3edf5}
html[data-theme=dark] small,html[data-theme=dark] .muted,html[data-theme=dark] .metric-help,html[data-theme=dark] .card p,html[data-theme=dark] .chat-card p,html[data-theme=dark] .dashboard-definition,html[data-theme=dark] .caption,html[data-theme=dark] .theme-choice label{color:#afc1cf}
html[data-theme=dark] nav button{color:#c5d5e1}html[data-theme=dark] nav button.active,html[data-theme=dark] nav button:hover{background:#24463f;color:#82e1cb}
html[data-theme=dark] .brand,html[data-theme=dark] .company-identity{background:#fff;border-radius:8px}html[data-theme=dark] .company-identity strong{color:#17324d}
html[data-theme=dark] .board-column,html[data-theme=dark] .messages,html[data-theme=dark] .schedule-chat{background:#142331;border-color:#354b5c}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .theme-choice select{background:#13212f!important;color:#e3edf5!important;border-color:#405768!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a9bdcc}
html[data-theme=dark] .secondary,html[data-theme=dark] .notification-bell,html[data-theme=dark] .quick-bolt,html[data-theme=dark] .mini-followup,html[data-theme=dark] .quick-picker>button{background:#223748;color:#d6e8f4;border-color:#405768}
html[data-theme=dark] .secondary:hover,html[data-theme=dark] .mini-followup:hover,html[data-theme=dark] .quick-picker>button:hover{background:#2c4d55}
html[data-theme=dark] .primary{background:#147d70;border-color:#299584;color:white}
html[data-theme=dark] .table,html[data-theme=dark] .table td,html[data-theme=dark] .table th,html[data-theme=dark] .table tfoot td{background:#1b2b3a;color:#d4e2ed;border-color:#354b5c}
html[data-theme=dark] .notice{background:#243b4b;border-color:#405768;color:#c5dce9}
html[data-theme=dark] .bubble{background:#263c4e;border-color:#405768;color:#e3edf5}html[data-theme=dark] .bubble.out{background:#214d44;border-color:#32685b}
html[data-theme=dark] .composer{background:#1b2b3a;border-color:#354b5c}
html[data-theme=dark] .quick-reply-list .quick-reply-row{background:#21453f;border-color:#38665a}html[data-theme=dark] .quick-reply-list .quick-preview{color:#c2dfd5}
html[data-theme=dark] .quick-reply-list .quick-row-actions button{background:#2d5a50;color:#e3edf5}
html[data-theme=dark] .user-state:hover{background:#29463f}html[data-theme=dark] .user-logout{color:#ff9d8f}
html[data-theme=dark] .channel-donut:before{background:#1b2b3a}html[data-theme=dark] .donut-center{color:#e3edf5}
html[data-theme=dark] .profile strong{color:#e3edf5}html[data-theme=dark] .pill{background:#21483d;color:#a7ead7;border-color:#386b59}
html[data-theme=dark] .login-page .login-story{background:#111c28;border-color:#354b5c;color:#e3edf5}html[data-theme=dark] .login-page .login-logo{background:white;border-radius:8px}html[data-theme=dark] .login-card h2{color:#e3edf5}html[data-theme=dark] .demo-divider span{background:#111c28}html[data-theme=dark] .login-page .channel-chips .social-logo{background:#dfe9ed}html[data-theme=dark] .demo-button{background:#21483d;color:#b2edda;border-color:#386b59}
.theme-swatches{display:flex;gap:14px;align-items:center;margin-top:10px;padding:3px}.theme-swatch{width:29px;height:29px;border-radius:50%;border:1px solid #8ea3b2;cursor:pointer;position:relative}.theme-swatch[data-theme-choice=light]{background:#fff}.theme-swatch[data-theme-choice=dark]{background:#101820}.theme-swatch[aria-pressed=true]{outline:2px solid #18a999;outline-offset:4px}.theme-swatch[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#17324d}.theme-swatch[data-theme-choice=dark][aria-pressed=true]:after{color:white}
html[data-theme=dark] .brand,html[data-theme=dark] .workspace.company-identity,html[data-theme=dark] .login-page .login-logo{background:transparent!important;border-color:transparent;box-shadow:none}
html[data-theme=dark] .workspace.company-identity strong{color:#e3edf5}
html[data-theme=dark] .brand img,html[data-theme=dark] .login-page .login-logo img{filter:url('#econnect-light-wordmark')!important}
/* Superficie de marca neutra: conserva los colores originales de cada empresa. */
html[data-theme=dark] aside .workspace.company-identity{background:#d8e3e9!important;border:1px solid #aabfc9;border-radius:10px;box-shadow:0 4px 14px #00000016}
html[data-theme=dark] aside .workspace.company-identity strong{color:#17324d}
html[data-theme=dark] aside .workspace.company-identity img{filter:none;mix-blend-mode:normal}