/*
 * Shared day theme for pages that extend templates/base.html.
 * Keep all rules scoped to body[data-theme="light"] so the night theme remains untouched.
 */
body[data-theme="light"] {
    --light-app-bg: #f5f7fb;
    --light-header: rgba(255, 255, 255, 0.92);
    --light-surface: #ffffff;
    --light-surface-muted: #f8fafc;
    --light-surface-soft: #eef4ff;
    --light-border: #dce3ef;
    --light-border-strong: #c8d3e3;
    --light-shadow: 0 14px 34px rgba(35, 55, 90, 0.10);
    --light-shadow-soft: 0 8px 22px rgba(35, 55, 90, 0.07);
    --light-primary: #2563eb;
    --light-primary-hover: #1d4ed8;
    --light-primary-soft: #eaf1ff;
    --light-amber: #d99a12;
    --light-amber-soft: #fff7df;
    --light-danger: #dc2626;
    --light-positive: #0f9f8a;
    --bg: var(--light-app-bg);
    --bg-primary: var(--light-app-bg);
    --bg-secondary: var(--light-header);
    --bg-card: var(--light-surface);
    --card: var(--light-surface);
    --card-hover: var(--light-surface-muted);
    --border-color: var(--light-border);
    --border: var(--light-border);
    --text: #172033;
    --text-primary: #172033;
    --text-secondary: #5f6f87;
    --text-muted: #7b8798;
    --text-dim: #94a3b8;
    --text-strong: #111827;
    --accent: var(--light-primary);
    --accent-hover: var(--light-primary-hover);
    --accent-bg: rgba(37, 99, 235, 0.08);
    --gold: var(--light-amber);
    --gold-dim: rgba(217, 154, 18, 0.14);
    --control-bg: var(--light-surface);
    --control-border: var(--light-border);
    --control-hover: var(--light-surface-soft);
    --footer-text: #64748b;
    --quote-bg: linear-gradient(135deg, rgba(255, 247, 223, 0.98) 0%, rgba(239, 246, 255, 0.94) 100%);
    --quote-border: rgba(217, 154, 18, 0.28);
    --quote-shadow-inner: rgba(217, 154, 18, 0.06);
    --quote-shadow-outer: rgba(35, 55, 90, 0.08);
    background:
        radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.08), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, var(--light-app-bg) 42%, #f2f5fa 100%) !important;
    color: var(--text-primary) !important;
}

body[data-theme="light"] .header,
body[data-theme="light"] .topbar {
    background: var(--light-header) !important;
    border-bottom-color: rgba(203, 213, 225, 0.78) !important;
    box-shadow: 0 8px 24px rgba(35, 55, 90, 0.08) !important;
    backdrop-filter: blur(12px);
}

body[data-theme="light"] .site-brand-btn,
body[data-theme="light"] .site-brand-btn:hover {
    background: transparent !important;
}

body[data-theme="light"] .site-brand-title {
    color: #b87908 !important;
}

body[data-theme="light"] .site-brand-slogan,
body[data-theme="light"] .section-title,
body[data-theme="light"] .topbar-link:not(.topbar-link-register) {
    color: var(--text-strong) !important;
}

body[data-theme="light"] .header-quote-label,
body[data-theme="light"] .header-quote-text,
body[data-theme="light"] .public-kicker,
body[data-theme="light"] .public-training-hint,
body[data-theme="light"] .step-kicker {
    color: #a66c00 !important;
    text-shadow: none !important;
}

body[data-theme="light"] .topbar-link:not(.topbar-link-register) {
    background: linear-gradient(135deg, var(--light-primary) 0%, #1e88e5 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.20) !important;
}

body[data-theme="light"] .site-footer {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: var(--light-border) !important;
}

body[data-theme="light"] .site-footer-link,
body[data-theme="light"] .site-footer-notes {
    color: var(--footer-text) !important;
}

body[data-theme="light"] .chart-wrapper,
body[data-theme="light"] .right-panel,
body[data-theme="light"] .info-section,
body[data-theme="light"] .modal-content,
body[data-theme="light"] .qa-only-panel,
body[data-theme="light"] .qa-container,
body[data-theme="light"] .knowledge-menu,
body[data-theme="light"] .signal-toolbar,
body[data-theme="light"] .kbar-control-bar,
body[data-theme="light"] .intro-overlay-panel,
body[data-theme="light"] .train-panel,
body[data-theme="light"] .profile-sidebar,
body[data-theme="light"] .card,
body[data-theme="light"] .account-section,
body[data-theme="light"] .channel-profile-card,
body[data-theme="light"] .public-card,
body[data-theme="light"] .setup-card,
body[data-theme="light"] .auth-card,
body[data-theme="light"] #chat-bar,
body[data-theme="light"] .chat-drawer,
body[data-theme="light"] .chat-input-row,
body[data-theme="light"] .qa-input-area,
body[data-theme="light"] .shortcut-bar,
body[data-theme="light"] .kbar-viewer-count,
body[data-theme="light"] .ux-live-region {
    background: var(--light-surface) !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--light-shadow-soft) !important;
}

body[data-theme="light"] .chart-header,
body[data-theme="light"] .chart-volume,
body[data-theme="light"] .kline-info-bar,
body[data-theme="light"] .mini-chart-top-strip,
body[data-theme="light"] .header-annotation-toolbar,
body[data-theme="light"] .setup-head,
body[data-theme="light"] .sidebar-user,
body[data-theme="light"] .channel-tab-strip,
body[data-theme="light"] .account-row {
    background: var(--light-surface-muted) !important;
    border-color: var(--light-border) !important;
}

body[data-theme="light"] .hero-card,
body[data-theme="light"] .account-hero,
body[data-theme="light"] .brand-panel {
    background:
        radial-gradient(circle at 18% 10%, rgba(217, 154, 18, 0.16), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(37, 99, 235, 0.16), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 58%, #edf4ff 100%) !important;
    border-color: var(--light-border) !important;
    box-shadow: var(--light-shadow) !important;
}

body[data-theme="light"] .hero-card::after,
body[data-theme="light"] .brand-panel::before,
body[data-theme="light"] .brand-panel::after,
body[data-theme="light"] .main::before {
    opacity: 0.45 !important;
}

body[data-theme="light"] .public-metric,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .security-card,
body[data-theme="light"] .security-action-card,
body[data-theme="light"] .privacy-card,
body[data-theme="light"] .preference-card,
body[data-theme="light"] .account-insight-card,
body[data-theme="light"] .kv-item,
body[data-theme="light"] .record-item,
body[data-theme="light"] .badge-card,
body[data-theme="light"] .plan-card,
body[data-theme="light"] .loading,
body[data-theme="light"] .empty,
body[data-theme="light"] .notice-box,
body[data-theme="light"] .settings-search,
body[data-theme="light"] .wechat-embed-box,
body[data-theme="light"] .public-note,
body[data-theme="light"] .public-kline-toolbar,
body[data-theme="light"] .replay-dock,
body[data-theme="light"] .replay-fragment-chip,
body[data-theme="light"] .replay-end-item,
body[data-theme="light"] .replay-end-primary {
    background: var(--light-surface-muted) !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
}

body[data-theme="light"] .public-note,
body[data-theme="light"] .account-insight-card.warn,
body[data-theme="light"] .plan-card.current {
    background: linear-gradient(135deg, rgba(255, 247, 223, 0.92), rgba(255, 255, 255, 0.98)) !important;
    border-color: rgba(217, 154, 18, 0.28) !important;
}

body[data-theme="light"] .account-insight-card.ok,
body[data-theme="light"] .privacy-state {
    background: rgba(15, 159, 138, 0.08) !important;
    border-color: rgba(15, 159, 138, 0.22) !important;
}

body[data-theme="light"] .account-insight-card.accent,
body[data-theme="light"] .record-tag {
    background: rgba(37, 99, 235, 0.08) !important;
    border-color: rgba(37, 99, 235, 0.18) !important;
}

body[data-theme="light"] .public-kline-card:not(.public-kline-fullscreen),
body[data-theme="light"] .chart-wrapper:not(.fullscreen),
body[data-theme="light"] .replay-chart-wrapper {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
}

body[data-theme="light"] .public-kline-card.public-kline-fullscreen,
body[data-theme="light"] .public-kline-card:fullscreen,
body[data-theme="light"] .chart-wrapper.fullscreen {
    background: #131722 !important;
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .input,
body[data-theme="light"] .field input,
body[data-theme="light"] .preference-select,
body[data-theme="light"] .qa-input,
body[data-theme="light"] .chat-input,
body[data-theme="light"] .settings-search input {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
}

body[data-theme="light"] input:focus,
body[data-theme="light"] select:focus,
body[data-theme="light"] textarea:focus,
body[data-theme="light"] .input:focus,
body[data-theme="light"] .field input:focus {
    border-color: rgba(37, 99, 235, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10) !important;
}

body[data-theme="light"] .header-btn,
body[data-theme="light"] .period-btn,
body[data-theme="light"] .drawtool-btn,
body[data-theme="light"] .kbar-btn,
body[data-theme="light"] .ratio-btn,
body[data-theme="light"] .modal-btn-secondary,
body[data-theme="light"] .profile-btn,
body[data-theme="light"] .public-btn,
body[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .channel-tab,
body[data-theme="light"] .side-item,
body[data-theme="light"] .channel-pill,
body[data-theme="light"] .channel-tab:not(.active),
body[data-theme="light"] .public-kline-period-btn,
body[data-theme="light"] .public-kline-fullscreen-btn,
body[data-theme="light"] .public-kline-back-btn,
body[data-theme="light"] .public-kline-replay-btn,
body[data-theme="light"] .public-kline-annotation-toggle-btn,
body[data-theme="light"] .chat-fullscreen-btn,
body[data-theme="light"] .chat-drawer-toggle,
body[data-theme="light"] .chat-send-btn,
body[data-theme="light"] .chat-emoji-btn {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-secondary) !important;
}

body[data-theme="light"] .header-btn:hover,
body[data-theme="light"] .drawtool-btn:hover,
body[data-theme="light"] .kbar-btn:hover,
body[data-theme="light"] .ratio-btn:hover,
body[data-theme="light"] .side-item:hover,
body[data-theme="light"] .channel-tab:hover,
body[data-theme="light"] .profile-btn:hover,
body[data-theme="light"] .public-btn:hover,
body[data-theme="light"] .btn-secondary:hover,
body[data-theme="light"] .public-kline-period-btn:hover,
body[data-theme="light"] .chat-fullscreen-btn:hover,
body[data-theme="light"] .chat-drawer-toggle:hover,
body[data-theme="light"] .chat-send-btn:hover,
body[data-theme="light"] .chat-emoji-btn:hover {
    background: var(--light-surface-soft) !important;
    color: var(--text-strong) !important;
}

body[data-theme="light"] .header-btn.active,
body[data-theme="light"] .period-btn.active,
body[data-theme="light"] .drawtool-btn.active,
body[data-theme="light"] .kbar-btn.active,
body[data-theme="light"] .ratio-btn.active,
body[data-theme="light"] .channel-tab.active,
body[data-theme="light"] .side-item.active,
body[data-theme="light"] .public-kline-period-btn.active,
body[data-theme="light"] .public-btn.primary,
body[data-theme="light"] .profile-btn.primary,
body[data-theme="light"] .btn-primary,
body[data-theme="light"] .modal-btn-primary {
    background: linear-gradient(135deg, var(--light-primary) 0%, #1e88e5 100%) !important;
    border-color: var(--light-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18) !important;
}

body[data-theme="light"] .drawtool-btn.danger,
body[data-theme="light"] .profile-btn.danger,
body[data-theme="light"] .profile-logout-btn,
body[data-theme="light"] .error-msg {
    background: rgba(220, 38, 38, 0.07) !important;
    border-color: rgba(220, 38, 38, 0.22) !important;
    color: var(--light-danger) !important;
}

body[data-theme="light"] .public-title,
body[data-theme="light"] .public-value,
body[data-theme="light"] .public-value.neutral,
body[data-theme="light"] .auth-title,
body[data-theme="light"] .brand-title,
body[data-theme="light"] .setup-title,
body[data-theme="light"] .step-title,
body[data-theme="light"] .sidebar-name,
body[data-theme="light"] .hero-title,
body[data-theme="light"] .card-title,
body[data-theme="light"] .account-hero-title,
body[data-theme="light"] .account-section-title,
body[data-theme="light"] .account-row-title,
body[data-theme="light"] .account-insight-title,
body[data-theme="light"] .security-card-value,
body[data-theme="light"] .security-action-title,
body[data-theme="light"] .channel-name,
body[data-theme="light"] .privacy-card-title,
body[data-theme="light"] .preference-card-title,
body[data-theme="light"] .kv-value,
body[data-theme="light"] .record-stock,
body[data-theme="light"] .badge-name,
body[data-theme="light"] .plan-name,
body[data-theme="light"] .chart-title,
body[data-theme="light"] .stock-name,
body[data-theme="light"] .stock-code,
body[data-theme="light"] .info-value,
body[data-theme="light"] .price-large,
body[data-theme="light"] .modal-title,
body[data-theme="light"] .replay-end-stock-name,
body[data-theme="light"] .replay-end-item-value,
body[data-theme="light"] .replay-fragments-title,
body[data-theme="light"] .chat-title {
    color: var(--text-strong) !important;
}

body[data-theme="light"] .public-sub,
body[data-theme="light"] .public-label,
body[data-theme="light"] .setup-sub,
body[data-theme="light"] .step-desc,
body[data-theme="light"] .field label,
body[data-theme="light"] .sidebar-handle,
body[data-theme="light"] .side-label,
body[data-theme="light"] .hero-desc,
body[data-theme="light"] .card-desc,
body[data-theme="light"] .account-hero-sub,
body[data-theme="light"] .account-identity,
body[data-theme="light"] .account-section-desc,
body[data-theme="light"] .account-row-desc,
body[data-theme="light"] .account-insight-desc,
body[data-theme="light"] .security-card-label,
body[data-theme="light"] .security-action-desc,
body[data-theme="light"] .channel-handle,
body[data-theme="light"] .privacy-card-desc,
body[data-theme="light"] .preference-card-desc,
body[data-theme="light"] .kv-label,
body[data-theme="light"] .record-sub,
body[data-theme="light"] .record-date,
body[data-theme="light"] .badge-desc,
body[data-theme="light"] .plan-desc,
body[data-theme="light"] .loading,
body[data-theme="light"] .empty,
body[data-theme="light"] .info-label,
body[data-theme="light"] .chart-title span,
body[data-theme="light"] .period-btn,
body[data-theme="light"] .kline-info-label,
body[data-theme="light"] .kline-info-value,
body[data-theme="light"] .replay-end-stock-code,
body[data-theme="light"] .replay-end-status,
body[data-theme="light"] .replay-end-item-label,
body[data-theme="light"] .replay-fragment-chip,
body[data-theme="light"] .chat-input-row,
body[data-theme="light"] .shortcut-bar,
body[data-theme="light"] .kbar-viewer-count {
    color: var(--text-secondary) !important;
}

body[data-theme="light"] .public-value.positive,
body[data-theme="light"] .price-up,
body[data-theme="light"] .profit-up,
body[data-theme="light"] .replay-end-item-value.profit-up {
    color: #e53935 !important;
}

body[data-theme="light"] .public-value.negative,
body[data-theme="light"] .price-down,
body[data-theme="light"] .profit-down,
body[data-theme="light"] .replay-end-item-value.profit-down {
    color: #00897b !important;
}

body[data-theme="light"] .step-pill,
body[data-theme="light"] .avatar-option {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-secondary) !important;
}

body[data-theme="light"] .step-pill.active,
body[data-theme="light"] .avatar-option.active {
    background: var(--light-primary-soft) !important;
    border-color: rgba(37, 99, 235, 0.38) !important;
    color: var(--light-primary) !important;
}

body[data-theme="light"] .step-pill.done,
body[data-theme="light"] .msg.success {
    color: var(--light-positive) !important;
}

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

body[data-theme="light"] .modal-overlay,
body[data-theme="light"] .setup-prompt-overlay {
    background: rgba(15, 23, 42, 0.38) !important;
}

body[data-theme="light"] .setup-prompt-dialog,
body[data-theme="light"] .public-kline-annotation-toolbar,
body[data-theme="light"] .fullscreen-draw-toolbar,
body[data-theme="light"] .kline-axis-scale-dropdown {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--light-shadow) !important;
}

body[data-theme="light"] .range-filter-menu,
body[data-theme="light"] .date-range-filter-menu,
body[data-theme="light"] .chat-emoji-panel {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--light-shadow) !important;
}

body[data-theme="light"] .chat-emoji-panel::after {
    background: #ffffff !important;
    border-right-color: var(--light-border) !important;
    border-bottom-color: var(--light-border) !important;
}

body[data-theme="light"] .range-filter-menu .board-inline-name,
body[data-theme="light"] .range-filter-menu .board-sub-item,
body[data-theme="light"] .date-range-menu-row,
body[data-theme="light"] .date-range-label,
body[data-theme="light"] .date-range-unit,
body[data-theme="light"] .date-range-menu-footer,
body[data-theme="light"] .chat-emoji-item {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .date-range-label,
body[data-theme="light"] .date-range-unit,
body[data-theme="light"] .date-range-menu-footer {
    color: var(--text-secondary) !important;
}

body[data-theme="light"] .range-filter-menu .board-inline-name:hover,
body[data-theme="light"] .range-filter-menu .board-inline-name.expanded,
body[data-theme="light"] .range-filter-menu .board-inline-sub,
body[data-theme="light"] .date-range-action-btn:hover,
body[data-theme="light"] .chat-emoji-item:hover,
body[data-theme="light"] .chat-emoji-item:active,
body[data-theme="light"] .chat-emoji-item:focus-visible {
    background: var(--light-surface-soft) !important;
}

body[data-theme="light"] .range-filter-menu .board-inline-sub {
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--light-shadow-soft) !important;
}

body[data-theme="light"] .date-range-input,
body[data-theme="light"] .date-range-action-btn {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
}

body[data-theme="light"] .date-range-input:focus {
    border-color: rgba(37, 99, 235, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10) !important;
    outline: none !important;
}

body[data-theme="light"] .date-range-action-btn--primary {
    background: var(--light-primary-soft) !important;
    border-color: rgba(37, 99, 235, 0.35) !important;
    color: var(--light-primary) !important;
}

body[data-theme="light"] .daily-split-floating-tooltip,
body[data-theme="light"] .fullscreen-hint {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--light-shadow-soft) !important;
    text-shadow: none !important;
}

body[data-theme="light"] .fullscreen-hint {
    border-radius: 999px !important;
}

body[data-theme="light"] .chat-user-menu {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--light-shadow-soft) !important;
}

body[data-theme="light"] .chat-user-menu-item {
    background: transparent !important;
    color: var(--text-primary) !important;
}

body[data-theme="light"] .chat-user-menu-item:hover,
body[data-theme="light"] .chat-user-menu-item:focus-visible {
    background: var(--light-surface-soft) !important;
    color: var(--text-strong) !important;
}

body[data-theme="light"] .chat-user-menu-divider {
    border-top-color: var(--light-border) !important;
}

body[data-theme="light"] .knowledge-menu-title {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--light-border) !important;
}

body[data-theme="light"] .knowledge-item {
    background: transparent !important;
    color: var(--text-primary) !important;
}

body[data-theme="light"] .knowledge-item:hover,
body[data-theme="light"] .knowledge-item:focus-visible {
    background: var(--light-surface-soft) !important;
    color: var(--text-strong) !important;
}

body[data-theme="light"] .live-presence-toast {
    background: rgba(239, 246, 255, 0.94) !important;
    border-color: rgba(147, 197, 253, 0.76) !important;
    color: var(--light-primary) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.14) !important;
    text-shadow: none !important;
}

body[data-theme="light"] .site-disclaimer {
    background: linear-gradient(135deg, rgba(255, 247, 223, 0.96), rgba(255, 255, 255, 0.98)) !important;
    border: 1px solid rgba(217, 154, 18, 0.28) !important;
    border-left: 4px solid var(--light-amber) !important;
    color: #3f3320 !important;
    box-shadow: var(--light-shadow-soft) !important;
}

body[data-theme="light"] .site-disclaimer,
body[data-theme="light"] .site-disclaimer * {
    text-shadow: none !important;
}

body[data-theme="light"] #end-modal.modal-overlay {
    background: rgba(241, 245, 249, 0.76) !important;
    backdrop-filter: blur(8px);
}

body[data-theme="light"] #end-modal .modal {
    width: min(560px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 26px !important;
    background: #ffffff !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px rgba(35, 55, 90, 0.18), 0 8px 24px rgba(35, 55, 90, 0.10) !important;
}

body[data-theme="light"] #end-modal .modal-title {
    display: flex;
    align-items: center;
    min-height: 40px;
    margin: -4px 52px 18px 0 !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--light-border) !important;
    color: var(--text-strong) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

body[data-theme="light"] #end-modal .modal-close {
    top: 16px !important;
    right: 16px !important;
    width: 36px !important;
    height: 36px !important;
    background: #f8fafc !important;
    border: 1px solid var(--light-border) !important;
    border-radius: 10px !important;
    color: #64748b !important;
    font-size: 26px !important;
    box-shadow: none !important;
}

body[data-theme="light"] #end-modal .modal-close:hover {
    background: var(--light-surface-soft) !important;
    color: var(--text-strong) !important;
}

body[data-theme="light"] #end-modal-content.modal-content {
    margin-bottom: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
}

body[data-theme="light"] #end-modal .settlement-card {
    gap: 16px !important;
}

body[data-theme="light"] #end-modal .settlement-hero {
    align-items: flex-start;
    gap: 18px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(203, 213, 225, 0.84) !important;
}

body[data-theme="light"] #end-modal .settlement-stock-name {
    color: var(--text-strong) !important;
    font-size: 23px !important;
    font-weight: 750 !important;
}

body[data-theme="light"] #end-modal .settlement-stock-code,
body[data-theme="light"] #end-modal .settlement-range span,
body[data-theme="light"] #end-modal .settlement-primary span,
body[data-theme="light"] #end-modal .settlement-item span {
    color: var(--text-muted) !important;
}

body[data-theme="light"] #end-modal .settlement-range strong {
    color: #0f766e !important;
    font-weight: 650 !important;
}

body[data-theme="light"] #end-modal .settlement-primary {
    padding: 18px 20px !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98)) !important;
    border: 1px solid rgba(147, 197, 253, 0.58) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 8px 18px rgba(37, 99, 235, 0.06) !important;
}

body[data-theme="light"] #end-modal .settlement-primary strong {
    color: #17305f !important;
    font-size: 31px !important;
    letter-spacing: 0 !important;
}

body[data-theme="light"] #end-modal .settlement-grid {
    gap: 12px !important;
}

body[data-theme="light"] #end-modal .settlement-item {
    padding: 13px 12px !important;
    background: #ffffff !important;
    border: 1px solid var(--light-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 16px rgba(35, 55, 90, 0.05) !important;
}

body[data-theme="light"] #end-modal .settlement-item strong:not([style]) {
    color: var(--text-strong) !important;
}

body[data-theme="light"] #end-modal .settlement-next-round-panel {
    margin: -2px 0 16px !important;
    padding: 12px !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98)) !important;
    border-color: rgba(147, 197, 253, 0.58) !important;
    box-shadow: none !important;
}

body[data-theme="light"] #end-modal .modal-buttons {
    gap: 10px !important;
    flex-wrap: wrap;
}

body[data-theme="light"] #end-modal .modal-btn {
    min-height: 40px;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    font-weight: 650 !important;
}

body[data-theme="light"] #end-modal #btn-view-history,
body[data-theme="light"] #end-modal #btn-add-candidate,
body[data-theme="light"] #end-modal #btn-back-home {
    background: #ffffff !important;
    border-color: var(--light-border) !important;
    color: var(--text-secondary) !important;
    box-shadow: none !important;
}

body[data-theme="light"] #end-modal #btn-view-history:hover,
body[data-theme="light"] #end-modal #btn-add-candidate:hover,
body[data-theme="light"] #end-modal #btn-back-home:hover {
    background: var(--light-surface-soft) !important;
    border-color: var(--light-border-strong) !important;
    color: var(--text-strong) !important;
}

body[data-theme="light"] #end-modal #btn-next-round-training {
    background: linear-gradient(135deg, var(--light-primary) 0%, #1e88e5 100%) !important;
    border-color: var(--light-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.20) !important;
}

body[data-theme="light"] #end-modal .settlement-next-round-countdown {
    color: rgba(255, 255, 255, 0.82) !important;
}

@media (max-width: 560px) {
    body[data-theme="light"] #end-modal .modal {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px);
        padding: 20px !important;
    }

    body[data-theme="light"] #end-modal .modal-title {
        margin-right: 44px !important;
        font-size: 17px !important;
    }

    body[data-theme="light"] #end-modal .settlement-hero {
        flex-direction: column;
        gap: 10px !important;
    }

    body[data-theme="light"] #end-modal .settlement-range {
        text-align: left !important;
    }

    body[data-theme="light"] #end-modal .settlement-primary strong {
        font-size: 27px !important;
    }

    body[data-theme="light"] #end-modal .settlement-grid {
        grid-template-columns: 1fr !important;
    }

    body[data-theme="light"] #end-modal .modal-buttons {
        justify-content: stretch !important;
    }

    body[data-theme="light"] #end-modal .modal-btn {
        flex: 1 1 100%;
    }
}