html[data-platform-theme="light"] {
    color-scheme: light;
    --bg-primary: #f5f9fd;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef6fb;
    --text-primary: #10243a;
    --text-secondary: #52677b;
    --text-muted: #52677b;
    --border-color: rgba(43, 111, 150, 0.16);
    --accent-cyan: #0e5f75;
    --accent-blue: #1f7ab8;
    --accent-green: #148f83;
    --accent-orange: #b97016;
    --accent-red: #c2413b;
    --theme-surface: rgba(255, 255, 255, 0.86);
    --theme-surface-solid: #ffffff;
    --theme-surface-soft: #eef6fb;
    --theme-line: rgba(43, 111, 150, 0.16);
    --theme-line-strong: rgba(43, 111, 150, 0.26);
    --theme-text-strong: #10243a;
    --theme-text-main: #1c3348;
    --theme-text-soft: #52677b;
    --theme-text-muted: #52677b;
    --theme-weather: #135f91;
    --theme-rain: #1c78c0;
    --theme-water: #128397;
    --theme-satellite: #3f7f57;
    --theme-fire: #c45d12;
    --theme-aqi: #20915b;
    --theme-typhoon: #9b4dc6;
    --theme-radar: #1877b8;
    --theme-warning: #a96612;
    --theme-danger: #b83232;
    --theme-focus-ring: rgba(23, 111, 169, 0.18);
    --theme-disabled-bg: #e7f0f6;
    --theme-disabled-text: #52677b;
    --theme-state-info-bg: rgba(23, 111, 169, 0.10);
    --theme-state-success-bg: rgba(22, 130, 96, 0.10);
    --theme-state-warning-bg: rgba(169, 102, 18, 0.12);
    --theme-state-danger-bg: rgba(184, 50, 50, 0.10);
    --admin-bg-primary: #f5f9fd;
    --admin-bg-secondary: #ffffff;
    --admin-bg-card: rgba(255, 255, 255, 0.88);
    --admin-text-primary: #10243a;
    --admin-text-secondary: #52677b;
    --admin-border: rgba(43, 111, 150, 0.16);
    --admin-accent-cyan: #176fa9;
    --admin-accent-emerald: #168260;
    --admin-shadow: 0 12px 28px rgba(37, 86, 124, 0.10);
    --admin-shadow-lg: 0 18px 38px rgba(37, 86, 124, 0.14);
    --primary-color: #176fa9;
    --secondary-color: #128397;
    --accent-color: #c45d12;
    --warning-color: #a96612;
    --danger-color: #b83232;
    --success-color: #168260;
    --dark-bg: #f5f9fd;
    --panel-bg: rgba(255, 255, 255, 0.88);
    --glass-bg: rgba(255, 255, 255, 0.78);
    --panel-border: rgba(43, 111, 150, 0.18);
    --glow-blue: 0 12px 28px rgba(37, 86, 124, 0.12);
    --bg-base: #f5f9fd;
    --bg-elevated: rgba(255, 255, 255, 0.88);
    --bg-surface: #eef6fb;
    --bg-input: #ffffff;
    --bg-hover: rgba(18, 104, 168, 0.08);
    --border-subtle: rgba(43, 111, 150, 0.13);
    --border-default: rgba(43, 111, 150, 0.20);
    --border-accent: rgba(23, 111, 169, 0.34);
    --accent-primary: #135f91;
    --accent-success: #168260;
    --accent-warning: #a96612;
    --accent-danger: #b83232;
    --accent-purple: #8154b8;
    --glow-primary: 0 10px 24px rgba(23, 111, 169, 0.12);
    --glow-success: 0 10px 24px rgba(22, 130, 96, 0.12);
}

html[data-platform-theme="light"] body {
    background:
        radial-gradient(circle at 14% 0%, rgba(31, 122, 184, 0.13), transparent 28%),
        radial-gradient(circle at 86% 6%, rgba(20, 143, 131, 0.11), transparent 26%),
        linear-gradient(180deg, #f7fbff 0%, #edf6fb 52%, #f8fbf6 100%) !important;
    color: var(--text-primary) !important;
}

html[data-platform-theme="light"] .page-loading {
    background: #f5f9fd;
}

html[data-platform-theme="light"] .wrapper,
html[data-platform-theme="light"] #content,
html[data-platform-theme="light"] .content-area,
html[data-platform-theme="light"] main {
    background: transparent !important;
    color: var(--text-primary) !important;
}

html[data-platform-theme="light"] .tech-navbar {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom-color: rgba(33, 96, 140, 0.18) !important;
    box-shadow: 0 10px 28px rgba(37, 86, 124, 0.12) !important;
}

html[data-platform-theme="light"] .tech-navbar:hover {
    background: rgba(255, 255, 255, 0.95) !important;
}

html[data-platform-theme="light"] .navbar-brand {
    color: var(--accent-cyan) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .nav-link {
    color: #38516b !important;
}

html[data-platform-theme="light"] .nav-link::before {
    background-color: var(--accent-green) !important;
}

html[data-platform-theme="light"] .nav-link:hover,
html[data-platform-theme="light"] .nav-link.active,
html[data-platform-theme="light"] .nav-item.dropdown:hover .nav-link,
html[data-platform-theme="light"] .user-display,
html[data-platform-theme="light"] .user-display i,
html[data-platform-theme="light"] .auth-link:hover {
    color: var(--accent-cyan) !important;
    background-color: rgba(18, 104, 168, 0.07) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .tech-dropdown-menu,
html[data-platform-theme="light"] .dropdown-menu-dark {
    background-color: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(43, 111, 150, 0.18) !important;
    box-shadow: 0 18px 34px rgba(37, 86, 124, 0.16) !important;
}

html[data-platform-theme="light"] .dropdown-item {
    color: #304258 !important;
}

html[data-platform-theme="light"] .dropdown-item:hover,
html[data-platform-theme="light"] .dropdown-item:focus,
html[data-platform-theme="light"] [data-platform-theme-select].active-theme-option {
    color: var(--accent-cyan) !important;
    background-color: rgba(18, 104, 168, 0.09) !important;
}

html[data-platform-theme="light"] .dropdown-item i,
html[data-platform-theme="light"] .dropdown-header {
    color: var(--accent-green) !important;
}

html[data-platform-theme="light"] .tech-divider,
html[data-platform-theme="light"] .dropdown-divider {
    border-color: rgba(43, 111, 150, 0.16) !important;
}

html[data-platform-theme="light"] .navbar-toggler {
    border-color: rgba(18, 104, 168, 0.28) !important;
}

html[data-platform-theme="light"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 104, 168, 0.82)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

html[data-platform-theme="light"] .home-container {
    background:
        radial-gradient(circle at 18% 10%, rgba(45, 132, 255, 0.14), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(18, 166, 148, 0.12), transparent 26%),
        linear-gradient(180deg, #f7fbff 0%, #edf6fb 48%, #f8fbf6 100%) !important;
    color: var(--text-primary) !important;
}

html[data-platform-theme="light"] .top-header,
html[data-platform-theme="light"] .site-footer {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(43, 111, 150, 0.16) !important;
    box-shadow: 0 10px 28px rgba(37, 86, 124, 0.1) !important;
}

html[data-platform-theme="light"] .site-title,
html[data-platform-theme="light"] .feature-group h2,
html[data-platform-theme="light"] .showcase-section h2 {
    color: var(--accent-cyan) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .feature-group,
html[data-platform-theme="light"] .showcase-section,
html[data-platform-theme="light"] .card,
html[data-platform-theme="light"] .modal-content,
html[data-platform-theme="light"] .info-panel,
html[data-platform-theme="light"] .glass-panel,
html[data-platform-theme="light"] .forecast-card,
html[data-platform-theme="light"] .data-card,
html[data-platform-theme="light"] .panel {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(43, 111, 150, 0.16) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 16px 38px rgba(45, 91, 128, 0.1) !important;
}

html[data-platform-theme="light"] .feature-card,
html[data-platform-theme="light"] .list-group-item,
html[data-platform-theme="light"] .toast,
html[data-platform-theme="light"] .dropdown-menu,
html[data-platform-theme="light"] .accordion-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 248, 252, 0.92)) !important;
    color: #243247 !important;
    border-color: rgba(43, 111, 150, 0.16) !important;
    box-shadow: 0 8px 22px rgba(38, 83, 118, 0.08) !important;
}

html[data-platform-theme="light"] .feature-card:hover,
html[data-platform-theme="light"] .nav-btn:hover {
    background: #ffffff !important;
    color: var(--accent-cyan) !important;
    border-color: rgba(18, 104, 168, 0.34) !important;
    box-shadow: 0 14px 30px rgba(18, 104, 168, 0.15) !important;
}

html[data-platform-theme="light"] .feature-card i,
html[data-platform-theme="light"] .footer-item i,
html[data-platform-theme="light"] .nav-btn i {
    color: var(--accent-green) !important;
}

html[data-platform-theme="light"] .style-menu {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(43, 111, 150, 0.18) !important;
    box-shadow: 0 18px 34px rgba(37, 86, 124, 0.16) !important;
}

html[data-platform-theme="light"] .style-item {
    color: #304258 !important;
    border-bottom-color: rgba(43, 111, 150, 0.12) !important;
}

html[data-platform-theme="light"] .style-item:hover,
html[data-platform-theme="light"] .style-item.active,
html[data-platform-theme="light"] .style-item.active-theme-option {
    background: rgba(18, 104, 168, 0.09) !important;
    color: var(--accent-cyan) !important;
}

html[data-platform-theme="light"] .footer-info,
html[data-platform-theme="light"] .footer-item,
html[data-platform-theme="light"] .footer-item a,
html[data-platform-theme="light"] p,
html[data-platform-theme="light"] .text-muted,
html[data-platform-theme="light"] .text-secondary {
    color: var(--text-secondary) !important;
}

html[data-platform-theme="light"] h1,
html[data-platform-theme="light"] h2,
html[data-platform-theme="light"] h3,
html[data-platform-theme="light"] h4,
html[data-platform-theme="light"] h5,
html[data-platform-theme="light"] h6,
html[data-platform-theme="light"] label,
html[data-platform-theme="light"] .card-title,
html[data-platform-theme="light"] .modal-title {
    color: var(--text-primary) !important;
}

html[data-platform-theme="light"] .form-control,
html[data-platform-theme="light"] .form-select,
html[data-platform-theme="light"] input,
html[data-platform-theme="light"] select,
html[data-platform-theme="light"] textarea {
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: var(--text-primary) !important;
    border-color: rgba(43, 111, 150, 0.22) !important;
}

html[data-platform-theme="light"] input:focus,
html[data-platform-theme="light"] select:focus,
html[data-platform-theme="light"] textarea:focus {
    border-color: rgba(18, 104, 168, 0.55) !important;
    box-shadow: 0 0 0 0.2rem rgba(18, 104, 168, 0.12) !important;
}

html[data-platform-theme="light"] .table,
html[data-platform-theme="light"] table {
    --bs-table-bg: rgba(255, 255, 255, 0.84);
    --bs-table-color: var(--text-primary);
    --bs-table-border-color: rgba(43, 111, 150, 0.13);
    color: var(--text-primary) !important;
    background-color: rgba(255, 255, 255, 0.84) !important;
}

html[data-platform-theme="light"] .table-dark,
html[data-platform-theme="light"] thead,
html[data-platform-theme="light"] .card-header,
html[data-platform-theme="light"] .modal-header {
    --bs-table-bg: rgba(232, 244, 250, 0.95);
    --bs-table-color: var(--text-primary);
    background: rgba(232, 244, 250, 0.95) !important;
    color: var(--text-primary) !important;
    border-color: rgba(43, 111, 150, 0.15) !important;
}

html[data-platform-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(18, 104, 168, 0.045) !important;
}

html[data-platform-theme="light"] .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(20, 143, 131, 0.08) !important;
}

html[data-platform-theme="light"] .btn-primary,
html[data-platform-theme="light"] .btn-info {
    background: linear-gradient(135deg, #1268a8, #148f83) !important;
    background-color: #1268a8 !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(18, 104, 168, 0.18) !important;
}

html[data-platform-theme="light"] .btn-secondary,
html[data-platform-theme="light"] .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(43, 111, 150, 0.18) !important;
    color: #304258 !important;
}

html[data-platform-theme="light"] .alert {
    border: 1px solid rgba(43, 111, 150, 0.14) !important;
    box-shadow: 0 10px 24px rgba(37, 86, 124, 0.08) !important;
}

html[data-platform-theme="light"] .flatpickr-calendar {
    background: #ffffff !important;
    color: var(--text-primary) !important;
    border-color: rgba(43, 111, 150, 0.16) !important;
    box-shadow: 0 18px 34px rgba(37, 86, 124, 0.16) !important;
}

html[data-platform-theme="light"] #screen-root {
    background:
        radial-gradient(circle at top left, rgba(18, 104, 168, 0.12), transparent 30%),
        linear-gradient(135deg, #f6fbff 0%, #edf6fb 58%, #f8fbf6 100%) !important;
    color: var(--text-primary) !important;
}

html[data-platform-theme="light"] #sidebar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(237, 246, 251, 0.92)) !important;
    border-right-color: rgba(43, 111, 150, 0.16) !important;
    box-shadow: 14px 0 30px rgba(37, 86, 124, 0.12) !important;
}

html[data-platform-theme="light"] .sidebar-header,
html[data-platform-theme="light"] .sidebar-tools,
html[data-platform-theme="light"] .sidebar-user-card,
html[data-platform-theme="light"] .sidebar-style-menu {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(43, 111, 150, 0.14) !important;
}

html[data-platform-theme="light"] .sidebar-logo-title,
html[data-platform-theme="light"] #screen-root .text-white {
    color: var(--text-primary) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .sidebar-logo-subtitle,
html[data-platform-theme="light"] #screen-root .text-slate-500,
html[data-platform-theme="light"] #screen-root .text-slate-400,
html[data-platform-theme="light"] #screen-root .text-slate-300 {
    color: var(--text-secondary) !important;
}

html[data-platform-theme="light"] .sidebar-nav-link,
html[data-platform-theme="light"] .sidebar-nav-button,
html[data-platform-theme="light"] .sidebar-tool-link,
html[data-platform-theme="light"] .sidebar-login-link {
    color: #38516b !important;
}

html[data-platform-theme="light"] .sidebar-nav-link:hover,
html[data-platform-theme="light"] .sidebar-nav-button:hover,
html[data-platform-theme="light"] .sidebar-tool-link:hover,
html[data-platform-theme="light"] .sidebar-login-link:hover,
html[data-platform-theme="light"] .sidebar-nav-link.active {
    color: var(--accent-cyan) !important;
    background: rgba(18, 104, 168, 0.08) !important;
    border-color: rgba(18, 104, 168, 0.16) !important;
    box-shadow: inset 2px 0 0 var(--accent-cyan) !important;
}

html[data-platform-theme="light"] .dashboard-card,
html[data-platform-theme="light"] .panel-card,
html[data-platform-theme="light"] .status-item,
html[data-platform-theme="light"] .metric-tag,
html[data-platform-theme="light"] .map-overlay-badge {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(43, 111, 150, 0.15) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 14px 30px rgba(37, 86, 124, 0.1) !important;
}

html[data-platform-theme="light"] .dashboard-select {
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--text-primary) !important;
    border-color: rgba(43, 111, 150, 0.2) !important;
}

html[data-platform-theme="light"] .weather-tab,
html[data-platform-theme="light"] .extreme-tab,
html[data-platform-theme="light"] .layer-checkbox {
    color: #38516b !important;
}

html[data-platform-theme="light"] .weather-tab:hover,
html[data-platform-theme="light"] .extreme-tab:hover,
html[data-platform-theme="light"] .layer-checkbox:hover {
    color: var(--accent-cyan) !important;
    background: rgba(18, 104, 168, 0.08) !important;
}

html[data-platform-theme="light"] .bg-dark,
html[data-platform-theme="light"] .bg-darkLight,
html[data-platform-theme="light"] .bg-slate-900,
html[data-platform-theme="light"] .bg-slate-950 {
    background-color: rgba(255, 255, 255, 0.78) !important;
}

html[data-platform-theme="light"] #situation-map,
html[data-platform-theme="light"] .ol-viewport,
html[data-platform-theme="light"] .map-container,
html[data-platform-theme="light"] #map {
    background-color: #d9e8ee !important;
}

html[data-platform-theme="light"] ::-webkit-scrollbar-track {
    background: rgba(37, 86, 124, 0.08) !important;
}

html[data-platform-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(18, 104, 168, 0.28) !important;
}
/* 新版浅色大屏字体与颜色校准 */
html[data-platform-theme="light"] #screen-root {
    --screen-text-strong: #10243a;
    --screen-text-main: #1c3348;
    --screen-text-soft: #52677b;
    --screen-text-muted: #6f8192;
    --screen-panel-line: rgba(43, 111, 150, 0.18);
    --screen-blue: #176fa9;
    --screen-cyan: #128397;
    --screen-green: #168260;
    --screen-amber: #a96612;
    --screen-red: #b83232;
}

html[data-platform-theme="light"] #screen-root > main > header {
    background: rgba(255, 255, 255, 0.72) !important;
    border-bottom-color: var(--screen-panel-line) !important;
    box-shadow: 0 12px 28px rgba(37, 86, 124, 0.09) !important;
}

html[data-platform-theme="light"] #screen-root > main > header .text-2xl,
html[data-platform-theme="light"] #screen-root .panel-toolbar h3,
html[data-platform-theme="light"] #screen-root .panel-card h3,
html[data-platform-theme="light"] #screen-root .dashboard-card .text-sm:first-child,
html[data-platform-theme="light"] #screen-root .sidebar-logo-title,
html[data-platform-theme="light"] #screen-root .sidebar-user-name,
html[data-platform-theme="light"] #screen-root .status-item .text-sm {
    color: var(--screen-text-strong) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] #screen-root .page-kicker,
html[data-platform-theme="light"] #screen-root .sidebar-logo-subtitle,
html[data-platform-theme="light"] #screen-root .sidebar-user-meta,
html[data-platform-theme="light"] #screen-root .metric-tag,
html[data-platform-theme="light"] #screen-root .status-item,
html[data-platform-theme="light"] #screen-root .list-placeholder,
html[data-platform-theme="light"] #screen-root .list-placeholder-sm {
    color: var(--screen-text-soft) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] #screen-root .text-white,
html[data-platform-theme="light"] #screen-root .text-slate-100,
html[data-platform-theme="light"] #screen-root .text-slate-200 {
    color: var(--screen-text-main) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] #screen-root .text-slate-300,
html[data-platform-theme="light"] #screen-root .text-slate-400 {
    color: var(--screen-text-soft) !important;
}

html[data-platform-theme="light"] #screen-root .text-slate-500,
html[data-platform-theme="light"] #screen-root .text-slate-600 {
    color: var(--screen-text-muted) !important;
}

html[data-platform-theme="light"] #screen-root .num-value,
html[data-platform-theme="light"] #screen-root #current-time {
    color: var(--screen-blue) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] #screen-root .text-primary,
html[data-platform-theme="light"] #screen-root .text-cyan-300,
html[data-platform-theme="light"] #screen-root .text-cyan-400,
html[data-platform-theme="light"] #screen-root .text-blue-300,
html[data-platform-theme="light"] #screen-root .text-blue-400 {
    color: var(--screen-blue) !important;
}

html[data-platform-theme="light"] #screen-root .text-green-300,
html[data-platform-theme="light"] #screen-root .text-green-400,
html[data-platform-theme="light"] #screen-root .text-accent,
html[data-platform-theme="light"] #screen-root .text-emerald-300,
html[data-platform-theme="light"] #screen-root .text-emerald-400 {
    color: var(--screen-green) !important;
}

html[data-platform-theme="light"] #screen-root .text-orange-300,
html[data-platform-theme="light"] #screen-root .text-orange-400,
html[data-platform-theme="light"] #screen-root .text-amber-300,
html[data-platform-theme="light"] #screen-root .text-amber-400,
html[data-platform-theme="light"] #screen-root .text-yellow-300 {
    color: var(--screen-amber) !important;
}

html[data-platform-theme="light"] #screen-root .text-red-300,
html[data-platform-theme="light"] #screen-root .text-red-400,
html[data-platform-theme="light"] #screen-root .text-rose-700,
html[data-platform-theme="light"] #screen-root .hover\:text-red-400:hover {
    color: var(--screen-red) !important;
}

html[data-platform-theme="light"] #screen-root .dashboard-card::before,
html[data-platform-theme="light"] #screen-root .sidebar-shell::before,
html[data-platform-theme="light"] #situation-map-container::after {
    opacity: 0.35 !important;
}

html[data-platform-theme="light"] #screen-root .border-primary\/20,
html[data-platform-theme="light"] #screen-root .border-primary\/15,
html[data-platform-theme="light"] #screen-root .border-primary\/10,
html[data-platform-theme="light"] #screen-root .border-amber-500\/20,
html[data-platform-theme="light"] #screen-root .border-orange-500\/20 {
    border-color: var(--screen-panel-line) !important;
}

html[data-platform-theme="light"] #screen-root .bg-white\/5,
html[data-platform-theme="light"] #screen-root .bg-white\/10,
html[data-platform-theme="light"] #screen-root .bg-primary\/5,
html[data-platform-theme="light"] #screen-root .bg-primary\/10,
html[data-platform-theme="light"] #screen-root .bg-cyan-500\/20,
html[data-platform-theme="light"] #screen-root .bg-green-500\/20,
html[data-platform-theme="light"] #screen-root .bg-amber-500\/5,
html[data-platform-theme="light"] #screen-root .bg-orange-500\/10,
html[data-platform-theme="light"] #screen-root .bg-orange-500\/12,
html[data-platform-theme="light"] #screen-root .bg-orange-500\/20,
html[data-platform-theme="light"] #screen-root .bg-orange-500\/30 {
    background-color: rgba(18, 104, 168, 0.075) !important;
}

html[data-platform-theme="light"] #screen-root .weather-tab.border-primary,
html[data-platform-theme="light"] #screen-root .extreme-tab.border-amber-400 {
    color: var(--screen-blue) !important;
    border-color: var(--screen-blue) !important;
    background: rgba(18, 104, 168, 0.08) !important;
}

html[data-platform-theme="light"] #screen-root .sidebar-style-menu a[data-platform-theme-select="light"],
html[data-platform-theme="light"] #screen-root [data-platform-theme-select="light"].active-theme-option {
    color: var(--screen-blue) !important;
    background: rgba(18, 104, 168, 0.1) !important;
    font-weight: 600 !important;
}
html[data-platform-theme="light"] .admin-container,
html[data-platform-theme="light"] .admin-dashboard,
html[data-platform-theme="light"] .station-nwp-container,
html[data-platform-theme="light"] .typhoon-monitoring,
html[data-platform-theme="light"] .aqi-monitoring,
html[data-platform-theme="light"] .radar-page {
    background: linear-gradient(180deg, #f7fbff 0%, #edf6fb 100%) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .admin-card,
html[data-platform-theme="light"] .admin-panel,
html[data-platform-theme="light"] .stat-card,
html[data-platform-theme="light"] .query-card,
html[data-platform-theme="light"] .query-panel,
html[data-platform-theme="light"] .result-card,
html[data-platform-theme="light"] .result-panel,
html[data-platform-theme="light"] .control-panel,
html[data-platform-theme="light"] .controls-panel,
html[data-platform-theme="light"] .panel-header,
html[data-platform-theme="light"] .status-bar,
html[data-platform-theme="light"] .chart-container,
html[data-platform-theme="light"] .chart-placeholder,
html[data-platform-theme="light"] .table-section,
html[data-platform-theme="light"] .table-header,
html[data-platform-theme="light"] .weather-panel,
html[data-platform-theme="light"] .typhoon-list-panel,
html[data-platform-theme="light"] .info-window,
html[data-platform-theme="light"] .weather-modal,
html[data-platform-theme="light"] .aqi-panel,
html[data-platform-theme="light"] .aqi-modal,
html[data-platform-theme="light"] .aqi-legend-panel,
html[data-platform-theme="light"] .fire-panel,
html[data-platform-theme="light"] .radar-controls,
html[data-platform-theme="light"] .basemap-controls,
html[data-platform-theme="light"] .title-bar {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
    box-shadow: 0 14px 32px rgba(37, 86, 124, 0.12) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .admin-header,
html[data-platform-theme="light"] .modal-header,
html[data-platform-theme="light"] .panel-title,
html[data-platform-theme="light"] .section-title,
html[data-platform-theme="light"] .table-title,
html[data-platform-theme="light"] .weather-panel-title,
html[data-platform-theme="light"] .aqi-panel-title,
html[data-platform-theme="light"] .typhoon-panel-title,
html[data-platform-theme="light"] .legend-title,
html[data-platform-theme="light"] .title-bar,
html[data-platform-theme="light"] .brand-main,
html[data-platform-theme="light"] .header-text .title,
html[data-platform-theme="light"] .station-name,
html[data-platform-theme="light"] .result-name {
    color: var(--theme-text-strong) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .brand-sub,
html[data-platform-theme="light"] .header-text .subtitle,
html[data-platform-theme="light"] .placeholder-hint,
html[data-platform-theme="light"] .result-info,
html[data-platform-theme="light"] .badge-label,
html[data-platform-theme="light"] .status-item .label,
html[data-platform-theme="light"] .station-detail,
html[data-platform-theme="light"] .data-source-time,
html[data-platform-theme="light"] .update-time,
html[data-platform-theme="light"] .time-label,
html[data-platform-theme="light"] .legend-text,
html[data-platform-theme="light"] .aqi-level-label,
html[data-platform-theme="light"] .typhoon-info-label {
    color: var(--theme-text-soft) !important;
}

html[data-platform-theme="light"] .control-input,
html[data-platform-theme="light"] .control-select,
html[data-platform-theme="light"] .dashboard-select,
html[data-platform-theme="light"] .search-results,
html[data-platform-theme="light"] .tool-btn,
html[data-platform-theme="light"] .range-btn,
html[data-platform-theme="light"] .quick-btn,
html[data-platform-theme="light"] .var-tab,
html[data-platform-theme="light"] .station-badge,
html[data-platform-theme="light"] .basemap-option,
html[data-platform-theme="light"] #timestamp,
html[data-platform-theme="light"] #imageInfo {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--theme-line-strong) !important;
    color: var(--theme-text-main) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .control-input::placeholder,
html[data-platform-theme="light"] .form-control::placeholder,
html[data-platform-theme="light"] .control-select::placeholder {
    color: var(--theme-text-muted) !important;
}

html[data-platform-theme="light"] .control-input:hover,
html[data-platform-theme="light"] .control-select:hover,
html[data-platform-theme="light"] .range-btn:hover,
html[data-platform-theme="light"] .quick-btn:hover,
html[data-platform-theme="light"] .tool-btn:hover,
html[data-platform-theme="light"] .basemap-option:hover,
html[data-platform-theme="light"] .search-result-item:hover,
html[data-platform-theme="light"] .var-item:hover {
    background: rgba(18, 104, 168, 0.08) !important;
    color: var(--theme-weather) !important;
    border-color: rgba(23, 111, 169, 0.32) !important;
}

html[data-platform-theme="light"] .data-table th,
html[data-platform-theme="light"] .table th,
html[data-platform-theme="light"] table th {
    background: #e7f2f8 !important;
    color: var(--theme-text-strong) !important;
    border-color: var(--theme-line) !important;
}

html[data-platform-theme="light"] .data-table td,
html[data-platform-theme="light"] .table td,
html[data-platform-theme="light"] table td {
    color: var(--theme-text-main) !important;
    border-color: rgba(43, 111, 150, 0.12) !important;
}

html[data-platform-theme="light"] .data-table tbody tr:hover,
html[data-platform-theme="light"] .table tbody tr:hover,
html[data-platform-theme="light"] table tbody tr:hover {
    background: rgba(18, 104, 168, 0.06) !important;
}

html[data-platform-theme="light"] .loading-overlay,
html[data-platform-theme="light"] #map-loading {
    background: rgba(245, 249, 253, 0.82) !important;
    color: var(--theme-text-main) !important;
}

/* 业务要素色：保留语义，不把所有要素都刷成同一种蓝 */
html[data-platform-theme="light"] .weather-color,
html[data-platform-theme="light"] .weather-tab[data-tab="high-temp"],
html[data-platform-theme="light"] .weather-tab[data-tab="low-temp"],
html[data-platform-theme="light"] .fa-cloud-sun-rain,
html[data-platform-theme="light"] .fa-cloud-sun,
html[data-platform-theme="light"] .fa-wind {
    color: var(--theme-weather) !important;
}

html[data-platform-theme="light"] .rain-color,
html[data-platform-theme="light"] .weather-tab[data-tab="rain"],
html[data-platform-theme="light"] .fa-cloud-rain,
html[data-platform-theme="light"] .fa-water,
html[data-platform-theme="light"] .water-color {
    color: var(--theme-rain) !important;
}

html[data-platform-theme="light"] .water-panel,
html[data-platform-theme="light"] .water-card,
html[data-platform-theme="light"] .river-panel {
    border-color: rgba(18, 131, 151, 0.22) !important;
}

html[data-platform-theme="light"] .fire-color,
html[data-platform-theme="light"] .fire-panel-title,
html[data-platform-theme="light"] .fa-fire,
html[data-platform-theme="light"] .fa-burn,
html[data-platform-theme="light"] .text-orange-400,
html[data-platform-theme="light"] .text-orange-300 {
    color: var(--theme-fire) !important;
}

html[data-platform-theme="light"] .aqi-color,
html[data-platform-theme="light"] .aqi-title,
html[data-platform-theme="light"] .fa-lungs,
html[data-platform-theme="light"] .fa-smog,
html[data-platform-theme="light"] .fa-leaf {
    color: var(--theme-aqi) !important;
}

html[data-platform-theme="light"] .typhoon-color,
html[data-platform-theme="light"] .typhoon-name,
html[data-platform-theme="light"] .fa-globe-asia,
html[data-platform-theme="light"] .fa-satellite-dish {
    color: var(--theme-typhoon) !important;
}

html[data-platform-theme="light"] .radar-color,
html[data-platform-theme="light"] .fa-broadcast-tower,
html[data-platform-theme="light"] .radar-controls label,
html[data-platform-theme="light"] .basemap-option label {
    color: var(--theme-radar) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .satellite-color,
html[data-platform-theme="light"] .fa-satellite,
html[data-platform-theme="light"] .fa-map-marked-alt,
html[data-platform-theme="light"] .fa-layer-group {
    color: var(--theme-satellite) !important;
}

html[data-platform-theme="light"] .warning-color,
html[data-platform-theme="light"] .badge-value,
html[data-platform-theme="light"] .fa-exclamation-triangle,
html[data-platform-theme="light"] .text-amber-400,
html[data-platform-theme="light"] .text-yellow-300 {
    color: var(--theme-warning) !important;
}

html[data-platform-theme="light"] .danger-color,
html[data-platform-theme="light"] .fa-temperature-high,
html[data-platform-theme="light"] .text-red-400,
html[data-platform-theme="light"] .text-rose-700 {
    color: var(--theme-danger) !important;
}

/* AQI 等级必须保持行业通用色，浅底下只修文字可读性 */
html[data-platform-theme="light"] .aqi-level-dot.excellent,
html[data-platform-theme="light"] .aqi-value-excellent,
html[data-platform-theme="light"] .aqi-legend-color[style*="#00e400"] { background-color: #00e400 !important; color: #10243a !important; }
html[data-platform-theme="light"] .aqi-level-dot.good,
html[data-platform-theme="light"] .aqi-value-good,
html[data-platform-theme="light"] .aqi-legend-color[style*="#ffff00"] { background-color: #ffff00 !important; color: #10243a !important; }
html[data-platform-theme="light"] .aqi-level-dot.light,
html[data-platform-theme="light"] .aqi-value-light { background-color: #ff7e00 !important; color: #ffffff !important; }
html[data-platform-theme="light"] .aqi-level-dot.moderate,
html[data-platform-theme="light"] .aqi-value-moderate { background-color: #ff0000 !important; color: #ffffff !important; }
html[data-platform-theme="light"] .aqi-level-dot.heavy,
html[data-platform-theme="light"] .aqi-value-heavy { background-color: #99004c !important; color: #ffffff !important; }
html[data-platform-theme="light"] .aqi-level-dot.severe,
html[data-platform-theme="light"] .aqi-value-severe { background-color: #7e0023 !important; color: #ffffff !important; }

/* 地图类页面：地图本体保持底图/图层真实颜色，只把浮层和控件变浅 */
html[data-platform-theme="light"] .radar-legend img,
html[data-platform-theme="light"] .legend-symbol,
html[data-platform-theme="light"] .legend-color,
html[data-platform-theme="light"] .aqi-legend-color {
    box-shadow: none !important;
}

html[data-platform-theme="light"] .panel-toggle,
html[data-platform-theme="light"] .close-btn,
html[data-platform-theme="light"] .modal-close {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--theme-text-main) !important;
    border-color: var(--theme-line-strong) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .btn-clear,
html[data-platform-theme="light"] .quick-btn.btn-clear {
    color: var(--theme-danger) !important;
    border-color: rgba(184, 50, 50, 0.28) !important;
}

html[data-platform-theme="light"] .btn-snow,
html[data-platform-theme="light"] .quick-btn.btn-snow {
    color: #135f91 !important;
    border-color: rgba(19, 95, 145, 0.28) !important;
}

html[data-platform-theme="light"] .btn-classic,
html[data-platform-theme="light"] .quick-btn.btn-classic {
    color: #0f6f58 !important;
    border-color: rgba(15, 111, 88, 0.28) !important;
}

html[data-platform-theme="light"] .btn-all,
html[data-platform-theme="light"] .quick-btn.btn-all {
    color: var(--theme-typhoon) !important;
    border-color: rgba(155, 77, 198, 0.28) !important;
}
/* 独立测高页面浅色统一 */
html[data-platform-theme="light"] .altimetry-navbar {
    background: linear-gradient(135deg, #176fa9 0%, #128397 100%) !important;
    box-shadow: 0 10px 26px rgba(37, 86, 124, 0.14) !important;
}

html[data-platform-theme="light"] .altimetry-navbar .navbar-brand,
html[data-platform-theme="light"] .altimetry-navbar .nav-btn {
    color: #ffffff !important;
}

html[data-platform-theme="light"] .altimetry-container,
html[data-platform-theme="light"] .data-section,
html[data-platform-theme="light"] .chart-section,
html[data-platform-theme="light"] .stats-section {
    background: transparent !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .altimetry-container .control-panel,
html[data-platform-theme="light"] .altimetry-container .chart-card,
html[data-platform-theme="light"] .altimetry-container .stat-card,
html[data-platform-theme="light"] .altimetry-container .data-table-container,
html[data-platform-theme="light"] .altimetry-container .satellite-selector-dropdown {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
    box-shadow: 0 14px 32px rgba(37, 86, 124, 0.10) !important;
}

html[data-platform-theme="light"] .altimetry-container .control-title,
html[data-platform-theme="light"] .altimetry-container .section-title,
html[data-platform-theme="light"] .altimetry-container .chart-title,
html[data-platform-theme="light"] .altimetry-container .stat-value {
    color: var(--theme-weather) !important;
}
/* 重点业务页面浅色修正：水体遥感、河道运行图、格点产品 */
html[data-platform-theme="light"] .nwp-workstation,
html[data-platform-theme="light"] .river-network-container,
html[data-platform-theme="light"] body:has(.nwp-workstation),
html[data-platform-theme="light"] body:has(.river-network-container),
html[data-platform-theme="light"] body:has(#area-chart) {
    background: linear-gradient(180deg, #f7fbff 0%, #edf6fb 100%) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .nwp-workstation {
    --bg-primary: #f5f9fd;
    --bg-secondary: rgba(255, 255, 255, 0.9);
    --bg-tertiary: #eef6fb;
    --bg-hover: rgba(18, 104, 168, 0.08);
    --text-primary: #10243a;
    --text-secondary: #36536b;
    --text-muted: #52677b;
    --text-hint: #6f8192;
    --border-color: rgba(43, 111, 150, 0.18);
    --accent-primary: #168260;
    --accent-secondary: #176fa9;
    --accent-warning: #a96612;
    --accent-danger: #b83232;
    --shadow-lg: 0 14px 32px rgba(37, 86, 124, 0.12);
}

html[data-platform-theme="light"] .nwp-container,
html[data-platform-theme="light"] .nwp-controls,
html[data-platform-theme="light"] .shared-controls,
html[data-platform-theme="light"] .comparison-controls,
html[data-platform-theme="light"] .comparison-container,
html[data-platform-theme="light"] .latest-time-container,
html[data-platform-theme="light"] .nav-panel,
html[data-platform-theme="light"] .main-content,
html[data-platform-theme="light"] .image-viewport,
html[data-platform-theme="light"] .timeline-container,
html[data-platform-theme="light"] .timeline-track-wrapper,
html[data-platform-theme="light"] .model-init-times,
html[data-platform-theme="light"] .variable-tree,
html[data-platform-theme="light"] .shortcuts-hint,
html[data-platform-theme="light"] .image-panel,
html[data-platform-theme="light"] .image-container,
html[data-platform-theme="light"] .panel-image-container,
html[data-platform-theme="light"] .panel-controls,
html[data-platform-theme="light"] .panel-loading,
html[data-platform-theme="light"] .panel-error,
html[data-platform-theme="light"] .forecast-info,
html[data-platform-theme="light"] .loading-placeholder,
html[data-platform-theme="light"] .river-network-container .page-header,
html[data-platform-theme="light"] .river-network-container .chart-container,
html[data-platform-theme="light"] .river-network-container .legend-box,
html[data-platform-theme="light"] .river-network-container .legend-item,
html[data-platform-theme="light"] .river-network-container .basin-tabs,
html[data-platform-theme="light"] .river-network-container .display-options,
html[data-platform-theme="light"] .water-history-chart,
html[data-platform-theme="light"] .water-history-chart .chart-header,
html[data-platform-theme="light"] .modal-content:has(.water-history-chart),
html[data-platform-theme="light"] .card:has(#area-chart),
html[data-platform-theme="light"] #area-chart,
html[data-platform-theme="light"] .image-wrapper {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
    box-shadow: 0 14px 32px rgba(37, 86, 124, 0.10) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .panel-info {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.92)) !important;
    color: var(--theme-text-main) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .nwp-container select,
html[data-platform-theme="light"] .nwp-container input,
html[data-platform-theme="light"] .nwp-workstation select,
html[data-platform-theme="light"] .nwp-workstation input,
html[data-platform-theme="light"] .nwp-workstation button:not(.play-btn),
html[data-platform-theme="light"] .layout-btn,
html[data-platform-theme="light"] .preset-btn,
html[data-platform-theme="light"] .sync-btn,
html[data-platform-theme="light"] .nav-btn,
html[data-platform-theme="light"] .speed-btn,
html[data-platform-theme="light"] .time-range-btn:not(.active),
html[data-platform-theme="light"] .basin-tab:not(.active),
html[data-platform-theme="light"] .option-label,
html[data-platform-theme="light"] .checkmark {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--theme-line-strong) !important;
    color: var(--theme-text-main) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .layout-btn.active,
html[data-platform-theme="light"] .preset-btn.active,
html[data-platform-theme="light"] .sync-btn.active,
html[data-platform-theme="light"] .speed-btn.active,
html[data-platform-theme="light"] .time-range-btn.active,
html[data-platform-theme="light"] .basin-tab.active {
    background: linear-gradient(135deg, #176fa9, #128397) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 20px rgba(23, 111, 169, 0.18) !important;
}

html[data-platform-theme="light"] .nwp-container h1,
html[data-platform-theme="light"] .nwp-container h2,
html[data-platform-theme="light"] .nwp-container h3,
html[data-platform-theme="light"] .nwp-workstation .panel-header,
html[data-platform-theme="light"] .nwp-workstation .section-title,
html[data-platform-theme="light"] .river-network-container h1,
html[data-platform-theme="light"] .river-network-container h2,
html[data-platform-theme="light"] .river-network-container h3,
html[data-platform-theme="light"] .river-network-container .label,
html[data-platform-theme="light"] .river-network-container .option-text,
html[data-platform-theme="light"] .water-history-chart #chartTitle,
html[data-platform-theme="light"] .card-title,
html[data-platform-theme="light"] .text-dark {
    color: var(--theme-text-strong) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .panel-info-var,
html[data-platform-theme="light"] .panel-info-init,
html[data-platform-theme="light"] .model-time,
html[data-platform-theme="light"] .shortcut-item,
html[data-platform-theme="light"] .last-update,
html[data-platform-theme="light"] .river-network-container .empty-state,
html[data-platform-theme="light"] .text-muted,
html[data-platform-theme="light"] small,
html[data-platform-theme="light"] .small {
    color: #52677b !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .panel-info-model,
html[data-platform-theme="light"] .model-name,
html[data-platform-theme="light"] .text-primary,
html[data-platform-theme="light"] .water-history-chart .time-range-btn:not(.active) {
    color: var(--theme-weather) !important;
}

html[data-platform-theme="light"] .panel-info-valid,
html[data-platform-theme="light"] .forecast-hour,
html[data-platform-theme="light"] .latest-time,
html[data-platform-theme="light"] .current-value,
html[data-platform-theme="light"] .stat-value {
    color: var(--theme-warning) !important;
}

html[data-platform-theme="light"] .water-history-chart > div[id^="waterChart_"],
html[data-platform-theme="light"] .water-history-chart [id^="waterChart_"] {
    background: #ffffff !important;
    border-color: var(--theme-line) !important;
    box-shadow: inset 0 0 0 1px rgba(43, 111, 150, 0.08) !important;
}

html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) {
    color-scheme: dark;
    --theme-surface: rgba(20, 27, 42, 0.92);
    --theme-surface-solid: #141b2a;
    --theme-surface-soft: rgba(31, 41, 59, 0.86);
    --theme-line: rgba(148, 163, 184, 0.16);
    --theme-line-strong: rgba(148, 163, 184, 0.28);
    --theme-text-strong: #f8fafc;
    --theme-text-main: #e2e8f0;
    --theme-text-soft: #cbd5e1;
    --theme-text-muted: #94a3b8;
    --theme-weather: #38bdf8;
    --theme-water: #22d3ee;
    --theme-satellite: #34d399;
    --theme-fire: #fb923c;
    --theme-warning: #fbbf24;
    --theme-danger: #f87171;
    --theme-focus-ring: rgba(56, 189, 248, 0.22);
    --theme-disabled-bg: rgba(30, 41, 59, 0.78);
    --theme-disabled-text: #94a3b8;
    --theme-state-info-bg: rgba(56, 189, 248, 0.12);
    --theme-state-success-bg: rgba(52, 211, 153, 0.12);
    --theme-state-warning-bg: rgba(251, 191, 36, 0.14);
    --theme-state-danger-bg: rgba(248, 113, 113, 0.12);
}

html[data-platform-theme="light"] body:has(.card-modern),
html[data-platform-theme="light"] body:has(.forecast-container),
html[data-platform-theme="light"] body:has(.station-nwp-container),
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) body:has(.card-modern),
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) body:has(.forecast-container),
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) body:has(.weather-hourly-page),
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) body:has(.sounding-image) {
    background: var(--theme-surface-solid) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) body:has(.card-modern),
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) body:has(.forecast-container) {
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
}

html[data-platform-theme="light"] .card-modern,
html[data-platform-theme="light"] .image-grid-item,
html[data-platform-theme="light"] .image-title,
html[data-platform-theme="light"] .sounding-image,
html[data-platform-theme="light"] .sounding-table,
html[data-platform-theme="light"] .sounding-card,
html[data-platform-theme="light"] .forecast-container .control-panel,
html[data-platform-theme="light"] .forecast-container .sounding-card,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .card-modern,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .image-grid-item,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .image-title,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .sounding-image,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .sounding-table,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .sounding-card,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .forecast-container .control-panel,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .forecast-container .sounding-card {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
    box-shadow: 0 14px 32px rgba(8, 20, 35, 0.12) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .form-control-compact,
html[data-platform-theme="light"] .form-select-compact,
html[data-platform-theme="light"] .time-selector,
html[data-platform-theme="light"] .data-source-select,
html[data-platform-theme="light"] .speed-select,
html[data-platform-theme="light"] .time-range-select,
html[data-platform-theme="light"] .custom-date-input,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-control,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-select,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-control-compact,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-select-compact,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) input,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) select,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) textarea,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .time-selector,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .data-source-select,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .speed-select,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .time-range-select,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .custom-date-input {
    background: var(--theme-surface-soft) !important;
    color: var(--theme-text-main) !important;
    border-color: var(--theme-line-strong) !important;
    box-shadow: none !important;
}

html[data-platform-theme="light"] input::placeholder,
html[data-platform-theme="light"] textarea::placeholder,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) input::placeholder,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) textarea::placeholder {
    color: var(--theme-text-muted) !important;
    opacity: 1 !important;
}

html[data-platform-theme="light"] input:disabled,
html[data-platform-theme="light"] select:disabled,
html[data-platform-theme="light"] textarea:disabled,
html[data-platform-theme="light"] .disabled,
html[data-platform-theme="light"] .time-select-disabled,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) input:disabled,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) select:disabled,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) textarea:disabled,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .disabled,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .time-select-disabled {
    background: var(--theme-disabled-bg) !important;
    color: var(--theme-disabled-text) !important;
    border-color: var(--theme-line) !important;
    opacity: 1 !important;
}

html[data-platform-theme="light"] .form-control:focus,
html[data-platform-theme="light"] .form-select:focus,
html[data-platform-theme="light"] .form-control-compact:focus,
html[data-platform-theme="light"] .form-select-compact:focus,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-control:focus,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-select:focus,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-control-compact:focus,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .form-select-compact:focus {
    border-color: var(--theme-weather) !important;
    box-shadow: 0 0 0 0.2rem var(--theme-focus-ring) !important;
}

html[data-platform-theme="light"] .loading-container,
html[data-platform-theme="light"] .loading-placeholder,
html[data-platform-theme="light"] .loading-stations,
html[data-platform-theme="light"] .empty-data-tip,
html[data-platform-theme="light"] .error-placeholder,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .loading-container,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .loading-placeholder,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .loading-stations,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .empty-data-tip,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .error-placeholder {
    background: var(--theme-surface-soft) !important;
    color: var(--theme-text-soft) !important;
    border-color: var(--theme-line) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .error-message,
html[data-platform-theme="light"] .alert-danger,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .error-message,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .alert-danger {
    background: var(--theme-state-danger-bg) !important;
    color: var(--theme-danger) !important;
    border-color: rgba(184, 50, 50, 0.28) !important;
}

html[data-platform-theme="light"] .alert-warning,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .alert-warning {
    background: var(--theme-state-warning-bg) !important;
    color: var(--theme-warning) !important;
    border-color: rgba(169, 102, 18, 0.28) !important;
}

html[data-platform-theme="light"] .alert-success,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .alert-success {
    background: var(--theme-state-success-bg) !important;
    color: var(--theme-satellite) !important;
    border-color: rgba(22, 130, 96, 0.28) !important;
}

html[data-platform-theme="light"] .btn-outline-primary,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .btn-outline-primary {
    color: var(--theme-weather) !important;
    border-color: var(--theme-line-strong) !important;
    background: transparent !important;
}

html[data-platform-theme="light"] .btn-check:checked + .btn-outline-primary,
html[data-platform-theme="light"] .btn-outline-primary:hover,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .btn-check:checked + .btn-outline-primary,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .btn-outline-primary:hover {
    background: linear-gradient(135deg, var(--theme-weather), var(--theme-water)) !important;
    background-color: var(--theme-weather) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] .map-controls,
html[data-platform-theme="light"] .map-title-panel,
html[data-platform-theme="light"] .fire-list-panel,
html[data-platform-theme="light"] .map-legend,
html[data-platform-theme="light"] .ol-popup,
html[data-platform-theme="light"] .layer-panel,
html[data-platform-theme="light"] .legend-panel,
html[data-platform-theme="light"] .radar-time-controls,
html[data-platform-theme="light"] .time-controls-compact,
html[data-platform-theme="light"] .layer-option,
html[data-platform-theme="light"] .weather-modal-content,
html[data-platform-theme="light"] .weather-modal-header,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .map-controls,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .map-title-panel,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .fire-list-panel,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .map-legend,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .layer-panel,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .legend-panel,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .radar-time-controls,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .time-controls-compact,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .layer-option,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-modal-content,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-modal-header {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
    box-shadow: 0 14px 32px rgba(8, 20, 35, 0.22) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .map-controls label,
html[data-platform-theme="light"] .map-controls .group-title,
html[data-platform-theme="light"] .map-legend h4,
html[data-platform-theme="light"] .legend-header,
html[data-platform-theme="light"] .legend-item,
html[data-platform-theme="light"] .ol-popup h4,
html[data-platform-theme="light"] .ol-popup p,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .map-controls label,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .map-controls .group-title,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .map-legend h4,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .legend-header,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .legend-item,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup h4,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup p {
    color: var(--theme-text-main) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .ol-control,
html[data-platform-theme="light"] .ol-scale-line,
html[data-platform-theme="light"] .ol-attribution:not(.ol-collapsed),
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-control,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-scale-line,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-attribution:not(.ol-collapsed) {
    background: var(--theme-surface) !important;
    color: var(--theme-text-main) !important;
    border-color: var(--theme-line) !important;
}

html[data-platform-theme="light"] .ol-control button,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-control button {
    background: var(--theme-surface-soft) !important;
    color: var(--theme-text-main) !important;
    border: 1px solid var(--theme-line) !important;
}

html[data-platform-theme="light"] .ol-control button:hover,
html[data-platform-theme="light"] .ol-control button:focus,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-control button:hover,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-control button:focus {
    color: var(--theme-weather) !important;
    outline-color: var(--theme-weather) !important;
}

html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .table td,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .table th {
    color: var(--theme-text-main) !important;
    border-color: var(--theme-line) !important;
}

html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .table,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) table {
    --bs-table-bg: rgba(20, 27, 42, 0.86);
    --bs-table-color: var(--theme-text-main);
    --bs-table-border-color: var(--theme-line);
    background: rgba(20, 27, 42, 0.86) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) thead,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .table-dark,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .card-header,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .modal-header {
    --bs-table-bg: rgba(30, 41, 59, 0.96);
    --bs-table-color: var(--theme-text-strong);
    background: rgba(30, 41, 59, 0.96) !important;
    color: var(--theme-text-strong) !important;
    border-color: var(--theme-line) !important;
}


/* High-specificity fixes for water query and fire map inline page styles */
html[data-platform-theme="light"] .station-list-container,
html[data-platform-theme="light"] .station-list-header,
html[data-platform-theme="light"] .station-item,
html[data-platform-theme="light"] .station-checkbox,
html[data-platform-theme="light"] .station-info,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .station-list-container,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .station-list-header,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .station-item,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .station-checkbox,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .station-info {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .station-details,
html[data-platform-theme="light"] .selected-count,
html[data-platform-theme="light"] .no-search-results,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .station-details,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .selected-count,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .no-search-results {
    color: var(--theme-text-main) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .loading-stations,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .loading-stations {
    color: var(--theme-text-soft) !important;
}

html[data-platform-theme="light"] .pagination .page-link,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .pagination .page-link {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-line-strong) !important;
    color: var(--theme-weather) !important;
}

html[data-platform-theme="light"] .pagination .page-item.active .page-link,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--theme-weather), var(--theme-water)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] .btn-close,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .btn-close {
    filter: none !important;
    opacity: 0.85 !important;
}

html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .btn-close {
    filter: invert(1) grayscale(100%) brightness(1.8) !important;
}

html[data-platform-theme="light"] .weather-station-header,
html[data-platform-theme="light"] .weather-element-card,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-station-header,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-element-card {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .weather-station-name,
html[data-platform-theme="light"] .weather-element-title,
html[data-platform-theme="light"] .weather-loading-text,
html[data-platform-theme="light"] .ol-popup strong,
html[data-platform-theme="light"] .ol-popup-closer,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-station-name,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-element-title,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-loading-text,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup strong,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup-closer {
    color: var(--theme-weather) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .weather-station-coords,
html[data-platform-theme="light"] .weather-data-time,
html[data-platform-theme="light"] .weather-no-data,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-station-coords,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-data-time,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-no-data {
    color: var(--theme-text-soft) !important;
}

html[data-platform-theme="light"] .weather-element-value,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .weather-element-value {
    color: var(--theme-text-strong) !important;
}

html[data-platform-theme="light"] .ol-popup,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup {
    color: var(--theme-text-main) !important;
    border-color: var(--theme-line-strong) !important;
}

html[data-platform-theme="light"] .ol-popup h4,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup h4 {
    color: var(--theme-weather) !important;
    border-bottom-color: var(--theme-line-strong) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .ol-popup .high-confidence,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .ol-popup .high-confidence {
    color: var(--theme-danger) !important;
    text-shadow: none !important;
}

/* Authentication pages: keep controls readable after global surface overrides */
html[data-platform-theme="light"] .auth-container {
    background:
        radial-gradient(circle at 18% 18%, rgba(42, 154, 184, 0.14), transparent 30%),
        linear-gradient(180deg, #f7fbff 0%, #edf6fb 100%) !important;
}

html[data-platform-theme="light"] .auth-card {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid var(--theme-line-strong) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .auth-card-header {
    background: linear-gradient(135deg, rgba(23, 111, 169, 0.10), rgba(18, 131, 151, 0.08)) !important;
    color: var(--theme-text-strong) !important;
}

html[data-platform-theme="light"] .auth-card-header h3,
html[data-platform-theme="light"] .auth-form-label,
html[data-platform-theme="light"] .auth-card-footer p {
    color: var(--theme-text-strong) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .auth-form-control {
    background: #ffffff !important;
    border: 1px solid var(--theme-line-strong) !important;
    color: var(--theme-text-main) !important;
    box-shadow: inset 0 1px 2px rgba(37, 86, 124, 0.06) !important;
}

html[data-platform-theme="light"] .auth-form-control::placeholder {
    color: #687b8d !important;
}

html[data-platform-theme="light"] .auth-form-control:focus {
    border-color: var(--theme-weather) !important;
    box-shadow: 0 0 0 3px rgba(23, 111, 169, 0.16) !important;
}

html[data-platform-theme="light"] .auth-form-icon,
html[data-platform-theme="light"] .password-toggle {
    color: var(--theme-text-soft) !important;
}

html[data-platform-theme="light"] .auth-form-group:focus-within .auth-form-icon,
html[data-platform-theme="light"] .password-toggle:hover {
    color: var(--theme-weather) !important;
}

html[data-platform-theme="light"] .auth-card .auth-btn,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .auth-card .auth-btn {
    background: linear-gradient(135deg, #176fa9 0%, #128397 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18) !important;
    box-shadow: 0 12px 24px rgba(23, 111, 169, 0.24) !important;
}

html[data-platform-theme="light"] .auth-card .auth-btn:hover,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .auth-card .auth-btn:hover {
    background: linear-gradient(135deg, #125c8d 0%, #0f7182 100%) !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] .auth-card .auth-btn:disabled,
html[data-platform-theme-current="dark"]:not([data-platform-theme="light"]) .auth-card .auth-btn:disabled {
    color: rgba(255, 255, 255, 0.92) !important;
}

html[data-platform-theme="light"] .auth-card-footer {
    background: rgba(238, 246, 251, 0.86) !important;
    border-top-color: var(--theme-line) !important;
}

html[data-platform-theme="light"] .auth-link {
    color: #125c8d !important;
}

html[data-platform-theme="light"] .field-error {
    color: var(--theme-danger) !important;
}

html[data-platform-theme="light"] .auth-error,
html[data-platform-theme="light"] .auth-success,
html[data-platform-theme="light"] .auth-warning {
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16) !important;
}

html[data-platform-theme="light"] .password-strength,
html[data-platform-theme="light"] .password-strength-text {
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .password-strength-bar {
    background: #d8e7f0 !important;
}

html[data-platform-theme="light"] .submit-btn,
html[data-platform-theme="light"] .btn-custom.btn-primary,
html[data-platform-theme="light"] .btn-custom.btn-success {
    background-color: #176fa9 !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] .auth-warning,
html[data-platform-theme="light"] .admin-badge {
    background-color: #a96612 !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] #welcomeModal {
    background: rgba(232, 242, 248, 0.72) !important;
    backdrop-filter: blur(10px) !important;
}

html[data-platform-theme="light"] #welcomeModal .bg-darkLight {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: var(--theme-line-strong) !important;
    box-shadow: 0 24px 54px rgba(37, 86, 124, 0.18) !important;
}

html[data-platform-theme="light"] #welcomeModal .text-white {
    color: var(--theme-text-strong) !important;
}

html[data-platform-theme="light"] #welcomeModal .text-slate-300 {
    color: var(--theme-text-soft) !important;
}

html[data-platform-theme="light"] #welcomeModal .border-slate-500 {
    border-color: var(--theme-line-strong) !important;
}

html[data-platform-theme="light"] #welcomeModal .bg-primary {
    background-color: var(--theme-weather) !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] .messages-container {
    background:
        radial-gradient(circle at 14% 12%, rgba(23, 111, 169, 0.12), transparent 28%),
        linear-gradient(180deg, #f7fbff 0%, #edf6fb 100%) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .messages-container .page-header {
    border-bottom-color: var(--theme-line) !important;
}

html[data-platform-theme="light"] .messages-container .page-header h1 {
    background: none !important;
    -webkit-text-fill-color: var(--theme-weather) !important;
    color: var(--theme-weather) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .messages-container .page-header h1 i,
html[data-platform-theme="light"] .messages-container .messages-section h3,
html[data-platform-theme="light"] .messages-container .form-card h3,
html[data-platform-theme="light"] .messages-container .author-name {
    color: var(--theme-weather) !important;
    text-shadow: none !important;
}

html[data-platform-theme="light"] .messages-container .page-description,
html[data-platform-theme="light"] .messages-container .char-count,
html[data-platform-theme="light"] .messages-container .message-time,
html[data-platform-theme="light"] .messages-container .reply-time,
html[data-platform-theme="light"] .messages-container .no-messages {
    color: var(--theme-text-soft) !important;
}

html[data-platform-theme="light"] .messages-container .form-card,
html[data-platform-theme="light"] .messages-container .message-item,
html[data-platform-theme="light"] .messages-container .reply-item,
html[data-platform-theme="light"] .messages-container .login-prompt,
html[data-platform-theme="light"] .messages-container .reply-form {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-text-main) !important;
    box-shadow: 0 12px 26px rgba(37, 86, 124, 0.10) !important;
}

html[data-platform-theme="light"] .messages-container .message-header,
html[data-platform-theme="light"] .messages-container .replies-section,
html[data-platform-theme="light"] .messages-container .reply-form-section {
    border-color: var(--theme-line) !important;
}

html[data-platform-theme="light"] .messages-container .message-content,
html[data-platform-theme="light"] .messages-container .reply-content,
html[data-platform-theme="light"] .messages-container .login-prompt {
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .messages-container textarea#content,
html[data-platform-theme="light"] .messages-container .reply-form textarea {
    background: #ffffff !important;
    border-color: var(--theme-line-strong) !important;
    color: var(--theme-text-main) !important;
}

html[data-platform-theme="light"] .messages-container textarea#content::placeholder,
html[data-platform-theme="light"] .messages-container .reply-form textarea::placeholder {
    color: #687b8d !important;
}

html[data-platform-theme="light"] .messages-container textarea#content:focus,
html[data-platform-theme="light"] .messages-container .reply-form textarea:focus {
    border-color: var(--theme-weather) !important;
    box-shadow: 0 0 0 3px rgba(23, 111, 169, 0.16) !important;
}

html[data-platform-theme="light"] .messages-container .submit-btn {
    background: linear-gradient(135deg, #176fa9, #128397) !important;
    background-color: #176fa9 !important;
    color: #ffffff !important;
}

html[data-platform-theme="light"] .messages-container .delete-btn {
    background: rgba(184, 50, 50, 0.10) !important;
    border-color: rgba(184, 50, 50, 0.24) !important;
    color: var(--theme-danger) !important;
}

html[data-platform-theme="light"] .messages-container .reply-toggle-btn,
html[data-platform-theme="light"] .messages-container .cancel-btn {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-line-strong) !important;
    color: var(--theme-weather) !important;
}

html[data-platform-theme="light"] .messages-container .admin-name,
html[data-platform-theme="light"] .messages-container .admin-info i {
    color: var(--theme-warning) !important;
}