:root[data-theme="lsoftmove-logistics"] {
    color-scheme: light;
    --logistics-navy: #102a43;
    --logistics-navy-deep: #0b1f33;
    --logistics-navy-soft: #173f63;
    --logistics-primary: var(--logistics-navy);
    --logistics-secondary: #14b8a6;
    --logistics-info: #0ea5e9;
    --logistics-success: #22c55e;
    --logistics-warning: #f59e0b;
    --logistics-danger: #ef4444;
    --logistics-bg: #f3f6fa;
    --logistics-surface: #ffffff;
    --logistics-surface-soft: #fafbfd;
    --logistics-border: #e2e8f0;
    --logistics-divider: #e8edf3;
    --logistics-text: #1e293b;
    --logistics-muted: #64748b;
    --logistics-radius-sm: 8px;
    --logistics-radius-md: 12px;
    --logistics-radius-lg: 16px;
    --logistics-shadow-sm: 0 2px 8px rgba(15, 42, 67, 0.06);
    --logistics-shadow-card: 0 8px 24px rgba(15, 42, 67, 0.08);
    --logistics-shadow-float: 0 16px 40px rgba(15, 42, 67, 0.14);
    --ls-theme-key: "lsoftmove-logistics";
    --ls-font-family: Inter, Roboto, "Segoe UI", Arial, sans-serif;
    --ls-radius-sm: var(--logistics-radius-sm);
    --ls-radius-md: var(--logistics-radius-md);
    --ls-radius-lg: var(--logistics-radius-lg);
    --ls-shadow-sm: var(--logistics-shadow-sm);
    --ls-shadow-md: var(--logistics-shadow-card);
    --ls-shadow-lg: var(--logistics-shadow-float);
    --app-primary: var(--logistics-primary);
    --app-primary-strong: var(--logistics-navy-deep);
    --app-secondary: var(--logistics-secondary);
    --app-secondary-strong: #0f766e;
    --app-accent: var(--logistics-info);
    --app-bg: var(--logistics-bg);
    --app-surface: var(--logistics-surface);
    --app-panel: var(--logistics-surface);
    --app-field-bg: var(--logistics-surface);
    --app-field-border: #cbd5e1;
    --app-border: var(--logistics-border);
    --app-text: var(--logistics-text);
    --app-muted: var(--logistics-muted);
    --app-muted-soft: #94a3b8;
    --app-sidebar: var(--logistics-navy);
    --app-sidebar-text: #d9e6f2;
    --app-sidebar-muted: #8fb5d8;
    --app-sidebar-active: rgba(37, 99, 235, 0.34);
    --app-sidebar-icon: #8fb5d8;
    --app-sidebar-hover-bg: rgba(255, 255, 255, 0.08);
    --app-sidebar-hover-text: #ffffff;
    --app-sidebar-border: #1d4668;
    --app-gradient-end: #60a5fa;
    --theme-band-start: var(--logistics-navy);
    --theme-band-end: var(--logistics-navy-soft);
    --theme-action-start: var(--logistics-navy);
    --theme-action-end: var(--logistics-navy-soft);
    --theme-soft-action: rgba(16, 42, 67, 0.12);
    --theme-accent: var(--logistics-secondary);
    --theme-success: var(--logistics-success);
    --theme-warning: var(--logistics-warning);
    --theme-danger-start: #dc2626;
    --theme-danger-end: #ef4444;
    --mud-palette-primary: #102a43;
    --mud-palette-primary-rgb: 16, 42, 67;
    --mud-palette-primary-text: #ffffff;
    --mud-palette-secondary: #14b8a6;
    --mud-palette-secondary-rgb: 20, 184, 166;
    --mud-palette-secondary-text: #ffffff;
    --mud-palette-tertiary: #f59e0b;
    --mud-palette-info: #0ea5e9;
    --mud-palette-success: #22c55e;
    --mud-palette-warning: #f59e0b;
    --mud-palette-error: #ef4444;
    --mud-palette-error-text: #ffffff;
    --mud-palette-background: #f3f6fa;
    --mud-palette-surface: #ffffff;
    --mud-palette-appbar-background: #ffffff;
    --mud-palette-appbar-text: #334155;
    --mud-palette-drawer-background: #102a43;
    --mud-palette-drawer-text: #d9e6f2;
    --mud-palette-drawer-icon: #8fb5d8;
    --mud-palette-text-primary: #1e293b;
    --mud-palette-text-secondary: #64748b;
    --mud-palette-lines-default: #e2e8f0;
    --mud-palette-table-lines: #e8edf3;
    --mud-palette-divider: #e2e8f0;
}

.theme-dot.lsoftmove-logistics {
    background: linear-gradient(135deg, #102a43 0 48%, #2563eb 48% 72%, #14b8a6 72% 100%);
}

/* Barra superior clara, separada de la navegación lateral. */
[data-theme="lsoftmove-logistics"] .main-appbar {
    background: #ffffff !important;
    color: #334155 !important;
    border-bottom: 1px solid var(--logistics-border);
    box-shadow: 0 2px 12px rgba(15, 42, 67, 0.07) !important;
}

[data-theme="lsoftmove-logistics"] .main-appbar .mud-toolbar,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-button-root,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-icon-button,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-icon-root,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-link,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-typography,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-menu {
    color: #475569 !important;
}

[data-theme="lsoftmove-logistics"] .main-appbar .mud-icon-button,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-menu,
[data-theme="lsoftmove-logistics"] .main-appbar .mud-menu-activator,
[data-theme="lsoftmove-logistics"] .main-appbar .theme-selector-trigger {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="lsoftmove-logistics"] .main-appbar .mud-icon-button:hover,
[data-theme="lsoftmove-logistics"] .main-appbar .theme-selector-trigger:hover,
[data-theme="lsoftmove-logistics"] .main-appbar .appbar-user-chip:hover {
    color: var(--logistics-primary) !important;
    background: #eff6ff !important;
}

[data-theme="lsoftmove-logistics"] .appbar-search-wrap {
    background: #f1f5f9;
    border-color: var(--logistics-border);
}

[data-theme="lsoftmove-logistics"] .appbar-search-icon,
[data-theme="lsoftmove-logistics"] .appbar-search-input,
[data-theme="lsoftmove-logistics"] .appbar-cust-name,
[data-theme="lsoftmove-logistics"] .appbar-user-name-text {
    color: #334155 !important;
}

[data-theme="lsoftmove-logistics"] .appbar-search-input::placeholder,
[data-theme="lsoftmove-logistics"] .appbar-cust-timer,
[data-theme="lsoftmove-logistics"] .appbar-user-role-text {
    color: #64748b !important;
}

/* Navegación azul marino con selección claramente diferenciada. */
[data-theme="lsoftmove-logistics"] .mud-drawer,
[data-theme="lsoftmove-logistics"] .mud-drawer-content {
    background: var(--logistics-navy) !important;
    color: var(--app-sidebar-text) !important;
}

[data-theme="lsoftmove-logistics"] .mud-drawer .mud-nav-link.active {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.42), rgba(37, 99, 235, 0.22)) !important;
    border-left: 4px solid #60a5fa;
    color: #ffffff !important;
}

[data-theme="lsoftmove-logistics"] .mud-drawer .mud-nav-link.active .mud-icon-root {
    color: #ffffff !important;
}

/* Superficies administrativas limpias. */
[data-theme="lsoftmove-logistics"] .mud-card,
[data-theme="lsoftmove-logistics"] .admin-card,
[data-theme="lsoftmove-logistics"] .filter-container,
[data-theme="lsoftmove-logistics"] .table-container {
    background: var(--logistics-surface) !important;
    border: 1px solid var(--logistics-border);
    border-radius: var(--logistics-radius-md) !important;
    box-shadow: var(--logistics-shadow-card);
}

[data-theme="lsoftmove-logistics"] .mud-paper,
[data-theme="lsoftmove-logistics"] .mud-card {
    color: var(--logistics-text) !important;
}

[data-theme="lsoftmove-logistics"] .mud-button-filled-primary {
    background: linear-gradient(135deg, var(--logistics-navy), var(--logistics-navy-soft)) !important;
}

[data-theme="lsoftmove-logistics"] .mud-button-filled-secondary {
    background: linear-gradient(135deg, #0f9f91, #14b8a6) !important;
}

[data-theme="lsoftmove-logistics"] .mud-button-root:focus-visible,
[data-theme="lsoftmove-logistics"] .mud-icon-button:focus-visible,
[data-theme="lsoftmove-logistics"] .mud-nav-link:focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

/* Formularios con foco operativo azul. */
[data-theme="lsoftmove-logistics"] .mud-input-root,
[data-theme="lsoftmove-logistics"] .mud-input-slot,
[data-theme="lsoftmove-logistics"] .mud-select-input {
    background-color: #ffffff !important;
}

[data-theme="lsoftmove-logistics"] .mud-input:focus-within .mud-input-outlined-border,
[data-theme="lsoftmove-logistics"] .mud-input-underline::after {
    border-color: var(--logistics-primary) !important;
}

[data-theme="lsoftmove-logistics"] .mud-input:focus-within {
    filter: drop-shadow(0 0 0.32rem rgba(37, 99, 235, 0.12));
}

/* Cabeceras principales unificadas con el azul marino del Drawer. */
[data-theme="lsoftmove-logistics"] .mud-table-root .mud-table-head,
[data-theme="lsoftmove-logistics"] .mud-data-grid .mud-table-head,
[data-theme="lsoftmove-logistics"] .mud-data-grid .mud-table-head .mud-table-row {
    background: linear-gradient(90deg, var(--logistics-navy), var(--logistics-navy-soft)) !important;
    color: #ffffff !important;
}

[data-theme="lsoftmove-logistics"] .mud-table-root .mud-table-head .mud-table-cell,
[data-theme="lsoftmove-logistics"] .mud-data-grid .mud-table-head .mud-table-cell,
[data-theme="lsoftmove-logistics"] .mud-data-grid .mud-table-head .mud-typography,
[data-theme="lsoftmove-logistics"] .mud-data-grid .mud-table-head .mud-icon-root,
[data-theme="lsoftmove-logistics"] .mud-data-grid .mud-table-head .mud-button-root {
    background: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="lsoftmove-logistics"] .mud-table-body .mud-table-row:hover {
    background: #f5f8fc !important;
}

[data-theme="lsoftmove-logistics"] .mud-table-row.mud-selected {
    background: #e8f1ff !important;
}

/* Capas flotantes y estados multicolor. */
[data-theme="lsoftmove-logistics"] .mud-dialog,
[data-theme="lsoftmove-logistics"] .mud-popover,
[data-theme="lsoftmove-logistics"] .mud-menu {
    background: #ffffff !important;
    border: 1px solid var(--logistics-border);
    border-radius: 12px !important;
    box-shadow: var(--logistics-shadow-float) !important;
}

[data-theme="lsoftmove-logistics"] .mud-list-item:hover {
    background: #f1f5f9 !important;
}

[data-theme="lsoftmove-logistics"] .mud-tab.mud-tab-active,
[data-theme="lsoftmove-logistics"] .mud-tabs-tabbar .mud-tab-slider {
    color: var(--logistics-primary) !important;
    border-color: var(--logistics-primary) !important;
}

[data-theme="lsoftmove-logistics"] .mud-chip-filled.mud-chip-color-primary { background: #e8f1ff !important; color: #1d4ed8 !important; }
[data-theme="lsoftmove-logistics"] .mud-chip-filled.mud-chip-color-secondary { background: #e6fffb !important; color: #0f766e !important; }
[data-theme="lsoftmove-logistics"] .mud-chip-filled.mud-chip-color-success { background: #eafaf0 !important; color: #15803d !important; }
[data-theme="lsoftmove-logistics"] .mud-chip-filled.mud-chip-color-warning { background: #fff7e6 !important; color: #b45309 !important; }
[data-theme="lsoftmove-logistics"] .mud-chip-filled.mud-chip-color-error { background: #fff0f0 !important; color: #dc2626 !important; }

@media (prefers-reduced-motion: reduce) {
    [data-theme="lsoftmove-logistics"] *,
    [data-theme="lsoftmove-logistics"] *::before,
    [data-theme="lsoftmove-logistics"] *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 600px) {
    :root[data-theme="lsoftmove-logistics"] {
        --logistics-shadow-card: 0 3px 12px rgba(15, 42, 67, 0.07);
    }
}
