/* Light theme compatibility layer. Keep component code untouched; normalize surfaces,
   text, controls and overlays that still use dark fixed colors in module styles. */
html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] body,
html[data-theme="light"] .page-grid,
html[data-theme="light"] .shell__content {
    color: var(--color-text);
}

html[data-theme="light"] .shell,
html[data-theme="light"] .shell__main,
html[data-theme="light"] .shell__content {
    background:
        radial-gradient(circle at top left, rgba(45, 212, 191, 0.18), transparent 24%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.16), transparent 28%),
        #071426 !important;
}

html[data-theme="light"] .page-intro__title,
html[data-theme="light"] .panel-card__title,
html[data-theme="light"] .modal-card__title,
html[data-theme="light"] .cuentas-modal__header h3,
html[data-theme="light"] .smart-search h4,
html[data-theme="light"] .usuarios-table strong,
html[data-theme="light"] .data-table strong {
    color: #0f172a;
}

html[data-theme="light"] .page-intro__text,
html[data-theme="light"] .panel-card__subtitle,
html[data-theme="light"] .context-card__muted,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .smart-search__hint,
html[data-theme="light"] .usuarios-empty,
html[data-theme="light"] .cuentas-modal__eyebrow,
html[data-theme="light"] .cuentas-contactos-header p,
html[data-theme="light"] .cuentas-partner-summary__meta,
html[data-theme="light"] .cuentas-partner-summary__address {
    color: #64748b;
}

html[data-theme="light"] .panel-card,
html[data-theme="light"] .context-card,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .cuentas-modal,
html[data-theme="light"] .tickets-detail,
html[data-theme="light"] .tickets-board,
html[data-theme="light"] .tickets-column,
html[data-theme="light"] .tickets-card,
html[data-theme="light"] .usuarios-view-settings,
html[data-theme="light"] .templates-preview,
html[data-theme="light"] .templates-variable-guide {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .context-card,
html[data-theme="light"] .tickets-card,
html[data-theme="light"] .usuarios-view-settings__item {
    background: #f8fafc;
}

html[data-theme="light"] .btn {
    color: #0f172a;
}

html[data-theme="light"] .btn--primary,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .smart-search .btn--primary,
html[data-theme="light"] .result-pagination__btn--active,
html[data-theme="light"] .cuentas-tab.is-active {
    color: #ffffff;
}

html[data-theme="light"] .btn--ghost,
html[data-theme="light"] .btn--secondary,
html[data-theme="light"] .menu__back,
html[data-theme="light"] .result-pagination__btn,
html[data-theme="light"] .smart-search__toggle,
html[data-theme="light"] .tickets-kanban-filter,
html[data-theme="light"] .conversation-badge,
html[data-theme="light"] .cuentas-action-reveal {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.14);
    color: #334155;
}

html[data-theme="light"] .btn--ghost:hover,
html[data-theme="light"] .btn--secondary:hover,
html[data-theme="light"] .menu__back:hover,
html[data-theme="light"] .result-pagination__btn:not(:disabled):hover,
html[data-theme="light"] .smart-search__toggle:hover,
html[data-theme="light"] .cuentas-action-reveal:hover {
    background: #e0f2fe;
    border-color: rgba(2, 132, 199, 0.28);
    color: #075985;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .usuarios-input,
html[data-theme="light"] .smart-search select,
html[data-theme="light"] .smart-search input[type="text"],
html[data-theme="light"] .smart-search__bar,
html[data-theme="light"] .ia-query-box__input,
html[data-theme="light"] .tickets-rich-editor__surface {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.18);
    color: #0f172a;
}

html[data-theme="light"] select,
html[data-theme="light"] option {
    color-scheme: light;
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] .usuarios-input::placeholder,
html[data-theme="light"] .smart-search__bar input::placeholder {
    color: #94a3b8;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .usuarios-input:focus,
html[data-theme="light"] .smart-search__bar:focus-within,
html[data-theme="light"] .tickets-rich-editor__surface:focus {
    border-color: rgba(2, 132, 199, 0.55);
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
    outline: none;
}

html[data-theme="light"] .smart-search-card,
html[data-theme="light"] .smart-search__panel,
html[data-theme="light"] .smart-search__custom,
html[data-theme="light"] .filters-summary,
html[data-theme="light"] .tickets-smart-search {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .smart-search__bar > i,
html[data-theme="light"] .smart-search__inline label,
html[data-theme="light"] .field label {
    color: #475569;
}

html[data-theme="light"] .smart-search__column button,
html[data-theme="light"] .smart-search__custom button,
html[data-theme="light"] .smart-chip {
    color: #334155;
}

html[data-theme="light"] .smart-search__column button:hover,
html[data-theme="light"] .smart-search__custom button:hover,
html[data-theme="light"] .smart-chip:hover {
    background: rgba(2, 132, 199, 0.10);
    color: #0369a1;
}

html[data-theme="light"] .data-table,
html[data-theme="light"] .usuarios-table,
html[data-theme="light"] .interfaces-table {
    background: #ffffff;
    color: #0f172a;
}

html[data-theme="light"] .data-table thead,
html[data-theme="light"] .usuarios-table thead,
html[data-theme="light"] .interfaces-table thead {
    background: #f1f5f9;
    color: #334155;
}

html[data-theme="light"] .data-table th,
html[data-theme="light"] .data-table td,
html[data-theme="light"] .usuarios-table th,
html[data-theme="light"] .usuarios-table td,
html[data-theme="light"] .interfaces-table th,
html[data-theme="light"] .interfaces-table td {
    border-color: rgba(15, 23, 42, 0.10);
    color: inherit;
}

html[data-theme="light"] .usuarios-table__row:hover,
html[data-theme="light"] .usuarios-table__row.is-selected,
html[data-theme="light"] .data-table tbody tr:hover {
    background: rgba(2, 132, 199, 0.08);
}

html[data-theme="light"] .contactos-tabs,
html[data-theme="light"] .contactos-form,
html[data-theme="light"] .cuentas-contactos-panel,
html[data-theme="light"] .cuentas-contactos-list,
html[data-theme="light"] .cuentas-link-results {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .cuentas-tab {
    background: #f1f5f9;
    border-color: rgba(15, 23, 42, 0.14);
    color: #475569;
}

html[data-theme="light"] .cuentas-tab:hover {
    color: #0f172a;
}

html[data-theme="light"] .cuentas-tab.is-active {
    background: #ffffff;
    border-color: rgba(2, 132, 199, 0.28);
    color: #0284c7;
}

html[data-theme="light"] .cuentas-contacto-item,
html[data-theme="light"] .cuentas-smart-stat,
html[data-theme="light"] .cuentas-link-result {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .cuentas-contacto-item:hover,
html[data-theme="light"] .cuentas-smart-stat:hover,
html[data-theme="light"] .cuentas-smart-stat.is-active,
html[data-theme="light"] .cuentas-link-result:hover {
    background: #eef9ff;
    border-color: rgba(2, 132, 199, 0.28);
}

html[data-theme="light"] .cuentas-modal-backdrop,
html[data-theme="light"] .modal-overlay,
html[data-theme="light"] .calendario-modal-backdrop,
html[data-theme="light"] .pos-item-modal-backdrop {
    background: rgba(15, 23, 42, 0.38);
}

html[data-theme="light"] .cuentas-modal__header,
html[data-theme="light"] .cuentas-modal__actions,
html[data-theme="light"] .modal-card__actions,
html[data-theme="light"] .calendario-modal > header,
html[data-theme="light"] .calendario-modal > footer {
    border-color: rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .cuentas-modal__close,
html[data-theme="light"] .modal-card .btn--ghost,
html[data-theme="light"] .attachment-preview-action,
html[data-theme="light"] .attachment-preview-nav {
    background: #f1f5f9;
    color: #334155;
}

html[data-theme="light"] .attachment-preview-modal,
html[data-theme="light"] .attachment-preview-canvas {
    background: #ffffff;
    color: #0f172a;
}

html[data-theme="light"] .attachment-preview-action:hover,
html[data-theme="light"] .attachment-preview-nav:not(:disabled):hover {
    background: #dbeafe;
    color: #075985;
}

html[data-theme="light"] .conversations-page--odoo,
html[data-theme="light"] .conversations-layout,
html[data-theme="light"] .conversations-list,
html[data-theme="light"] .conversations-chat,
html[data-theme="light"] .conversations-thread-shell,
html[data-theme="light"] .conversations-thread,
html[data-theme="light"] .conversations-composer,
html[data-theme="light"] .conversations-context {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .conversation-item,
html[data-theme="light"] .conversation-card,
html[data-theme="light"] .message-card,
html[data-theme="light"] .conversations-pending-attachment,
html[data-theme="light"] .conversations-close-ticket-warning,
html[data-theme="light"] .conversations-close-ticket-warning__summary {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .conversation-item.is-active,
html[data-theme="light"] .conversation-card.is-active,
html[data-theme="light"] .message-card--outgoing {
    background: #e0f2fe;
    border-color: rgba(2, 132, 199, 0.28);
}

html[data-theme="light"] .message-card--incoming {
    background: #f1f5f9;
}

html[data-theme="light"] .conversations-loading-overlay {
    background: rgba(255, 255, 255, 0.82);
    color: #075985;
    border-color: rgba(2, 132, 199, 0.20);
}

html[data-theme="light"] .tickets-column__header,
html[data-theme="light"] .tickets-detail__section,
html[data-theme="light"] .ticket-comment,
html[data-theme="light"] .ticket-timeline-item,
html[data-theme="light"] .templates-list-item,
html[data-theme="light"] .templates-editor-panel {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .calendario-modal,
html[data-theme="light"] .calendario-event,
html[data-theme="light"] .calendario-day,
html[data-theme="light"] .calendario-toolbar {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .calendario-event {
    background: color-mix(in srgb, var(--event-color, #0284c7) 12%, #ffffff);
}

html[data-theme="light"] .autorizacion-panel,
html[data-theme="light"] .auth-tree,
html[data-theme="light"] .auth-tree-node,
html[data-theme="light"] .auth-assignment,
html[data-theme="light"] .interfaces-detail,
html[data-theme="light"] .interfaces-card,
html[data-theme="light"] .comprobante-viewer,
html[data-theme="light"] .viewer-card {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

html[data-theme="light"] .editor-msg--warning,
html[data-theme="light"] .editor-msg--warn {
    background: #fffbeb;
    border-color: rgba(217, 119, 6, 0.24);
    color: #92400e;
}

html[data-theme="light"] .editor-msg--error,
html[data-theme="light"] .conversations-inline--error {
    background: #fef2f2;
    border-color: rgba(220, 38, 38, 0.24);
    color: #991b1b;
}

html[data-theme="light"] .editor-msg--ok,
html[data-theme="light"] .conversations-inline--ok {
    background: #ecfdf5;
    border-color: rgba(5, 150, 105, 0.24);
    color: #065f46;
}

html[data-theme="light"] .pos-shell,
html[data-theme="light"] .pos-stage,
html[data-theme="light"] .pos-sidebar,
html[data-theme="light"] .pos-catalog,
html[data-theme="light"] .pos-card,
html[data-theme="light"] .pos-item-modal,
html[data-theme="light"] .pos-charge-modal,
html[data-theme="light"] .pos-settings-modal {
    color: #1f2937;
}

/* POS / Punto de venta: modo claro completo. */
html[data-theme="light"] .pos-layout-host,
html[data-theme="light"] .pos-shell {
    background: #eef4f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .pos-topbar {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .pos-topbar h1,
html[data-theme="light"] .pos-line__main strong,
html[data-theme="light"] .pos-total-card strong,
html[data-theme="light"] .pos-product__text strong {
    color: #0f172a !important;
}

html[data-theme="light"] .pos-topbar__eyebrow,
html[data-theme="light"] .pos-topbar__company span,
html[data-theme="light"] .pos-sidebar__empty,
html[data-theme="light"] .pos-line__main span,
html[data-theme="light"] .pos-total-card span,
html[data-theme="light"] .pos-product__text span,
html[data-theme="light"] .pos-catalog__meta span,
html[data-theme="light"] .pos-context-pill span,
html[data-theme="light"] .pos-mini-badge {
    color: #64748b !important;
}

html[data-theme="light"] .pos-stage,
html[data-theme="light"] .pos-sidebar,
html[data-theme="light"] .pos-catalog,
html[data-theme="light"] .pos-sidebar__empty,
html[data-theme="light"] .pos-line,
html[data-theme="light"] .pos-total-card,
html[data-theme="light"] .pos-catalog__toolbar,
html[data-theme="light"] .pos-context-pill,
html[data-theme="light"] .pos-grid-status,
html[data-theme="light"] .pos-product,
html[data-theme="light"] .pos-item-modal,
html[data-theme="light"] .pos-charge-modal,
html[data-theme="light"] .pos-settings-modal {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .pos-stage {
    background: #f8fafc !important;
}

html[data-theme="light"] .pos-catalog {
    background: #f8fafc !important;
}

html[data-theme="light"] .pos-product:hover {
    background: #e0f2fe !important;
    border-color: rgba(2, 132, 199, .30) !important;
}

html[data-theme="light"] .pos-product__image-wrap,
html[data-theme="light"] .pos-product__fallback {
    background: #eaf3f8 !important;
    color: #64748b !important;
}

html[data-theme="light"] .pos-product__price,
html[data-theme="light"] .pos-search-btn,
html[data-theme="light"] .pos-charge,
html[data-theme="light"] .pos-charge__icon {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .pos-topbar__ghost,
html[data-theme="light"] .pos-topbar__cart-link,
html[data-theme="light"] .pos-sidebar__link,
html[data-theme="light"] .pos-sidebar__cash-btn,
html[data-theme="light"] .pos-icon-btn,
html[data-theme="light"] .pos-sidebar__client,
html[data-theme="light"] .pos-sidebar__client-btn {
    background: #ffffff !important;
    border-color: rgba(2, 132, 199, .26) !important;
    color: #075985 !important;
}

html[data-theme="light"] .pos-topbar__ghost:hover,
html[data-theme="light"] .pos-topbar__cart-link:hover,
html[data-theme="light"] .pos-sidebar__link:hover,
html[data-theme="light"] .pos-sidebar__cash-btn:hover,
html[data-theme="light"] .pos-icon-btn:hover,
html[data-theme="light"] .pos-sidebar__client-btn:hover {
    background: #e0f2fe !important;
    color: #075985 !important;
}

html[data-theme="light"] .pos-sidebar__danger {
    background: #fef2f2 !important;
    border-color: rgba(220, 38, 38, .24) !important;
    color: #991b1b !important;
}

html[data-theme="light"] .pos-select,
html[data-theme="light"] .pos-search-input,
html[data-theme="light"] .pos-sidebar__notes,
html[data-theme="light"] .pos-sidebar__scan {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .18) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .pos-search-input::placeholder,
html[data-theme="light"] .pos-sidebar__notes::placeholder,
html[data-theme="light"] .pos-sidebar__scan::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .pos-mini-badge,
html[data-theme="light"] .pos-mini-badge--muted {
    background: #f1f5f9 !important;
    border-color: rgba(15, 23, 42, .12) !important;
}

html[data-theme="light"] .pos-topbar__cart-count {
    background: #ef4444 !important;
    color: #ffffff !important;
}

/* Conversaciones: overrides finales para el modo claro del layout operativo. */
html[data-theme="light"] .conversations-page--odoo,
html[data-theme="light"] .conversations-page--odoo .conversations-layout,
html[data-theme="light"] .conversations-page--odoo .conversations-list,
html[data-theme="light"] .conversations-page--odoo .conversations-chat,
html[data-theme="light"] .conversations-page--odoo .conversations-chat__header,
html[data-theme="light"] .conversations-page--odoo .conversations-thread-shell,
html[data-theme="light"] .conversations-page--odoo .conversations-thread,
html[data-theme="light"] .conversations-page--odoo .conversations-composer,
html[data-theme="light"] .conversations-page--odoo .conversations-context {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .14) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .conversations-page--odoo .conversations-list {
    background: #f8fafc !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-row {
    background: transparent !important;
    color: #0f172a !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-row:hover {
    background: #e0f2fe !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-row.is-selected {
    background: #dff7fb !important;
    border-color: rgba(8, 145, 178, .28) !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-row__name,
html[data-theme="light"] .conversations-page--odoo .panel-card__title,
html[data-theme="light"] .conversations-page--odoo .message-card__text {
    color: #0f172a !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-row__summary,
html[data-theme="light"] .conversations-page--odoo .conversation-row__date,
html[data-theme="light"] .conversations-page--odoo .panel-card__subtitle,
html[data-theme="light"] .conversations-page--odoo .message-card__meta,
html[data-theme="light"] .conversations-page--odoo .message-card__footer,
html[data-theme="light"] .conversations-page--odoo .attachment-name,
html[data-theme="light"] .conversations-page--odoo .attachment-link span {
    color: #64748b !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-badge,
html[data-theme="light"] .conversations-page--odoo .conversations-chat__chips .conversation-badge,
html[data-theme="light"] .conversations-page--odoo .conversation-badge[style] {
    background: #e0f2fe !important;
    border-color: rgba(2, 132, 199, .28) !important;
    color: #075985 !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-badge--state {
    background: #ecfdf5 !important;
    border-color: rgba(5, 150, 105, .26) !important;
    color: #047857 !important;
}

html[data-theme="light"] .conversations-module-actions .conversations-context-button,
html[data-theme="light"] .conversations-module-actions .conversations-context-button.btn--ghost {
    background: #ffffff !important;
    border-color: rgba(2, 132, 199, .32) !important;
    color: #075985 !important;
}

html[data-theme="light"] .conversations-module-actions .conversations-context-button:hover {
    background: #e0f2fe !important;
}

html[data-theme="light"] .conversation-pin {
    background: #e2e8f0 !important;
    border-color: rgba(100, 116, 139, .35) !important;
    color: #475569 !important;
}

html[data-theme="light"] .conversation-pin.is-pinned {
    background: #fef3c7 !important;
    border-color: rgba(217, 119, 6, .38) !important;
    color: #92400e !important;
}

html[data-theme="light"] .conversation-header-state__row,
html[data-theme="light"] .conversation-header-state__trigger,
html[data-theme="light"] .conversation-header-state__close,
html[data-theme="light"] .conversation-header-state__closed {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .14) !important;
    color: #334155 !important;
}

html[data-theme="light"] .conversation-header-state__caption {
    color: #64748b !important;
}

html[data-theme="light"] .conversation-header-state__trigger span {
    color: #334155 !important;
}

html[data-theme="light"] .conversation-header-state__menu {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .16) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
}

html[data-theme="light"] .conversation-header-state__option {
    color: #334155 !important;
}

html[data-theme="light"] .conversation-header-state__option:hover,
html[data-theme="light"] .conversation-header-state__option.is-active {
    background: #e0f2fe !important;
    color: #075985 !important;
}

html[data-theme="light"] .conversations-window-banner {
    background: #fef3c7 !important;
    border-color: rgba(217, 119, 6, .32) !important;
    color: #78350f !important;
    box-shadow: inset 0 -1px 0 rgba(217, 119, 6, .18) !important;
}

html[data-theme="light"] .conversations-ticket-selection {
    background: #ccfbf1 !important;
    border-color: rgba(13, 148, 136, .28) !important;
    color: #115e59 !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-date-divider span {
    background: #334155 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .18) !important;
}

html[data-theme="light"] .conversations-latest-button {
    background: #ffffff !important;
    border-color: rgba(2, 132, 199, .26) !important;
    color: #075985 !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .14) !important;
}

html[data-theme="light"] .conversations-latest-button strong {
    background: #e0f2fe !important;
    color: #075985 !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card {
    color: #0f172a !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card--incoming {
    background: #f1f5f9 !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card--outgoing {
    background: #dff3ff !important;
    border: 1px solid rgba(2, 132, 199, .22) !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card--internal {
    background: #f5f3ff !important;
    border: 1px dashed rgba(124, 58, 237, .28) !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card__delivery,
html[data-theme="light"] .conversations-page--odoo .message-card__delivery span,
html[data-theme="light"] .conversations-page--odoo .message-card__delivery .bi {
    color: #0284c7 !important;
}

html[data-theme="light"] .conversations-page--odoo .message-action-button {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .16) !important;
    color: #334155 !important;
}

html[data-theme="light"] .conversations-page--odoo .message-action-button:hover {
    background: #e0f2fe !important;
    border-color: rgba(2, 132, 199, .34) !important;
    color: #075985 !important;
}

html[data-theme="light"] .conversations-page--odoo .conversations-composer textarea,
html[data-theme="light"] .conversations-page--odoo .conversations-composer input,
html[data-theme="light"] .conversations-page--odoo .conversations-composer select {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .18) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .conversations-page--odoo .conversations-composer textarea::placeholder,
html[data-theme="light"] .conversations-page--odoo .conversations-composer input::placeholder {
    color: #94a3b8 !important;
}

/* Tareas: modo claro completo. */
html[data-theme="light"] .tareas-page,
html[data-theme="light"] .shell__content .tareas-page {
    background: transparent !important;
    color: #0f172a !important;
}

html[data-theme="light"] .tareas-header,
html[data-theme="light"] .shell__content .tareas-header {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .tareas-header h2,
html[data-theme="light"] .tareas-toolbar strong,
html[data-theme="light"] .tareas-quick__head strong,
html[data-theme="light"] .tareas-row__body strong,
html[data-theme="light"] .tareas-side-row__body strong {
    color: #0f172a !important;
}

html[data-theme="light"] .tareas-header span,
html[data-theme="light"] .tareas-muted,
html[data-theme="light"] .tareas-toolbar span,
html[data-theme="light"] .tareas-row__body span,
html[data-theme="light"] .tareas-note small,
html[data-theme="light"] .tareas-side-row__body span {
    color: #64748b !important;
}

html[data-theme="light"] .tareas-lists,
html[data-theme="light"] .tareas-main,
html[data-theme="light"] .tareas-quick,
html[data-theme="light"] .tareas-modal,
html[data-theme="light"] .tareas-side-panel,
html[data-theme="light"] .shell__content .tareas-lists,
html[data-theme="light"] .shell__content .tareas-main,
html[data-theme="light"] .shell__content .tareas-quick {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .tareas-compose,
html[data-theme="light"] .tareas-toolbar,
html[data-theme="light"] .tareas-row,
html[data-theme="light"] .tareas-note,
html[data-theme="light"] .tareas-list-button,
html[data-theme="light"] .tareas-side-row,
html[data-theme="light"] .shell__content .tareas-compose,
html[data-theme="light"] .shell__content .tareas-toolbar,
html[data-theme="light"] .shell__content .tareas-row,
html[data-theme="light"] .shell__content .tareas-note,
html[data-theme="light"] .shell__content .tareas-list-button {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .tareas-compose,
html[data-theme="light"] .tareas-toolbar,
html[data-theme="light"] .shell__content .tareas-compose,
html[data-theme="light"] .shell__content .tareas-toolbar {
    background: #f8fafc !important;
}

html[data-theme="light"] .tareas-row:hover,
html[data-theme="light"] .tareas-list-button:hover,
html[data-theme="light"] .tareas-list-button.is-active,
html[data-theme="light"] .tareas-side-row:hover,
html[data-theme="light"] .shell__content .tareas-row:hover,
html[data-theme="light"] .shell__content .tareas-list-button:hover,
html[data-theme="light"] .shell__content .tareas-list-button.is-active {
    background: #e0f2fe !important;
    border-color: rgba(2, 132, 199, .28) !important;
}

html[data-theme="light"] .tareas-compose input,
html[data-theme="light"] .tareas-quick-input,
html[data-theme="light"] .tareas-title-input,
html[data-theme="light"] .tareas-form-grid input,
html[data-theme="light"] .tareas-form-grid select,
html[data-theme="light"] .tareas-assignment-dropdown__button,
html[data-theme="light"] .tareas-assignment-dropdown__menu,
html[data-theme="light"] .tareas-group-box,
html[data-theme="light"] .tareas-description textarea,
html[data-theme="light"] .tareas-side-panel__add input,
html[data-theme="light"] .shell__content .tareas-compose input,
html[data-theme="light"] .shell__content .tareas-row select {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .18) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .tareas-assignment-dropdown__menu label,
html[data-theme="light"] .tareas-assignment-dropdown__config {
    color: #334155 !important;
}

html[data-theme="light"] .tareas-assignment-dropdown__menu label:hover,
html[data-theme="light"] .tareas-assignment-dropdown__menu label.is-selected,
html[data-theme="light"] .tareas-assignment-dropdown__config:hover {
    background: #e0f2fe !important;
    color: #075985 !important;
}

html[data-theme="light"] .tareas-group-box > strong {
    color: #0f172a !important;
}

html[data-theme="light"] .tareas-compose input::placeholder,
html[data-theme="light"] .tareas-quick-input::placeholder,
html[data-theme="light"] .tareas-title-input::placeholder,
html[data-theme="light"] .tareas-description textarea::placeholder,
html[data-theme="light"] .tareas-side-panel__add input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .tareas-assignee-filter__button,
html[data-theme="light"] .tareas-assignee-filter__menu,
html[data-theme="light"] .tareas-menu summary,
html[data-theme="light"] .tareas-menu > div,
html[data-theme="light"] .tareas-icon-action,
html[data-theme="light"] .tareas-side-panel__actions a,
html[data-theme="light"] .tareas-side-panel__actions button {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .16) !important;
    color: #334155 !important;
}

html[data-theme="light"] .tareas-assignee-filter__option {
    background: transparent !important;
    color: #334155 !important;
}

html[data-theme="light"] .tareas-assignee-filter__option:hover,
html[data-theme="light"] .tareas-assignee-filter__option.is-active,
html[data-theme="light"] .tareas-menu button:hover,
html[data-theme="light"] .tareas-icon-action:hover {
    background: #e0f2fe !important;
    color: #075985 !important;
}

html[data-theme="light"] .tareas-check,
html[data-theme="light"] .tareas-side-check {
    background: #ffffff !important;
    border-color: rgba(37, 99, 235, .34) !important;
    color: #2563eb !important;
}

html[data-theme="light"] .tareas-check.is-done,
html[data-theme="light"] .tareas-side-check.is-done {
    background: #dcfce7 !important;
    border-color: rgba(22, 163, 74, .34) !important;
    color: #15803d !important;
}

html[data-theme="light"] .tareas-priority-badge--alta {
    background: #fee2e2 !important;
    border-color: rgba(220, 38, 38, .30) !important;
    color: #991b1b !important;
}

html[data-theme="light"] .tareas-priority-badge--media {
    background: #fef3c7 !important;
    border-color: rgba(217, 119, 6, .32) !important;
    color: #92400e !important;
}

html[data-theme="light"] .tareas-priority-badge--baja {
    background: #ccfbf1 !important;
    border-color: rgba(13, 148, 136, .32) !important;
    color: #115e59 !important;
}

html[data-theme="light"] .tareas-confirm {
    background: rgba(15, 23, 42, .38) !important;
}

html[data-theme="light"] .tareas-confirm__dialog,
html[data-theme="light"] .tareas-share-all,
html[data-theme="light"] .tareas-task-share,
html[data-theme="light"] .tareas-task-share-panel,
html[data-theme="light"] .tareas-attachments,
html[data-theme="light"] .tareas-attachment-card,
html[data-theme="light"] .tareas-image-preview {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .14) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .tareas-modal__head,
html[data-theme="light"] .tareas-modal__actions,
html[data-theme="light"] .tareas-side-panel__head {
    border-color: rgba(15, 23, 42, .12) !important;
}

html[data-theme="light"] .tareas-empty,
html[data-theme="light"] .tareas-side-panel__empty,
html[data-theme="light"] .tareas-attachments__empty {
    color: #64748b !important;
}

/* Cobertura global de claro para módulos con clases nuevas o menos frecuentes. */
html[data-theme="light"] [class*="panel"],
html[data-theme="light"] [class*="card"],
html[data-theme="light"] [class*="modal"],
html[data-theme="light"] [class*="drawer"],
html[data-theme="light"] [class*="toolbar"],
html[data-theme="light"] [class*="filters"],
html[data-theme="light"] [class*="table"],
html[data-theme="light"] [class*="row"] {
    border-color: rgba(15, 23, 42, .12);
}

html[data-theme="light"] [class*="__title"],
html[data-theme="light"] [class*="-title"],
html[data-theme="light"] [class*="__name"] {
    color: #0f172a;
}

html[data-theme="light"] [class*="__subtitle"],
html[data-theme="light"] [class*="-subtitle"],
html[data-theme="light"] [class*="__muted"],
html[data-theme="light"] [class*="-muted"],
html[data-theme="light"] small {
    color: #64748b;
}

/* Pasada final por familias de módulos: consultas, calendario, interfaces, costos,
   autorizaciones, updates y viewers. */
html[data-theme="light"] .consultas-layout,
html[data-theme="light"] .consultas-sidebar,
html[data-theme="light"] .consultas-content,
html[data-theme="light"] .consultas-search,
html[data-theme="light"] .consulta-card,
html[data-theme="light"] .consulta-result,
html[data-theme="light"] .consulta-detalle,
html[data-theme="light"] .consulta-params,
html[data-theme="light"] .consulta-table,
html[data-theme="light"] .calendario-page,
html[data-theme="light"] .calendario-topbar,
html[data-theme="light"] .calendario-toolbar,
html[data-theme="light"] .calendario-shell,
html[data-theme="light"] .calendario-side,
html[data-theme="light"] .calendario-side-section,
html[data-theme="light"] .calendario-day,
html[data-theme="light"] .calendario-modal,
html[data-theme="light"] .interfaces-page,
html[data-theme="light"] .interfaces-list-page,
html[data-theme="light"] .interfaces-editor-page,
html[data-theme="light"] .interfaces-workspace,
html[data-theme="light"] .interfaces-hero,
html[data-theme="light"] .interfaces-card,
html[data-theme="light"] .interfaces-detail,
html[data-theme="light"] .interfaces-detail-modal,
html[data-theme="light"] .interfaces-inbox-panel,
html[data-theme="light"] .interfaces-filters-panel,
html[data-theme="light"] .interfaces-section,
html[data-theme="light"] .interfaces-editor-panel,
html[data-theme="light"] .interfaces-editor-ribbon,
html[data-theme="light"] .interfaces-docs-panel,
html[data-theme="light"] .interfaces-mobile-card,
html[data-theme="light"] .interfaces-attachment-row,
html[data-theme="light"] .interfaces-pending-file,
html[data-theme="light"] .costos-lote,
html[data-theme="light"] .costos-nueva,
html[data-theme="light"] .costos-perfiles,
html[data-theme="light"] .autorizacion-panel,
html[data-theme="light"] .auth-tree,
html[data-theme="light"] .auth-tree-node,
html[data-theme="light"] .auth-assignment,
html[data-theme="light"] .updates-overview,
html[data-theme="light"] .updates-script-list,
html[data-theme="light"] .updates-history-list,
html[data-theme="light"] .updates-script-item,
html[data-theme="light"] .updates-history-item,
html[data-theme="light"] .comprobante-viewer,
html[data-theme="light"] .viewer-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .consultas-empty,
html[data-theme="light"] .consultas-loading,
html[data-theme="light"] .interfaces-empty-state,
html[data-theme="light"] .interfaces-editor-empty,
html[data-theme="light"] .interfaces-empty-upload,
html[data-theme="light"] .calendario-empty,
html[data-theme="light"] .calendario-loading,
html[data-theme="light"] .empty-state {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .12) !important;
    color: #64748b !important;
}

html[data-theme="light"] .interfaces-table,
html[data-theme="light"] .interfaces-docs-table-wrap,
html[data-theme="light"] .data-table,
html[data-theme="light"] .consulta-table table,
html[data-theme="light"] .usuarios-table,
html[data-theme="light"] .contactos-table {
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] .interfaces-table thead,
html[data-theme="light"] .data-table thead,
html[data-theme="light"] .consulta-table thead,
html[data-theme="light"] .usuarios-table thead,
html[data-theme="light"] .contactos-table thead {
    background: #f1f5f9 !important;
    color: #334155 !important;
}

html[data-theme="light"] .interfaces-table th,
html[data-theme="light"] .interfaces-table td,
html[data-theme="light"] .data-table th,
html[data-theme="light"] .data-table td,
html[data-theme="light"] .consulta-table th,
html[data-theme="light"] .consulta-table td,
html[data-theme="light"] .usuarios-table th,
html[data-theme="light"] .usuarios-table td,
html[data-theme="light"] .contactos-table th,
html[data-theme="light"] .contactos-table td {
    border-color: rgba(15, 23, 42, .10) !important;
    color: inherit !important;
}

html[data-theme="light"] .interfaces-field-shell,
html[data-theme="light"] .interfaces-prompt-editor,
html[data-theme="light"] .interfaces-filters-panel input,
html[data-theme="light"] .interfaces-filters-panel select,
html[data-theme="light"] .interfaces-filters-panel textarea,
html[data-theme="light"] .consulta-params input,
html[data-theme="light"] .consulta-params select,
html[data-theme="light"] .consulta-params textarea,
html[data-theme="light"] .consultas-search input,
html[data-theme="light"] .calendario-page input,
html[data-theme="light"] .calendario-page select,
html[data-theme="light"] .calendario-page textarea,
html[data-theme="light"] .costos-lote input,
html[data-theme="light"] .costos-lote select,
html[data-theme="light"] .costos-lote textarea,
html[data-theme="light"] .costos-nueva input,
html[data-theme="light"] .costos-nueva select,
html[data-theme="light"] .costos-nueva textarea,
html[data-theme="light"] .costos-perfiles input,
html[data-theme="light"] .costos-perfiles select,
html[data-theme="light"] .costos-perfiles textarea {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .18) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .interfaces-status-pill--success,
html[data-theme="light"] .conv-config-status--ok {
    background: #ecfdf5 !important;
    border-color: rgba(5, 150, 105, .24) !important;
    color: #065f46 !important;
}

html[data-theme="light"] .interfaces-status-pill--warning,
html[data-theme="light"] .conv-config-status--pending {
    background: #fffbeb !important;
    border-color: rgba(217, 119, 6, .24) !important;
    color: #92400e !important;
}

html[data-theme="light"] .interfaces-status-pill--danger {
    background: #fef2f2 !important;
    border-color: rgba(220, 38, 38, .24) !important;
    color: #991b1b !important;
}

html[data-theme="light"] .interfaces-status-pill--info,
html[data-theme="light"] .interfaces-priority-chip,
html[data-theme="light"] .interfaces-summary-chip,
html[data-theme="light"] .calendario-event-chip,
html[data-theme="light"] .calendario-reminder-state {
    background: #e0f2fe !important;
    border-color: rgba(2, 132, 199, .24) !important;
    color: #075985 !important;
}

html[data-theme="light"] .calendario-event,
html[data-theme="light"] .calendario-side-event {
    background: color-mix(in srgb, var(--event-color, #0284c7) 14%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--event-color, #0284c7) 34%, #dbeafe) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .interfaces-upload-dropzone,
html[data-theme="light"] .interfaces-file-trigger,
html[data-theme="light"] .interfaces-empty-upload,
html[data-theme="light"] .interfaces-pending-preview {
    background: #f8fafc !important;
    border-color: rgba(2, 132, 199, .24) !important;
    color: #334155 !important;
}

/* Shell claro: sobreescribe superficies oscuras heredadas sin tocar el modo oscuro. */
html[data-theme="light"] body {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 28%),
        radial-gradient(circle at bottom right, rgba(13, 148, 136, 0.08), transparent 32%),
        linear-gradient(180deg, #f8fbff 0%, #edf3fa 100%);
    color: #0f172a;
}

html[data-theme="light"] .shell,
html[data-theme="light"] .shell__main,
html[data-theme="light"] .shell__content {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.09), transparent 28%),
        radial-gradient(circle at bottom right, rgba(13, 148, 136, 0.07), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #edf3fa 100%) !important;
    color: #0f172a;
}

html[data-theme="light"] .shell__sidebar {
    background: rgba(255, 255, 255, 0.94) !important;
    border-right-color: rgba(148, 163, 184, 0.20) !important;
    box-shadow: 10px 0 34px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .brand__eyebrow,
html[data-theme="light"] .shell__eyebrow,
html[data-theme="light"] .shell__date,
html[data-theme="light"] .page-intro__text,
html[data-theme="light"] .panel-card__subtitle,
html[data-theme="light"] .context-card__muted,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .smart-search__hint,
html[data-theme="light"] .usuarios-empty,
html[data-theme="light"] .cuentas-modal__eyebrow,
html[data-theme="light"] .cuentas-contactos-header p,
html[data-theme="light"] .cuentas-partner-summary__meta,
html[data-theme="light"] .cuentas-partner-summary__address {
    color: #64748b;
}

html[data-theme="light"] .brand__title,
html[data-theme="light"] .shell__title,
html[data-theme="light"] .shell__module,
html[data-theme="light"] .page-intro__title,
html[data-theme="light"] .panel-card__title,
html[data-theme="light"] .modal-card__title,
html[data-theme="light"] .app-card__name,
html[data-theme="light"] .data-table strong,
html[data-theme="light"] .usuarios-table strong {
    color: #0f172a;
}

html[data-theme="light"] .menu__section {
    color: #94a3b8;
}

html[data-theme="light"] .menu__link,
html[data-theme="light"] .menu__back {
    color: #334155;
    border-color: transparent;
    background: transparent;
}

html[data-theme="light"] .menu__link:hover,
html[data-theme="light"] .menu__back:hover {
    background: #eef6ff;
    border-color: rgba(2, 132, 199, 0.18);
    color: #0f172a;
}

html[data-theme="light"] .menu__link.active {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(20, 184, 166, 0.10));
    border-color: rgba(2, 132, 199, 0.20);
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .menu__icon {
    background: rgba(15, 23, 42, 0.05);
    color: #0369a1;
}

html[data-theme="light"] .shell--collapsed .menu__link {
    width: 3.75rem;
    min-height: 3.75rem;
    justify-content: center;
    gap: 0;
    padding: 0.55rem;
}

html[data-theme="light"] .shell--collapsed .menu__link > span:not(.menu__icon) {
    display: none;
}

html[data-theme="light"] .shell--collapsed .menu__link:hover {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(2, 132, 199, 0.22);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .shell--collapsed .menu__link:hover > span:not(.menu__icon) {
    display: block;
    position: absolute;
    left: calc(100% + 0.55rem);
    top: 50%;
    transform: translateY(-50%);
    max-width: min(18rem, calc(100vw - 7.5rem));
    margin-left: 0;
    padding: 0.5rem 0.75rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.98);
    color: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.22);
    white-space: nowrap;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .shell__status,
html[data-theme="light"] .session-chip,
html[data-theme="light"] .help-btn {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(148, 163, 184, 0.22);
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .shell__status:hover,
html[data-theme="light"] .session-chip:hover,
html[data-theme="light"] .help-btn:hover {
    background: #ffffff;
    border-color: rgba(2, 132, 199, 0.26);
    color: #075985;
}

html[data-theme="light"] .shell__actions .btn--ghost,
html[data-theme="light"] .shell__actions .btn--secondary {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(148, 163, 184, 0.22);
    color: #334155;
}

html[data-theme="light"] .shell__actions .btn--primary,
html[data-theme="light"] .shell__actions .btn-primary {
    background: linear-gradient(135deg, #0284c7, #0d9488);
    border-color: transparent;
    color: #ffffff;
}

html[data-theme="light"] .panel-card,
html[data-theme="light"] .context-card,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .app-card,
html[data-theme="light"] .shell-empty-state,
html[data-theme="light"] .empty-state {
    background: #ffffff;
    border-color: rgba(148, 163, 184, 0.20);
    color: #0f172a;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .panel-card__tag {
    background: rgba(2, 132, 199, 0.10);
    color: #0284c7;
}

html[data-theme="light"] .app-card {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="light"] .app-card__icon {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(20, 184, 166, 0.16));
    color: #0284c7;
}

html[data-theme="light"] .app-card__desc {
    color: #64748b;
}

html[data-theme="light"] .app-card__favorite {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(148, 163, 184, 0.22);
    color: #94a3b8;
}

html[data-theme="light"] .app-card__favorite.is-active {
    background: rgba(254, 243, 199, 0.92);
    border-color: rgba(245, 158, 11, 0.42);
    color: #f59e0b;
}

html[data-theme="light"] .shell input,
html[data-theme="light"] .shell select,
html[data-theme="light"] .shell textarea,
html[data-theme="light"] .panel-card input,
html[data-theme="light"] .panel-card select,
html[data-theme="light"] .panel-card textarea,
html[data-theme="light"] .modal-card input,
html[data-theme="light"] .modal-card select,
html[data-theme="light"] .modal-card textarea,
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea {
    background: #ffffff;
    border-color: rgba(148, 163, 184, 0.32);
    color: #0f172a;
}

html[data-theme="light"] .shell input::placeholder,
html[data-theme="light"] .shell textarea::placeholder,
html[data-theme="light"] .panel-card input::placeholder,
html[data-theme="light"] .panel-card textarea::placeholder,
html[data-theme="light"] .modal-card input::placeholder,
html[data-theme="light"] .modal-card textarea::placeholder,
html[data-theme="light"] .field input::placeholder,
html[data-theme="light"] .field textarea::placeholder {
    color: #94a3b8;
}

html[data-theme="light"] .shell input:focus,
html[data-theme="light"] .shell select:focus,
html[data-theme="light"] .shell textarea:focus,
html[data-theme="light"] .panel-card input:focus,
html[data-theme="light"] .panel-card select:focus,
html[data-theme="light"] .panel-card textarea:focus,
html[data-theme="light"] .modal-card input:focus,
html[data-theme="light"] .modal-card select:focus,
html[data-theme="light"] .modal-card textarea:focus,
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .field textarea:focus {
    border-color: rgba(2, 132, 199, 0.52);
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
    outline: none;
}

html[data-theme="light"] .app-login-overlay .app-login-modal,
html[data-theme="light"] .app-login-overlay .app-login-modal__header,
html[data-theme="light"] .app-login-overlay .app-login-modal__body {
    background: #101826 !important;
    color: #e5eefc !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal {
    border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] .app-login-overlay .app-login-session-note {
    background: rgba(15, 23, 42, 0.6) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: #cbd5e1 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item {
    color: #111827 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item:hover,
html[data-theme="light"] .app-login-overlay .app-login-userlist__item:focus-visible,
html[data-theme="light"] .app-login-overlay .app-login-userlist__item.is-active {
    background: #0057d8 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__manual {
    color: #7dd3fc !important;
}

html[data-theme="light"] .app-login-overlay .app-login-session-note small {
    color: #94a3b8 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal,
html[data-theme="light"] .app-login-overlay .app-login-modal__header,
html[data-theme="light"] .app-login-overlay .app-login-modal__body {
    background: linear-gradient(180deg, #ffffff, #f3f7fc) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal {
    border-color: rgba(148, 163, 184, .32) !important;
    box-shadow: 0 26px 72px rgba(15, 23, 42, .18) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__header {
    border-bottom-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-session-note {
    background: rgba(255, 255, 255, .82) !important;
    border-color: rgba(148, 163, 184, .26) !important;
    color: #334155 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-session-note strong {
    color: #0369a1 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-session-note p {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-session-note small {
    color: #64748b !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item:hover,
html[data-theme="light"] .app-login-overlay .app-login-userlist__item:focus-visible,
html[data-theme="light"] .app-login-overlay .app-login-userlist__item.is-active {
    background: #0284c7 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__manual {
    color: #0ea5e9 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__manual:hover,
html[data-theme="light"] .app-login-overlay .app-login-userlist__manual:focus-visible {
    color: #0369a1 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__select,
html[data-theme="light"] .app-login-overlay .app-login-userlist__manual-row input,
html[data-theme="light"] .app-login-overlay .drawer-new__password input {
    background: #f8fbff !important;
    color: #0f172a !important;
    border-color: rgba(100, 116, 139, .28) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__select::placeholder,
html[data-theme="light"] .app-login-overlay .app-login-userlist__manual-row input::placeholder,
html[data-theme="light"] .app-login-overlay .drawer-new__password input::placeholder {
    color: rgba(71, 85, 105, .72) !important;
}

html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: #f8fbff !important;
    color: #0f172a !important;
    border-color: rgba(100, 116, 139, .28) !important;
}

html[data-theme="light"] .app-login-overlay .drawer-new__eye:hover,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:focus-visible {
    background: #eef8ff !important;
    border-color: rgba(6, 182, 212, .72) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal--split {
    background: linear-gradient(135deg, #ffffff, #eef4fb) !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .14) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__hero {
    color: #0f172a !important;
    background:
        radial-gradient(620px 460px at 86% 0%, rgba(255, 255, 255, .64), transparent 62%),
        linear-gradient(145deg, #d8e7fa 0%, #edf4ff 54%, #dbe8f7 100%) !important;
    border-right-color: rgba(148, 163, 184, .22) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__hero-title,
html[data-theme="light"] .app-login-overlay .app-login-modal__title {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__hero-text,
html[data-theme="light"] .app-login-overlay .app-login-modal__hero-note,
html[data-theme="light"] .app-login-overlay .field label,
html[data-theme="light"] .app-login-overlay .toggle-row,
html[data-theme="light"] .app-login-overlay .toggle-row span {
    color: #334155 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__hero-note {
    background: rgba(255, 255, 255, .72) !important;
    border-color: rgba(148, 163, 184, .30) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__actions .btn.btn--ghost {
    background: rgba(255, 255, 255, .92) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .30) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__actions .btn.btn--ghost:hover,
html[data-theme="light"] .app-login-overlay .app-login-modal__actions .btn.btn--ghost:focus-visible {
    background: rgba(241, 245, 249, .98) !important;
    border-color: rgba(14, 165, 233, .34) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__actions .btn.btn--primary {
    background: linear-gradient(135deg, #0284c7 0%, #14b8a6 100%) !important;
    border-color: rgba(6, 182, 212, .34) !important;
    box-shadow: 0 16px 34px rgba(14, 165, 233, .20) !important;
}