/* 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"] .module-actionbar,
html[data-theme="light"] .page-grid:not(.pos-page):not(.pos-page--odoo) > .page-intro:has(.actions),
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"] .module-actionbar__title strong,
html[data-theme="light"] .module-actionbar .page-intro__title {
    color: #0f172a;
}

html[data-theme="light"] .module-actionbar__title span,
html[data-theme="light"] .module-actionbar .page-intro__text {
    color: #64748b;
}

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-page--odoo .conversation-badge--abonado {
    background: #ecfdf5 !important;
    border-color: rgba(5, 150, 105, .26) !important;
    color: #047857 !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-badge--suspendido {
    background: #fff7ed !important;
    border-color: rgba(234, 88, 12, .28) !important;
    color: #9a3412 !important;
}

html[data-theme="light"] .conversations-page--odoo .conversation-badge--esperando {
    background: #fefce8 !important;
    border-color: rgba(202, 138, 4, .28) !important;
    color: #854d0e !important;
}

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

html[data-theme="light"] .conversations-page--odoo .conversation-badge--sin-identificar {
    background: #fdf4ff !important;
    border-color: rgba(192, 38, 211, .28) !important;
    color: #86198f !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-message-search {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .14) !important;
}

html[data-theme="light"] .conversations-message-search input {
    color: #0f172a !important;
}

html[data-theme="light"] .conversations-message-search input::placeholder {
    color: rgba(15, 23, 42, .45) !important;
}

html[data-theme="light"] .conversations-message-search__count {
    color: rgba(15, 23, 42, .6) !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: #facc15 !important;
    border: 1px solid rgba(202, 138, 4, .38) !important;
    color: #3f2f02 !important;
    box-shadow: 0 10px 24px rgba(202, 138, 4, .16) !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card--internal .message-card__meta {
    color: #6b4e00 !important;
}

html[data-theme="light"] .conversations-page--odoo .message-card--internal .message-card__text {
    color: #3f2f02 !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"] .admin-home-page .panel-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="light"] .admin-home-page .shell-empty-state {
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 14px;
    padding: 0.9rem 1rem;
}

html[data-theme="light"] .admin-home-page .shell-empty-state strong {
    color: #0f172a;
}

html[data-theme="light"] .admin-home-page .admin-modal-input {
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .admin-home-page .admin-modal-input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .admin-home-page .admin-modal-input:focus {
    border-color: rgba(2, 132, 199, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12) !important;
}

html[data-theme="light"] .admin-home-page .btn-outline-light {
    background: #f8fafc;
    border-color: rgba(148, 163, 184, 0.26);
    color: #334155;
}

html[data-theme="light"] .admin-home-page .btn-outline-light:hover:not(:disabled) {
    background: #e0f2fe;
    border-color: rgba(2, 132, 199, 0.30);
    color: #075985;
}

html[data-theme="light"] .admin-home-page .admin-table-wrap {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

html[data-theme="light"] .admin-home-page .admin-table {
    color: #0f172a;
}

html[data-theme="light"] .admin-home-page .admin-table thead th {
    background: #f1f5f9;
    color: #475569;
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="light"] .admin-home-page .admin-table tbody td {
    border-top-color: rgba(148, 163, 184, 0.12);
}

html[data-theme="light"] .admin-home-page .admin-client-row:hover,
html[data-theme="light"] .admin-home-page .admin-table .table-active {
    background: rgba(2, 132, 199, 0.08);
}

html[data-theme="light"] .admin-home-page .admin-table .table-active td {
    color: #0f172a;
}

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__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,
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 {
    color-scheme: light;
}

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;
    color-scheme: light !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__select option,
html[data-theme="light"] .app-login-overlay .app-login-userlist__select optgroup {
    background-color: #ffffff !important;
    color: #0f172a !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;
}

html[data-theme="light"] .app-login-overlay {
    backdrop-filter: blur(4px);
}

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, #0f172a, #101826) !important;
    color: #e5eefc !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal {
    border-color: rgba(148, 163, 184, .22) !important;
    box-shadow: 0 28px 72px rgba(2, 8, 23, .54) !important;
}

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

html[data-theme="light"] .app-login-overlay .app-login-modal__title,
html[data-theme="light"] .app-login-overlay .app-login-modal__hero-title,
html[data-theme="light"] .app-login-overlay .app-login-session-note p,
html[data-theme="light"] .app-login-overlay .app-login-userlist__item,
html[data-theme="light"] .app-login-overlay .app-login-userlist__manual,
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: #e5eefc !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__hero {
    color: #eef6ff !important;
    background:
        radial-gradient(620px 460px at 86% 0%, rgba(255, 255, 255, .16), transparent 62%),
        linear-gradient(145deg, #16407a 0%, #0f4d94 54%, #0b2748 100%) !important;
    border-right-color: rgba(177, 212, 240, .18) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__hero-note {
    color: #f8fafc !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(177, 212, 240, .26) !important;
}

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

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

html[data-theme="light"] .app-login-overlay .app-login-userlist__list {
    background: rgba(15, 27, 45, .74) !important;
    border-color: rgba(148, 163, 184, .22) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item,
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: rgba(15, 27, 45, .92) !important;
    color: #e5eefc !important;
    border-color: rgba(148, 163, 184, .35) !important;
    -webkit-text-fill-color: #e5eefc !important;
    caret-color: #e5eefc !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item--placeholder {
    color: #cbd5e1 !important;
    background: rgba(15, 27, 45, .54) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item.is-active,
html[data-theme="light"] .app-login-overlay .app-login-userlist__item:hover:not(:disabled),
html[data-theme="light"] .app-login-overlay .app-login-userlist__item:focus-visible {
    background: rgba(19, 35, 58, 1) !important;
    color: #ffffff !important;
    border-color: rgba(34, 211, 238, .75) !important;
}

html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: #0f1b2d !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, .35) !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: #13233a !important;
    color: #ffffff !important;
    border-color: rgba(34, 211, 238, .66) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__actions .btn.btn--ghost {
    background: rgba(15, 23, 42, .92) !important;
    color: #e5eefc !important;
    border-color: rgba(148, 163, 184, .18) !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(19, 35, 58, 1) !important;
    border-color: rgba(34, 211, 238, .66) !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, .72), transparent 62%) !important,
        linear-gradient(145deg, #d8e7fa 0%, #edf4ff 54%, #dbe8f7 100%) !important;
    border-right-color: rgba(148, 163, 184, .20) !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, .82) !important;
    border-color: rgba(148, 163, 184, .28) !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, #f6f9fc) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__header {
    border-bottom-color: rgba(148, 163, 184, .18) !important;
    background: linear-gradient(180deg, #f8fafc, #edf3fb) !important;
}

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

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

html[data-theme="light"] .app-login-overlay .app-login-input,
html[data-theme="light"] .app-login-overlay .drawer-new__password input {
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .35) !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input::placeholder,
html[data-theme="light"] .app-login-overlay .drawer-new__password input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input:focus,
html[data-theme="light"] .app-login-overlay .app-login-input:focus-visible,
html[data-theme="light"] .app-login-overlay .drawer-new__password input:focus,
html[data-theme="light"] .app-login-overlay .drawer-new__password input:focus-visible {
    border-color: rgba(14, 165, 233, .34) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, .10) !important;
}

html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .35) !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;
    color: #0f172a !important;
    border-color: rgba(14, 165, 233, .34) !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, .22) !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, .28) !important;
}

html[data-theme="light"] body .app-login-overlay {
    background: rgba(226, 232, 240, .72) !important;
    backdrop-filter: blur(12px) !important;
}

html[data-theme="light"] body .app-login-overlay .app-login-modal--compact,
html[data-theme="light"] body .app-login-overlay .auth-shell--overlay,
html[data-theme="light"] body .app-login-overlay .auth-form-panel__surface {
    color: #0f172a !important;
}

html[data-theme="light"] body .app-login-overlay .auth-shell--overlay {
    background:
        radial-gradient(900px 540px at 0% 0%, rgba(14, 165, 233, .10), transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(240, 246, 252, .98)) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    box-shadow: 0 26px 72px rgba(15, 23, 42, .16) !important;
}

html[data-theme="light"] body .app-login-overlay .auth-hero--overlay {
    color: #0f172a !important;
    background:
        radial-gradient(560px 420px at 82% 0%, rgba(14, 165, 233, .10), transparent 60%),
        linear-gradient(145deg, #ffffff 0%, #eef5fc 54%, #e6eff8 100%) !important;
    border-right-color: rgba(148, 163, 184, .20) !important;
}

html[data-theme="light"] body .app-login-overlay .auth-form-panel,
html[data-theme="light"] body .app-login-overlay .auth-form-panel__surface--overlay {
    background: transparent !important;
}

html[data-theme="light"] body .app-login-overlay .auth-form-panel__surface {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98)) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme="light"] body .app-login-overlay .app-login-modal__close {
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 20 !important;
    color: #0f172a !important;
}

html[data-theme="light"] body .app-login-overlay .app-login-input,
html[data-theme="light"] body .app-login-overlay .drawer-new__password input,
html[data-theme="light"] body .auth-page .auth-shell--local .central-login-input {
    background: rgba(255, 255, 255, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

html[data-theme="light"] body .app-login-overlay .auth-input-shell__icon,
html[data-theme="light"] body .app-login-overlay .auth-input-shell__icon--password {
    color: #0284c7 !important;
}

html[data-theme="light"] body .app-login-overlay .auth-password__toggle,
html[data-theme="light"] body .app-login-overlay .drawer-new__eye,
html[data-theme="light"] body .app-login-overlay .app-login-action-btn.btn--secondary,
html[data-theme="light"] body .app-login-overlay .app-login-modal__actions .btn.btn--ghost {
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .22) !important;
}

@media (max-width: 768px) {
    html[data-theme="light"] body .auth-page .auth-shell--local {
        background: linear-gradient(180deg, #ffffff, #f5f8fc) !important;
        color: #0f172a !important;
        box-shadow: 0 20px 56px rgba(15, 23, 42, .12) !important;
    }

    html[data-theme="light"] body .auth-page .auth-shell--local .auth-form-panel__surface,
    html[data-theme="light"] body .auth-page .auth-shell--local .auth-form-panel__surface--legacy-bases {
        background: rgba(255, 255, 255, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
    }
}

html[data-theme="light"] .app-login-overlay {
    background: rgba(226, 232, 240, .72) !important;
    backdrop-filter: blur(12px) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal--compact,
html[data-theme="light"] .app-login-overlay .auth-shell--overlay,
html[data-theme="light"] .app-login-overlay .auth-form-panel__surface {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .auth-shell--overlay {
    background:
        radial-gradient(900px 540px at 0% 0%, rgba(14, 165, 233, .10), transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(240, 246, 252, .98)) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    box-shadow: 0 26px 72px rgba(15, 23, 42, .16) !important;
}

html[data-theme="light"] .app-login-overlay .auth-hero--overlay {
    color: #0f172a !important;
    background:
        radial-gradient(560px 420px at 82% 0%, rgba(14, 165, 233, .10), transparent 60%),
        linear-gradient(145deg, #ffffff 0%, #eef5fc 54%, #e6eff8 100%) !important;
    border-right-color: rgba(148, 163, 184, .20) !important;
}

html[data-theme="light"] .app-login-overlay .auth-form-panel,
html[data-theme="light"] .app-login-overlay .auth-form-panel__surface--overlay {
    background: transparent !important;
}

html[data-theme="light"] .app-login-overlay .auth-form-panel__surface {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98)) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme="light"] .app-login-overlay .auth-card__eyebrow,
html[data-theme="light"] .app-login-overlay .auth-card__subtitle,
html[data-theme="light"] .app-login-overlay .auth-hero__text,
html[data-theme="light"] .app-login-overlay .auth-hero__note,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__selected-body small,
html[data-theme="light"] .app-login-overlay .app-login-session-note p,
html[data-theme="light"] .app-login-overlay .app-login-session-note small {
    color: #475569 !important;
}

html[data-theme="light"] .app-login-overlay .auth-card__title,
html[data-theme="light"] .app-login-overlay .auth-hero__title,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__selected-body p,
html[data-theme="light"] .app-login-overlay .app-login-modal__close,
html[data-theme="light"] .app-login-overlay .app-login-modal__close i {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__close {
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 20 !important;
}

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

html[data-theme="light"] .app-login-overlay .app-login-session-note {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input,
html[data-theme="light"] .app-login-overlay .drawer-new__password input {
    background: rgba(255, 255, 255, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input::placeholder,
html[data-theme="light"] .app-login-overlay .drawer-new__password input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .app-login-overlay .auth-input-shell__icon,
html[data-theme="light"] .app-login-overlay .auth-input-shell__icon--password {
    color: #0284c7 !important;
}

html[data-theme="light"] .app-login-overlay .auth-password__toggle,
html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: rgba(248, 250, 252, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html[data-theme="light"] .app-login-overlay .auth-password__toggle:hover,
html[data-theme="light"] .app-login-overlay .auth-password__toggle:focus-visible,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:hover,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:focus-visible {
    background: rgba(241, 245, 249, .98) !important;
    border-color: rgba(14, 165, 233, .34) !important;
    color: #0f172a !important;
}

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

html[data-theme="light"] .app-login-overlay .app-login-action-btn.btn--secondary:hover,
html[data-theme="light"] .app-login-overlay .app-login-action-btn.btn--secondary:focus-visible,
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, .28) !important;
    color: #0f172a !important;
}

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

@media (max-width: 768px) {
    html[data-theme="light"] .auth-page .auth-shell--local {
        background: linear-gradient(180deg, #ffffff, #f5f8fc) !important;
        color: #0f172a !important;
        box-shadow: 0 20px 56px rgba(15, 23, 42, .12) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-form-panel__surface,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-form-panel__surface--legacy-bases {
        background: rgba(255, 255, 255, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-legacy-login__selected,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__grid {
        background: rgba(248, 250, 252, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system > summary::before {
        background: rgba(2, 132, 199, .92) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system > summary::after {
        color: #0f172a !important;
        text-decoration-color: rgba(2, 132, 199, .36) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__item span,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__card span {
        color: #0284c7 !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__item strong,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__card strong {
        color: #0f172a !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .central-login-input {
        background: rgba(255, 255, 255, .98) !important;
        color: #0f172a !important;
        border-color: rgba(148, 163, 184, .28) !important;
    }
}

/* Final light-mode overrides for login surfaces */
html[data-theme="light"] .app-login-overlay {
    background: rgba(226, 232, 240, .72) !important;
    backdrop-filter: blur(12px) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal--compact,
html[data-theme="light"] .app-login-overlay .auth-shell--overlay,
html[data-theme="light"] .app-login-overlay .auth-form-panel__surface {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .auth-shell--overlay {
    background:
        radial-gradient(900px 540px at 0% 0%, rgba(14, 165, 233, .10), transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(240, 246, 252, .98)) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    box-shadow: 0 26px 72px rgba(15, 23, 42, .16) !important;
}

html[data-theme="light"] .app-login-overlay .auth-hero--overlay {
    color: #0f172a !important;
    background:
        radial-gradient(560px 420px at 82% 0%, rgba(14, 165, 233, .10), transparent 60%),
        linear-gradient(145deg, #ffffff 0%, #eef5fc 54%, #e6eff8 100%) !important;
    border-right-color: rgba(148, 163, 184, .20) !important;
}

html[data-theme="light"] .app-login-overlay .auth-form-panel,
html[data-theme="light"] .app-login-overlay .auth-form-panel__surface--overlay {
    background: transparent !important;
}

html[data-theme="light"] .app-login-overlay .auth-form-panel__surface {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98)) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme="light"] .app-login-overlay .auth-card__eyebrow,
html[data-theme="light"] .app-login-overlay .auth-card__subtitle,
html[data-theme="light"] .app-login-overlay .auth-hero__text,
html[data-theme="light"] .app-login-overlay .auth-hero__note,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__selected-body small,
html[data-theme="light"] .app-login-overlay .app-login-session-note p,
html[data-theme="light"] .app-login-overlay .app-login-session-note small {
    color: #475569 !important;
}

html[data-theme="light"] .app-login-overlay .auth-card__title,
html[data-theme="light"] .app-login-overlay .auth-hero__title,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__selected-body p,
html[data-theme="light"] .app-login-overlay .app-login-modal__close,
html[data-theme="light"] .app-login-overlay .app-login-modal__close i {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__close {
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 20 !important;
}

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

html[data-theme="light"] .app-login-overlay .app-login-session-note {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input,
html[data-theme="light"] .app-login-overlay .drawer-new__password input {
    background: rgba(255, 255, 255, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input::placeholder,
html[data-theme="light"] .app-login-overlay .drawer-new__password input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .app-login-overlay .auth-input-shell__icon,
html[data-theme="light"] .app-login-overlay .auth-input-shell__icon--password {
    color: #0284c7 !important;
}

html[data-theme="light"] .app-login-overlay .auth-password__toggle,
html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: rgba(248, 250, 252, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html[data-theme="light"] .app-login-overlay .auth-password__toggle:hover,
html[data-theme="light"] .app-login-overlay .auth-password__toggle:focus-visible,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:hover,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:focus-visible {
    background: rgba(241, 245, 249, .98) !important;
    border-color: rgba(14, 165, 233, .34) !important;
    color: #0f172a !important;
}

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

html[data-theme="light"] .app-login-overlay .app-login-action-btn.btn--secondary:hover,
html[data-theme="light"] .app-login-overlay .app-login-action-btn.btn--secondary:focus-visible,
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, .28) !important;
    color: #0f172a !important;
}

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

@media (max-width: 768px) {
    html[data-theme="light"] .auth-page .auth-shell--local {
        background: linear-gradient(180deg, #ffffff, #f5f8fc) !important;
        color: #0f172a !important;
        box-shadow: 0 20px 56px rgba(15, 23, 42, .12) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-form-panel__surface,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-form-panel__surface--legacy-bases {
        background: rgba(255, 255, 255, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-legacy-login__selected,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__grid {
        background: rgba(248, 250, 252, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system > summary::before {
        background: rgba(2, 132, 199, .92) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system > summary::after {
        color: #0f172a !important;
        text-decoration-color: rgba(2, 132, 199, .36) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__item span,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__card span {
        color: #0284c7 !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__item strong,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__card strong {
        color: #0f172a !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .central-login-input {
        background: rgba(255, 255, 255, .98) !important;
        color: #0f172a !important;
        border-color: rgba(148, 163, 184, .28) !important;
    }
}

html[data-theme="light"] .app-login-overlay {
    background: rgba(226, 232, 240, .68) !important;
    backdrop-filter: blur(12px);
}

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

html[data-theme="light"] .app-login-overlay .auth-shell--overlay {
    background:
        radial-gradient(900px 540px at 0% 0%, rgba(14, 165, 233, .10), transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(240, 246, 252, .98)) !important;
    border: 1px solid rgba(148, 163, 184, .20);
    box-shadow: 0 26px 72px rgba(15, 23, 42, .16);
}

html[data-theme="light"] .app-login-overlay .auth-hero--overlay {
    color: #0f172a !important;
    background:
        radial-gradient(560px 420px at 82% 0%, rgba(14, 165, 233, .10), transparent 60%),
        linear-gradient(145deg, #ffffff 0%, #eef5fc 54%, #e6eff8 100%) !important;
    border-right-color: rgba(148, 163, 184, .20) !important;
}

html[data-theme="light"] .app-login-overlay .auth-hero__title,
html[data-theme="light"] .app-login-overlay .auth-card__title,
html[data-theme="light"] .app-login-overlay .auth-hero__summary strong,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__selected-body p,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__logout,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__cancel {
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .auth-hero__text,
html[data-theme="light"] .app-login-overlay .auth-hero__note,
html[data-theme="light"] .app-login-overlay .auth-card__subtitle,
html[data-theme="light"] .app-login-overlay .auth-legacy-login__selected-body small,
html[data-theme="light"] .app-login-overlay .auth-card__eyebrow {
    color: #475569 !important;
}

html[data-theme="light"] .app-login-overlay .auth-form-panel,
html[data-theme="light"] .app-login-overlay .auth-form-panel__surface--overlay {
    background: transparent !important;
}

html[data-theme="light"] .app-login-overlay .auth-form-panel__surface {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98)) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__close {
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14);
    z-index: 20;
}

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

html[data-theme="light"] .app-login-overlay .app-login-session-note {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

html[data-theme="light"] .app-login-overlay .app-login-userlist__item,
html[data-theme="light"] .app-login-overlay .app-login-userlist__manual,
html[data-theme="light"] .app-login-overlay .app-login-userlist__manual-row input,
html[data-theme="light"] .app-login-overlay .drawer-new__password input,
html[data-theme="light"] .app-login-overlay .app-login-input {
    background: rgba(255, 255, 255, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input::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: #94a3b8 !important;
}

html[data-theme="light"] .app-login-overlay .auth-input-shell__icon,
html[data-theme="light"] .app-login-overlay .auth-input-shell__icon--password {
    color: #0284c7 !important;
}

html[data-theme="light"] .app-login-overlay .auth-password__toggle,
html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: rgba(248, 250, 252, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
}

html[data-theme="light"] .app-login-overlay .auth-password__toggle:hover,
html[data-theme="light"] .app-login-overlay .auth-password__toggle:focus-visible,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:hover,
html[data-theme="light"] .app-login-overlay .drawer-new__eye:focus-visible {
    background: rgba(241, 245, 249, .98) !important;
    border-color: rgba(14, 165, 233, .34) !important;
    color: #0f172a !important;
}

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

html[data-theme="light"] .app-login-overlay .app-login-action-btn.btn--secondary:hover,
html[data-theme="light"] .app-login-overlay .app-login-action-btn.btn--secondary:focus-visible,
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, .28) !important;
    color: #0f172a !important;
}

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

@media (max-width: 768px) {
    html[data-theme="light"] .auth-page .auth-shell--local {
        background: linear-gradient(180deg, #ffffff, #f5f8fc) !important;
        color: #0f172a !important;
        box-shadow: 0 20px 56px rgba(15, 23, 42, .12);
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-form-panel__surface,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-form-panel__surface--legacy-bases {
        background: rgba(255, 255, 255, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-legacy-login__selected {
        background: rgba(248, 250, 252, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__grid {
        background: rgba(248, 250, 252, .98) !important;
        border-color: rgba(148, 163, 184, .20) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system > summary::before {
        background: rgba(2, 132, 199, .92) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system > summary::after {
        color: #0f172a !important;
        text-decoration-color: rgba(2, 132, 199, .36) !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__item span,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__card span {
        color: #0284c7 !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__item strong,
    html[data-theme="light"] .auth-page .auth-shell--local .auth-mobile-system__card strong {
        color: #0f172a !important;
    }

    html[data-theme="light"] .auth-page .auth-shell--local .central-login-input {
        background: rgba(255, 255, 255, .98) !important;
        color: #0f172a !important;
        border-color: rgba(148, 163, 184, .28) !important;
    }
}

html[data-theme="light"] .app-login-overlay {
    backdrop-filter: blur(4px);
}

html[data-theme="light"] .app-login-overlay .app-login-modal--split {
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(239, 244, 250, .98)) !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(14, 165, 233, .10), transparent 62%) !important,
        radial-gradient(520px 320px at 0% 100%, rgba(20, 184, 166, .08), transparent 55%) !important,
        linear-gradient(145deg, #ffffff 0%, #edf4fb 55%, #e5eef7 100%) !important;
    border-right-color: rgba(148, 163, 184, .20) !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, .82) !important;
    border-color: rgba(148, 163, 184, .28) !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, #f6f9fc) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-modal__header {
    border-bottom-color: rgba(148, 163, 184, .18) !important;
    background: linear-gradient(180deg, #f8fafc, #edf3fb) !important;
}

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

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

html[data-theme="light"] .app-login-overlay .app-login-input,
html[data-theme="light"] .app-login-overlay .drawer-new__password input {
    background: rgba(255, 255, 255, .98) !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .28) !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input::placeholder,
html[data-theme="light"] .app-login-overlay .drawer-new__password input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .app-login-overlay .app-login-input:focus,
html[data-theme="light"] .app-login-overlay .app-login-input:focus-visible,
html[data-theme="light"] .app-login-overlay .drawer-new__password input:focus,
html[data-theme="light"] .app-login-overlay .drawer-new__password input:focus-visible {
    border-color: rgba(14, 165, 233, .34) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, .10) !important;
}

html[data-theme="light"] .app-login-overlay .drawer-new__eye {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .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;
    color: #0f172a !important;
    border-color: rgba(14, 165, 233, .34) !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, .22) !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, .28) !important;
}