/* ========== styles/5_themes.css ========== */
/* テーマ切り替え（ライトモード定義） */

/* テキストシマーアニメーション - JSで制御（Chrome互換） */

/* =====================================================
   ライトモード カラールール（統一基準）
   =====================================================
   
   【背景色】
   - body:          #f0f0f0  (薄いグレー)
   - section:       #fafafa  (白に近いグレー)
   - card/input:    #f8f8f8  (白)
   
   【枠線】
   - border:        #999999  (グレー)
   
   【テキスト】
   - 本文:          #000000  (黒)
   - サブテキスト:   #666666  (濃いグレー)
   - ラベル:        #333333  (濃いグレー)
   - placeholder:   #999999  (薄いグレー)
   
   【アクセントカラー】
   - 見出し/強調:   #00995a  (緑)
   - ボタン:        #00bb5f  (明るい緑)
   
   【状態色】
   - 利益/プラス:   #00995a  (緑)
   - 損失/マイナス: #dd3333  (赤)
   - 保有中/警告:   #cc8800  (濃いオレンジ)
   
   【特殊用途（エディタボタン等）】
   - 赤ボタン:      #cc0000
   - 青ボタン:      #0044cc
   - 黄ボタン:      #996600
   
   ===================================================== */

/* =====================================================
   エディタ色変数（テーマ対応）
   ===================================================== */

/* ダークモード（デフォルト） */
:root {
    --editor-color-red: #EF5350;
    --editor-color-blue: #64B5F6;
    --editor-color-green: #81C784;
    --editor-highlight-bg: #FFD54F;
    --editor-highlight-text: #000000;
}

/* ライトモード */
body.light-mode {
    --editor-color-red: #F44336;
    --editor-color-blue: #1976D2;
    --editor-color-green: #388E3C;
    --editor-highlight-bg: #FFF59D;
    --editor-highlight-text: #000000;
}

/* =====================================================
   テーマ切り替え
   ===================================================== */

/* テーマ切り替えボタン */
.theme-selector {
    display: flex;
    gap: 10px;
}

.theme-btn {
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

body.light-mode .theme-btn {
    background: #f0f0f0;
    border: 1px solid #ddd;
    color: #333;
}

.theme-btn.active {
    background: #00ff88;
    color: #000;
    border-color: #00ff88;
}

.theme-btn:hover:not(.active) {
    background: rgba(0, 255, 136, 0.2);
    border-color: #00ff88;
}

/* =====================================================
   ライトモード定義（完全版）- 視認性強化・枠強化・眩しさ軽減
   ===================================================== */

/* 基本設定 - 背景を少し暗め */
body.light-mode {
    background: #f0f0f0;
    color: #000000;
    -webkit-text-fill-color: unset;
}

body.light-mode .section {
    background: #fafafa;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* タブナビゲーション */
body.light-mode .tab-nav {
    background: #f5f5f5;
    border: 2px solid #888888;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.light-mode .tab-btn {
    background: #f8f8f8;
    color: #000000;
    border: 2px solid #999999;
    font-weight: 600;
}

body.light-mode .tab-btn.active {
    background: #00cc6a;
    color: #ffffff;
    border: 2px solid #00995a;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.4);
}

body.light-mode .tab-btn:hover:not(.active) {
    background: #e8f5e9;
    border-color: #00aa5a;
    color: #00995a;
}

/* ヘッダー */
body.light-mode .header-title {
    background: linear-gradient(
        90deg,
        #004d30 0%,
        #00995a 40%,
        var(--gold-bright) 50%,
        #00995a 60%,
        #00cc6a 100%
    ) !important;
    background-size: 200% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 700;
}

body.light-mode .header-title:hover {
    background: linear-gradient(135deg, #004d30 10%, var(--gold-rich) 50%, var(--gold-bright) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

body.light-mode .header-subtitle {
    color: #333333;
}

/* 目標表示 */
body.light-mode .goal-item {
    background: rgba(0, 204, 106, 0.12);
    border: 2px solid #00aa5a;
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.25);
}

body.light-mode .goal-text {
    color: #000000;
    font-weight: 600;
    text-shadow: none;
}

/* 入力フィールド全般 */
body.light-mode input,
body.light-mode select,
body.light-mode textarea {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
    font-weight: 500 !important;
}

body.light-mode input:focus,
body.light-mode select:focus,
body.light-mode textarea:focus {
    border-color: #00aa5a !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 204, 106, 0.25) !important;
}

/* 画像アップロードエリア（新規エントリー） */
body.light-mode .image-upload-area {
    background: #e8f5e9 !important;
    border: 2px dashed #00aa5a !important;
    transition: all 0.3s ease;
}

body.light-mode .image-upload-area:hover {
    background: #d4edd4 !important;
    border-color: #00995a !important;
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.2);
}

body.light-mode .image-placeholder {
    background: #f0f8f0;
    border: 2px solid #00cc6a;
    color: #00995a;
}

body.light-mode .uploaded-image {
    border: 3px solid #00aa5a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* プレースホルダー（入力例の薄い文字） */
body.light-mode ::placeholder {
    color: #999999 !important;
    opacity: 0.7 !important;
}

/* ラベル */
body.light-mode label,
body.light-mode .input-group label {
    color: #000000;
    font-weight: 600;
}

/* ボタン */
body.light-mode .btn-primary {
    background: #00bb5f;
    color: #ffffff;
    border: 2px solid #00995a;
    font-weight: 600;
}

body.light-mode .btn-primary:hover {
    background: #00995a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 153, 90, 0.3);
}

body.light-mode .btn-secondary {
    background: #f5f5f5;
    color: #000000;
    border: 2px solid #999999;
    font-weight: 500;
}

body.light-mode .btn-secondary:hover {
    background: #eeeeee;
    border-color: #00aa5a;
    color: #00995a;
}

/* レポートボタンを新規エントリーのボタンスタイルに統一 */
body.light-mode .report-btn {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
    font-weight: 600;
    padding: 12px 24px;
    transition: all 0.3s ease;
    cursor: pointer;
}

body.light-mode .report-btn:hover:not(.active) {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.2);
}

body.light-mode .report-btn.active {
    background: #00bb5f !important;
    color: #ffffff !important;
    border: 2px solid #00995a !important;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0, 204, 106, 0.4);
    transform: translateY(-2px);
}

/* トレードカード */
body.light-mode .trade-card {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .trade-card:hover {
    border-color: #00aa5a;
    box-shadow: 0 5px 15px rgba(0, 204, 106, 0.25);
}

body.light-mode .trade-header {
    border-bottom: 2px solid #999999;
}

body.light-mode .trade-pair {
    color: #00995a !important;
    font-weight: 700;
}

/* トレードカード内の各要素 - ライトモード統一ルール */
body.light-mode .trade-subtitle {
    color: #666666 !important;
}

/* trade-pairとbadge以外のspanを黒に */
body.light-mode .trade-card span:not(.trade-pair):not(.direction-badge):not(.broker-badge):not(.trade-result):not(.remaining-lot-badge) {
    color: #000000 !important;
}

/* trade-pairは緑（再度明示） */
body.light-mode .trade-card .trade-pair {
    color: #00995a !important;
}

body.light-mode .trade-card .direction-badge.long {
    background: rgba(0, 170, 90, 0.15) !important;
    color: #00995a !important;
    border-color: #00995a !important;
}

body.light-mode .trade-card .direction-badge.short {
    background: rgba(221, 51, 51, 0.15) !important;
    color: #dd3333 !important;
    border-color: #dd3333 !important;
}

body.light-mode .trade-card .broker-badge {
    background: rgba(102, 51, 153, 0.15) !important;
    color: #663399 !important;
    border-color: #663399 !important;
}

body.light-mode .trade-card .trade-result {
    color: #000000 !important;
}

body.light-mode .trade-card .trade-result.profit {
    color: #00995a !important;
}

body.light-mode .trade-card .trade-result.loss {
    color: #dd3333 !important;
}

body.light-mode .trade-card .trade-result.open-position {
    color: #cc8800 !important;
}

body.light-mode .trade-card .remaining-lot-badge {
    background: rgba(204, 136, 0, 0.15) !important;
    color: #cc8800 !important;
}

/* 振り返りセクション */
body.light-mode .trade-reflection-section {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
}

body.light-mode .trade-reflection-section * {
    color: #000000 !important;
}

/* テキスト表示エリア */
body.light-mode .trade-memo,
body.light-mode .trade-reflection,
body.light-mode .trade-details p,
body.light-mode .trade-card p,
body.light-mode .report-content,
body.light-mode .report-content * {
    color: #000000 !important;
    font-weight: 500 !important;
}

/* 週間プレビュー（相場ノート） */
body.light-mode .weekly-preview {
    background: #f5f5f5;
    border: 2px solid #888888;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.light-mode .week-days {
    background: #f8f8f8;
}

body.light-mode .day-preview {
    background: #f0f0f0;
    border: 2px solid #999999;
    color: #000000;
}

body.light-mode .day-preview:hover {
    background: #e0f0e0;
    border-color: #00aa5a;
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.2);
}

body.light-mode .day-preview.selected {
    background: #e0f0e0;
    border: 2px solid #00995a;
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.3);
}

body.light-mode .day-preview p,
body.light-mode .day-preview-date,
body.light-mode .day-preview-content {
    color: #000000 !important;
}

/* ノート詳細表示 */
body.light-mode .note-detail {
    background: #f5f5f5;
    border: 2px solid #888888;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.light-mode .note-editor,
body.light-mode .heading-content {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .selected-note {
    background: #e8f5e9;
    border: 2px solid #00995a;
    box-shadow: 0 2px 8px rgba(0, 204, 106, 0.25);
}

/* エディタツールバー */
body.light-mode .editor-toolbar {
    background: #f0f0f0 !important;
    border: 2px solid #999999 !important;
    padding: 8px !important;
    border-radius: 8px;
    margin-bottom: 10px;
    flex-wrap: nowrap !important;
    gap: 5px !important;
}

/* エディタボタン（赤・青・黄のボタン） */
body.light-mode .editor-btn {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
    padding: 4px 8px !important;
    margin: 0 !important;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
}

body.light-mode .editor-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* 赤ボタン */
body.light-mode .editor-btn[style*="color: red"],
body.light-mode .editor-btn.red-btn {
    background: #ffe0e0 !important;
    border-color: #ff6666 !important;
    color: #cc0000 !important;
}

body.light-mode .editor-btn[style*="color: red"]:hover,
body.light-mode .editor-btn.red-btn:hover {
    background: #ffcccc !important;
    border-color: #ff4444 !important;
}

/* 青ボタン */
body.light-mode .editor-btn[style*="color: blue"],
body.light-mode .editor-btn.blue-btn {
    background: #e0e8ff !important;
    border-color: #6688ff !important;
    color: #0044cc !important;
}

body.light-mode .editor-btn[style*="color: blue"]:hover,
body.light-mode .editor-btn.blue-btn:hover {
    background: #ccd9ff !important;
    border-color: #4466ff !important;
}

/* 黄ボタン */
body.light-mode .editor-btn[style*="color: #FFD700"],
body.light-mode .editor-btn[style*="background: yellow"],
body.light-mode .editor-btn.yellow-btn {
    background: #fffacd !important;
    border-color: #ffcc00 !important;
    color: #996600 !important;
}

body.light-mode .editor-btn[style*="color: #FFD700"]:hover,
body.light-mode .editor-btn[style*="background: yellow"]:hover,
body.light-mode .editor-btn.yellow-btn:hover {
    background: #fff4a3 !important;
    border-color: #ffaa00 !important;
}

/* B（太字）U（下線）ボタン */
body.light-mode .editor-btn[onclick*="bold"],
body.light-mode .editor-btn[onclick*="underline"] {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
    font-weight: 700;
}

body.light-mode .editor-btn[onclick*="bold"]:hover,
body.light-mode .editor-btn[onclick*="underline"]:hover {
    background: #e8e8e8 !important;
    border-color: #666666 !important;
}

/* 緑ボタン */
body.light-mode .editor-btn.green-btn {
    background: #e8f5e9 !important;
    border-color: #66bb6a !important;
    color: var(--editor-color-green) !important;
    font-weight: bold;
}

body.light-mode .editor-btn.green-btn:hover {
    background: #c8e6c9 !important;
    border-color: #4caf50 !important;
}

/* 赤ボタン（ライトモード） */
body.light-mode .editor-btn.red-btn {
    background: #ffe0e0 !important;
    border-color: #ff6666 !important;
    color: var(--editor-color-red) !important;
    font-weight: bold;
}

body.light-mode .editor-btn.red-btn:hover {
    background: #ffcccc !important;
    border-color: #ff4444 !important;
}

/* 青ボタン（ライトモード） */
body.light-mode .editor-btn.blue-btn {
    background: #e0e8ff !important;
    border-color: #6688ff !important;
    color: var(--editor-color-blue) !important;
    font-weight: bold;
}

body.light-mode .editor-btn.blue-btn:hover {
    background: #ccd9ff !important;
    border-color: #4466ff !important;
}

/* 黄ボタン（ライトモード） */
body.light-mode .editor-btn.yellow-btn {
    background: var(--editor-highlight-bg) !important;
    border-color: #ffcc00 !important;
    color: var(--editor-highlight-text) !important;
    font-weight: bold;
}

body.light-mode .editor-btn.yellow-btn:hover {
    background: #fff4a3 !important;
    border-color: #ffaa00 !important;
}

/* サイズプルダウン */
body.light-mode .size-select {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
    padding: 4px !important;
    border-radius: 6px;
    font-size: 11px;
    cursor: pointer;
}

body.light-mode .size-select:hover {
    border-color: #666666 !important;
}

/* テーブル */
body.light-mode .trades-table th {
    background: #00bb5f;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid #00995a;
}

body.light-mode .trades-table td {
    color: #000000 !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #999999;
    background: #f8f8f8;
}

body.light-mode .trades-table tr:hover {
    background: #e8f5e9;
}

/* 統計・レポート */
body.light-mode .stat-box {
    background: #f8f8f8;
    border: 2px solid #999999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.light-mode .stat-label {
    color: #333333;
    font-weight: 600;
}

body.light-mode .stat-value {
    color: #000000;
    font-weight: 700;
}

body.light-mode .stat-value.positive {
    color: #00aa5a;
}

body.light-mode .stat-value.negative {
    color: #dd3333;
}

/* リスク・リワード・R:R比率の表示 */
body.light-mode .risk-reward-display {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
}

body.light-mode .risk-reward-display .stat-item {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

body.light-mode .risk-reward-display .label {
    color: #666666 !important;
    font-weight: 600 !important;
}

body.light-mode .risk-reward-display .value {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 統計カードの修正 */
body.light-mode .summary-card {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.light-mode .summary-card .label {
    color: #333333 !important;
    font-weight: 600;
}

body.light-mode .summary-card .value {
    color: #000000 !important;
    font-weight: 700;
}

body.light-mode .stat-card {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .stat-card h3 {
    color: #333333 !important;
}

body.light-mode .stat-card .stat-value {
    color: #000000 !important;
}

/* その他の要素 */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode p,
body.light-mode span:not(.goal-text),
body.light-mode div:not(.goal-text) {
    color: #000000;
}

body.light-mode .section h2 {
    color: #00995a;
    font-weight: 700;
}

body.light-mode .section h3 {
    color: #333333;
    font-weight: 600;
}

/* モーダル */
body.light-mode .modal-content {
    background: #f5f5f5;
    color: #000000;
    border: 2px solid #888888;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

body.light-mode .modal-header {
    border-bottom: 2px solid #999999;
}

/* =====================================================
   編集モーダル - ラベル色（ライトモード）
   眩しい緑 → 落ち着いたグレーに変更
   ===================================================== */

/* エントリー情報編集モーダル */
body.light-mode .modal-content .form-group label {
    color: #555555 !important;
    font-weight: 600;
}

/* カレンダー */
body.light-mode .calendar-grid > div {
    background: #f8f8f8;
    border: 1px solid #999999;
    color: #000000;
}

body.light-mode .calendar-grid > div:hover {
    background: #e0f0e0;
    border-color: #00aa5a;
}

body.light-mode .calendar-grid > div.selected {
    background: #00bb5f;
    color: #ffffff;
    border: 2px solid #00995a;
}

/* スクロールバー（ダークモード） */
body:not(.light-mode) ::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}

body:not(.light-mode) ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

body:not(.light-mode) ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 3px;
}

body:not(.light-mode) ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.6);
}

/* スクロールバー（ライトモード） */
body.light-mode ::-webkit-scrollbar-track {
    background: #e0e0e0;
    border: 1px solid #999999;
}

body.light-mode ::-webkit-scrollbar-thumb {
    background: #00bb5f;
    border: 1px solid #00995a;
}

body.light-mode ::-webkit-scrollbar-thumb:hover {
    background: #00995a;
}

/* 収支管理タブ サブタブ スクロールバー（ライトモード） */
body.light-mode .expense-tabs::-webkit-scrollbar {
    height: 8px;
}

body.light-mode .expense-tabs::-webkit-scrollbar-track {
    background: #c0c0c0;
    border-radius: 4px;
}

body.light-mode .expense-tabs::-webkit-scrollbar-thumb {
    background: #007a45;
    border-radius: 4px;
}

body.light-mode .expense-tabs::-webkit-scrollbar-thumb:hover {
    background: #005530;
}

/* AIプロンプト表示 */
body.light-mode .ai-prompt-display,
body.light-mode #aiPromptDisplay {
    background: #f0f0f0;
    border: 2px solid #999999;
    color: #000000 !important;
}

body.light-mode .prompt-item {
    background: #f8f8f8;
    border: 1px solid #999999;
}

/* フィルター・ツールバー */
body.light-mode .filter-section,
body.light-mode .toolbar {
    background: #f5f5f5 !important;
    border: 2px solid #999999 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* ライトモード: 設定タブパディング修正 */
body.light-mode #settings-data {
    padding: 0 !important;
}

/* トレード詳細モーダル - チェックリスト */
body.light-mode .checklist-label {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

body.light-mode .checklist-value {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* トレード詳細モーダル - 円建て損益セクション */
body.light-mode .yen-profit-loss-section .loss {
    color: #dd3333 !important;
    -webkit-text-fill-color: #dd3333 !important;
}

body.light-mode .yen-profit-loss-section .profit {
    color: #00995a !important;
    -webkit-text-fill-color: #00995a !important;
}

body.light-mode .note-detail {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

body.light-mode .note-detail * {
    color: inherit;
    -webkit-text-fill-color: inherit;
}

body.light-mode .filter-row {
    background: transparent !important;
}

body.light-mode .filter-group {
    background: transparent !important;
}

body.light-mode .filter-group label {
    color: #333333 !important;
    font-weight: 600 !important;
}

body.light-mode .filter-section select {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .filter-section select:hover {
    border-color: #00aa5a !important;
}

body.light-mode .filter-section .btn,
body.light-mode .filter-section button {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .filter-section .btn:hover,
body.light-mode .filter-section button:hover {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

/* ドロップダウン */
body.light-mode select option {
    background: #f8f8f8;
    color: #000000;
}

/* クイック統計 */
body.light-mode .quick-stats {
    background: #f5f5f5;
    border: 2px solid #999999;
}

/* 画像コントロールボタン */
body.light-mode .image-control-btn {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border: 1px solid #000000;
}

body.light-mode .image-control-btn:hover {
    background: #000000;
}

/* トースト通知 */
body.light-mode .toast {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .toast.success {
    background: #e8f5e9 !important;
    border-color: #00cc6a !important;
    color: #00995a !important;
}

body.light-mode .toast.error {
    background: #ffe0e0 !important;
    border-color: #ff6666 !important;
    color: #cc0000 !important;
}

body.light-mode .toast.info {
    background: #e0e8ff !important;
    border-color: #6688ff !important;
    color: #0044cc !important;
}

/* 全体的な影の調整 */
body.light-mode * {
    text-shadow: none;
}

/* ホバー効果の統一 */
body.light-mode button:hover,
body.light-mode .btn:hover,
body.light-mode a:hover {
    filter: brightness(0.95);
}

/* エラー防止：すべてのテキスト要素を黒文字に */
body.light-mode * {
    color: #000000;
}

/* 特定要素の色を上書き */
body.light-mode .btn-primary,
body.light-mode .btn-primary *,
body.light-mode .tab-btn.active,
body.light-mode .tab-btn.active *,
body.light-mode .calendar-grid > div.selected,
body.light-mode .calendar-grid > div.selected *,
body.light-mode .trades-table th,
body.light-mode .trades-table th * {
    color: #ffffff !important;
}

body.light-mode .trade-pair,
body.light-mode .section h2 {
    color: #00995a !important;
}

body.light-mode .stat-value.positive {
    color: #00aa5a !important;
}

body.light-mode .stat-value.negative {
    color: #dd3333 !important;
}

/* プレースホルダーのみ薄いグレー */
body.light-mode input::placeholder,
body.light-mode textarea::placeholder,
body.light-mode select::placeholder {
    color: #999999 !important;
    opacity: 0.7 !important;
}

/* エクスポート・インポートボタン（設定タブ） */
body.light-mode button[onclick="exportAllData()"],
body.light-mode button[onclick="importAllData()"],
body.light-mode .btn-export,
body.light-mode .btn-import {
    background: #2E7D32 !important;
    color: #ffffff !important;
    border: 2px solid #1B5E20 !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

body.light-mode button[onclick="exportAllData()"]:hover,
body.light-mode button[onclick="importAllData()"]:hover,
body.light-mode .btn-export:hover,
body.light-mode .btn-import:hover {
    background: #1B5E20 !important;
    border-color: #0D5C0F !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 設定タブ専用スタイル */
body.light-mode #settingsTab {
    background: #fafafa !important;
}

body.light-mode #settingsTab .section {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .goal-settings {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
    padding: 15px;
}

body.light-mode .goal-input-area {
    background: #fafafa !important;
}

body.light-mode .goal-input-item {
    background: transparent !important;
}

body.light-mode .goal-input-item label {
    color: #333333 !important;
    font-weight: 600 !important;
}

body.light-mode .goal-input-item input[type="text"],
body.light-mode .goal-input-item input[type="date"] {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

/* 設定タブ - ブローカーカード */
body.light-mode .broker-card {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
}

body.light-mode .broker-card-footer {
    border-top: 1px solid #cccccc !important;
}

/* 設定タブ - アイコンボタン */
body.light-mode .btn-icon {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .btn-icon:hover {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
}

/* 設定タブ - サブタブコンテナ（ライトモード・スクロール無効） */
body.light-mode .settings-subtabs {
    overflow-x: visible !important;
}

/* 設定タブ - サブタブ（基本、トレーディング、データ、マイページ）- 色のみ */
body.light-mode .settings-subtab-btn {
    background: #f8f8f8 !important;
    border: none !important;
    border-bottom: 3px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .settings-subtab-btn:hover:not(.active) {
    background: #e8f5e9 !important;
    border-bottom-color: #00aa5a !important;
    color: #00995a !important;
}

body.light-mode .settings-subtab-btn.active {
    background: transparent !important;
    border-bottom: 3px solid #00bb5f !important;
    color: #00bb5f !important;
}

/* 設定タブ - サブタブコンテンツ */
body.light-mode .settings-subtab-content {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
}

/* 設定タブ - セクション区切り線(hr) */
body.light-mode .settings-subtab-content hr,
body.light-mode #settings hr {
    border: none !important;
    border-top: 2px solid #888888 !important;
    margin: 30px 0 !important;
}

/* 分析タブ - 月別推移グラフコンテナ */
body.light-mode #monthlyPerformanceChart {
    background: #f5f5f5 !important;
    border: 2px solid #999999 !important;
}

/* 分析タブ - レポートコンテンツ */
body.light-mode #reportContent {
    background: #f5f5f5 !important;
    border: 2px solid #999999 !important;
    border-radius: 10px;
    padding: 20px;
}

/* モーダル内の見出し（ブローカー追加・通貨ペア追加） */
body.light-mode .modal h4,
body.light-mode .modal-content h4 {
    color: #333333 !important;
}

/* ブローカー追加モーダル - セクション見出し */
body.light-mode #brokerModal h4,
body.light-mode #addBrokerModal h4,
body.light-mode .broker-section-title {
    color: #00995a !important;
    font-weight: bold;
    border-bottom: 2px solid #cccccc;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* 通貨ペア追加モーダル - リスト項目 */
body.light-mode .pair-list-item,
body.light-mode .currency-pair-item,
body.light-mode .preset-pair-item {
    border: 2px solid #999999 !important;
    background: #f8f8f8 !important;
}

body.light-mode .preset-pair-item:hover {
    border-color: #00aa5a !important;
    background: #e8f5e9 !important;
}

body.light-mode .preset-pair-item.selected {
    border-color: #00995a !important;
    background: #d4edda !important;
}

/* 通貨ペアモーダル - カテゴリタブ */
body.light-mode .category-tab {
    border: 2px solid #999999 !important;
    background: #f8f8f8 !important;
    color: #333333 !important;
}

body.light-mode .category-tab:hover {
    border-color: #00aa5a !important;
    background: #e8f5e9 !important;
}

body.light-mode .category-tab.active {
    border-color: #00995a !important;
    background: #00bb5f !important;
    color: #ffffff !important;
}

/* トレードカード内の区切り線 */
body.light-mode .trade-card > div {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

/* トレードチャートサムネイル */
body.light-mode .trade-chart-thumb {
    border: 2px solid #999999 !important;
}

/* 純損益の区切り線 */
.net-profit-label,
.net-profit-value {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.light-mode .net-profit-label,
body.light-mode .net-profit-value {
    border-top: 2px solid #cccccc !important;
}

/* 純損益行の区切り線 */
.net-profit-row {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.light-mode .net-profit-row {
    border-top: 2px solid #999999 !important;
}

/* トレードカードヘッダーの区切り線（ダークモード） */
.trade-header {
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15);
}

/* 分析タブ - アコーディオンヘッダー */
body.light-mode .accordion-header {
    background: rgba(0, 153, 90, 0.2) !important;
    border: 1px solid rgba(0, 153, 90, 0.3) !important;
}

/* 分析タブ - 期間選択エリア */
body.light-mode .period-selection-container {
    background: #f5f5f5 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .period-selection-container h3 {
    color: #00995a !important;
}

body.light-mode .period-selection-container label {
    color: #333333 !important;
}

body.light-mode .period-selector select {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1.5px solid #999999 !important;
}

body.light-mode #currentPeriodDisplay {
    background: #e8f5e9 !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
}

body.light-mode #currentPeriodText {
    color: #00995a !important;
}

/* ヘッダー - 目標を見るボタン */
body.light-mode .goals-toggle-btn {
    background: #e8e8e8 !important;
    border: 2px solid #999999 !important;
    color: #333333 !important;
}

body.light-mode .goals-toggle-btn:hover {
    background: #d8d8d8 !important;
    border-color: #00995a !important;
}

/* 月次カレンダー - 今日のセル */
body.light-mode .calendar-day-cell.today {
    background: #cce5ff !important;
    border: 2px solid #0066cc !important;
}

/* 月次カレンダー - コントロール（レスポンシブ対応） */
body.light-mode .calendar-controls {
    padding: 5px !important;
    gap: 5px !important;
}

body.light-mode .calendar-controls button {
    padding: 4px 6px !important;
}

body.light-mode .calendar-controls select {
    padding: 4px 6px !important;
}

/* 経費入力タブ - 経費リスト */
body.light-mode .expense-item {
    background: #f8f8f8 !important;
    border: 1px solid #cccccc !important;
    border-radius: 6px;
    margin-bottom: 8px;
}

body.light-mode .expense-item:hover {
    background: #f0f0f0 !important;
}

body.light-mode .expense-item * {
    color: #333333 !important;
}

/* 収支管理タブ - サブタブ（ダークモード） */
.expense-tabs {
    background: rgba(40, 40, 40, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 6px;
}

.expense-tab-btn {
    background: rgba(60, 60, 60, 0.9);
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 6px;
    margin: 2px;
    transition: all 0.2s ease;
}

.expense-tab-btn:hover {
    background: rgba(80, 80, 80, 1);
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.expense-tab-btn[style*="border-bottom: 3px solid"] {
    background: rgba(0, 123, 255, 0.3);
    border-color: #007bff !important;
}

/* ライトモード用 */
body.light-mode .expense-tabs {
    background: #f0f0f0;
    border: 2px solid #999999;
}

body.light-mode .expense-tab-btn {
    background: #ffffff;
    border: 2px solid #bbbbbb !important;
    color: #333333;
}

body.light-mode .expense-tab-btn:hover {
    background: #e8f5e9;
    border-color: #00aa5a !important;
}

body.light-mode .expense-tab-btn[style*="border-bottom: 3px solid"] {
    background: #d4edff;
    border-color: #007bff !important;
}

/* トレード記録 - 円建て損益（ダークモード・共通） */
.yen-label {
    color: rgba(255, 255, 255, 0.6);
}

.yen-value {
    font-weight: bold;
    font-size: 1.1rem;
}

.yen-value.positive {
    color: #4caf50;
}

.yen-value.negative {
    color: #f44336;
}

.yen-value.swap {
    color: white;
}

.net-profit-row {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1rem;
}

/* トレード記録 - 円建て損益（ライトモード） */
body.light-mode .yen-label {
    color: #666666;
    -webkit-text-fill-color: #666666;
}

body.light-mode .yen-value.positive {
    color: #00995a;
    -webkit-text-fill-color: #00995a;
}

body.light-mode .yen-value.negative {
    color: #dd3333;
    -webkit-text-fill-color: #dd3333;
}

body.light-mode .yen-value.swap {
    color: #333333;
    -webkit-text-fill-color: #333333;
}

body.light-mode .net-profit-row {
    border-top: 1px solid #cccccc;
}

/* 分析タブ - 統計セル */
body.light-mode .overall-stat-item,
body.light-mode .period-stat-item {
    background: #e8e8e8 !important;
    border: 1.5px solid #bbbbbb !important;
    border-radius: 6px;
}

/* 円建て編集モーダル */
body.light-mode .trade-info {
    background: #e8e8e8 !important;
    color: #333333 !important;
}

/* 決済モーダル - 参考情報セクション（ライトモード） */
body.light-mode .reference-info {
    background: rgba(59, 130, 246, 0.15) !important;
    border: 1px solid rgba(59, 130, 246, 0.5) !important;
}

body.light-mode .reference-info h4 {
    color: #2563eb !important;
}

/* 通貨ペア、価格、未決済ロットのテキスト */
body.light-mode .reference-info > div > div:nth-child(1),
body.light-mode .reference-info > div > div:nth-child(3),
body.light-mode .reference-info > div > div:nth-child(4) {
    color: #333333 !important;
}

/* 売り/買いの色（2番目の子要素）- ダークモードより濃い色 */
body.light-mode .reference-info > div > div:nth-child(2) {
    color: inherit;
}

body.light-mode .reference-info span {
    color: #2563eb !important;
}

body.light-mode .modal-content [style*="background: rgba(0, 0, 0"] {
    background: #e8e8e8 !important;
    color: #333333 !important;
}

body.light-mode .modal-content [style*="color: #fff"] {
    color: #333333 !important;
}

body.light-mode .modal-content [style*="color: rgb(255, 255, 255)"] {
    color: #333333 !important;
}

/* ブローカー追加モーダル - プリセットボタン */
body.light-mode .preset-broker-btn {
    border: 2px solid #999999 !important;
    background: #f8f8f8 !important;
}

body.light-mode .preset-broker-btn:hover {
    border-color: #00aa5a !important;
    background: #e8f5e9 !important;
}

body.light-mode .preset-broker-btn.selected {
    border-color: #00995a !important;
    background: #d4edda !important;
}

/* テーマ設定ボタン */
body.light-mode .theme-selector .theme-btn {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .theme-selector .theme-btn.active {
    background: #00cc6a !important;
    color: #ffffff !important;
    border: 2px solid #00995a !important;
}

body.light-mode .theme-selector .theme-btn:hover:not(.active) {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

/* SNS投稿タブ専用 */
body.light-mode #sns-post {
    background: #f0f0f0 !important;
}

body.light-mode #sns-post .section {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode #sns-post * {
    color: #000000 !important;
}

body.light-mode #snsPreview {
    background: #ffffff !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode #snsContent {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}

body.light-mode #aiPrompt {
    background: #fffacd !important;
    border: 2px solid #ffcc00 !important;
    color: #000000 !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

/* 分析タブの改善 */
body.light-mode .chart-period-selector button {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .chart-period-selector button.active {
    background: #00cc6a !important;
    color: #ffffff !important;
    border: 2px solid #00995a !important;
}

body.light-mode .chart-period-selector button:hover:not(.active) {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

/* 分析タブ - 統計コンテナ */
body.light-mode .overall-stats-container {
    background: rgba(0, 153, 90, 0.08) !important;
    border: 1.5px solid #00995a !important;
}

body.light-mode .overall-stats-grid {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .period-stats-container {
    background: rgba(0, 153, 90, 0.08) !important;
    border: 1.5px solid #00995a !important;
}

body.light-mode .period-stats-grid {
    background: rgba(0, 0, 0, 0.03) !important;
}

/* 分析タブ - 期間タイプボタン（週次、月次、四半期、年次） */
body.light-mode .period-type-btn {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 1.5px solid #999999 !important;
}

body.light-mode .period-type-btn:hover:not(.active) {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

body.light-mode .period-type-btn.active {
    background: #00bb5f !important;
    color: #ffffff !important;
    border: 1.5px solid #00995a !important;
}

/* 分析タブ - Pips/円建て切り替えボタン */
body.light-mode .period-stats-btn {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 1.5px solid #999999 !important;
}

body.light-mode .period-stats-btn:hover:not(.active) {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

body.light-mode .period-stats-btn.active {
    background: #00bb5f !important;
    color: #ffffff !important;
    border: 1.5px solid #00995a !important;
}

/* 棒グラフの色を暗い緑に */
body.light-mode .chart-container {
    /* Chart.jsのグラフ色はJavaScriptで制御されるため、
       script.jsでライトモード時の色を変更する必要があります */
    --chart-bar-color: #00995a; /* 緑 */
    --chart-line-color: #cc8800; /* 濃いオレンジ */
}

/* 黄色文字をオレンジに変更 */
body.light-mode .highlight-yellow,
body.light-mode .text-yellow,
body.light-mode [style*="color: yellow"],
body.light-mode [style*="color: #FFD700"] {
    color: #cc8800 !important;
}

/* トレード記録の未決済（オープンポジション）の色 */
body.light-mode .trade-result.open-position {
    color: #cc8800 !important;
}

body.light-mode .status-badge.open {
    background: rgba(204, 136, 0, 0.15);
    color: #cc8800;
    border-color: #cc8800;
}

/* トレード詳細セクション（モーダル内） */
body.light-mode .trade-detail-section {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .detail-section-header {
    color: #00995a !important;
    border-bottom: 1px solid #cccccc !important;
}

/* トレード詳細画面 - エントリー根拠のスタイル */
/* エントリー根拠のテキスト内容を黒文字に */
body.light-mode .trade-detail-section p[style*="color: #e0e0e0"] {
    color: #000000 !important;
}

/* または、padding-leftがあるp要素を黒文字に */
body.light-mode .trade-detail-section p[style*="padding-left"] {
    color: #000000 !important;
}

/* トレード詳細の入力テキスト */
body.light-mode .trade-memo,
body.light-mode .trade-reflection,
body.light-mode .entry-emotion,
body.light-mode .scenario-text {
    color: #000000 !important;
}

/* =====================================================
   確定申告タブ - ライトモード対応
   ===================================================== */

/* 警告ボックス */
body.light-mode .warning-box {
    background: linear-gradient(135deg, #fffbf0 0%, #fff4d4 100%);
    border: 2px solid #cc8800;
    color: #664400;
    box-shadow: 0 2px 8px rgba(204, 136, 0, 0.15);
}

body.light-mode .warning-box strong {
    color: #cc8800;
}

/* CSVインポートセクション */
body.light-mode .csv-import-section {
    background: #fafafa;
    border: 2px solid #999999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

body.light-mode .csv-import-section h3 {
    color: #00995a;
}

/* インプット要素 */
body.light-mode .input-group select,
body.light-mode .input-group input[type="file"] {
    background: #f8f8f8 !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .input-group select:hover,
body.light-mode .input-group input[type="file"]:hover {
    border-color: #00aa5a !important;
}

/* 結果カード */
body.light-mode .result-card {
    background: #fafafa;
    border: 2px solid #999999;
}

body.light-mode .result-card h3 {
    color: #00995a;
}

/* 統計アイテム */
body.light-mode .stat-item {
    background: #f8f8f8;
    border: 2px solid #999999;
}

body.light-mode .stat-value {
    color: #000000;
}

body.light-mode .stat-value.profit {
    color: #00aa5a;
}

body.light-mode .stat-value.loss {
    color: #dd3333;
}

/* 年間・月次カード */
body.light-mode .year-card,
body.light-mode .month-card {
    background: #f8f8f8;
    border: 2px solid #999999;
}

body.light-mode .year-card h4 {
    color: #00995a;
}

body.light-mode .month-card h5 {
    color: #00995a;
}

body.light-mode .year-stats p,
body.light-mode .broker-breakdown p,
body.light-mode .month-card p {
    color: #000000 !important;
}

/* エクスポートセクション */
body.light-mode #exportSection {
    background: #fafafa;
    border: 2px solid #999999;
}

body.light-mode #exportSection h3 {
    color: #00995a;
}

/* =====================================================
   仮実装表示 - ライトモード対応
   ===================================================== */

/* 仮実装表示のライトモード対応 */
body.light-mode .coming-soon-box {
    background: #fafafa;
    border: 2px dashed #00aa5a;
}

body.light-mode .coming-soon-box h3 {
    color: #00995a;
}

body.light-mode .coming-soon-box p {
    color: #666666;
}

body.light-mode .coming-soon-box ul {
    background: #f5f5f5;
}

body.light-mode .coming-soon-box li {
    color: #333;
    border-bottom: 1px solid #e0e0e0;
}

body.light-mode .development-progress {
    background: #f5f5f5;
}

body.light-mode .progress-bar {
    background: #e0e0e0;
}

/* =====================================================
   実装予定メッセージ - ライトモード対応
   ===================================================== */

/* 実装予定メッセージ - ライトモード */
body.light-mode .not-implemented-message {
    background: #fff3cd;
    border: 2px solid #ffc107;
}

body.light-mode .not-implemented-message h4 {
    color: #664400;
}

body.light-mode .not-implemented-message pre {
    color: #664400;
    background: rgba(255, 193, 7, 0.1);
}

/* =====================================================
   セレクトボックスグループ - ライトモード対応
   ===================================================== */

/* セレクトボックスグループ - ライトモード */
body.light-mode optgroup {
    background: #f0f0f0;
    color: #00995a;
}

body.light-mode optgroup option {
    background: #fff;
    color: #000;
}

body.light-mode select optgroup {
    background: #f8f8f8;
    color: #00995a;
    border-top: 1px solid #ddd;
}

body.light-mode select optgroup option {
    background: #fff;
    color: #000;
}

/* =====================================================
   収支管理タブ視認性修正 - ライトモード
   ===================================================== */

/* 収支管理タブ視認性修正 - ライトモード */

/* カレンダーコントロール（年月選択部分） */
body.light-mode .calendar-controls {
    background: #f5f5f5 !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
    padding: 10px;
}

body.light-mode .calendar-controls label {
    color: #000000 !important;
}

body.light-mode .calendar-controls select {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

/* 月次カレンダーナビゲーションボタン（前月・次月） */
body.light-mode .month-nav-btn,
body.light-mode .calendar-nav-btn,
body.light-mode [class*="nav-btn"] {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .month-nav-btn:hover,
body.light-mode .calendar-nav-btn:hover {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

/* カレンダーテーブル */
body.light-mode .month-calendar table,
body.light-mode .calendar-table {
    border: 2px solid #999999 !important;
}

/* カレンダー日付セル */
body.light-mode .month-calendar td,
body.light-mode .calendar-day {
    background: #f8f8f8 !important;
    border: 1px solid #cccccc !important;
    color: #000000 !important;
}

body.light-mode .month-calendar td:hover,
body.light-mode .calendar-day:hover {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
}

/* 今日のセル */
body.light-mode .month-calendar td.today,
body.light-mode .calendar-day.today {
    background: rgba(0, 153, 90, 0.15) !important;
    border: 2px solid #00995a !important;
}

/* カレンダーヘッダー（曜日） - 既にOK */

/* カレンダーグリッド（日付セルのコンテナ） */
body.light-mode .calendar-grid,
body.light-mode #calendarGrid {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
}

/* カレンダーの日付セル */
body.light-mode .calendar-grid > div,
body.light-mode .calendar-day-cell {
    background: #f8f8f8 !important;
    border: 1px solid #cccccc !important;
    color: #000000 !important;
}

/* カレンダー日別損益 背景色（ライトモード） */
body.light-mode .calendar-day-cell.cal-win {
    background: linear-gradient(
        135deg,
        rgba(0, 180, 100, 0.28) 0%,
        rgba(0, 180, 100, 0.15) 100%
    ) !important;
    border-color: rgba(0, 180, 100, 0.50) !important;
}

body.light-mode .calendar-day-cell.cal-loss {
    background: linear-gradient(
        135deg,
        rgba(220, 50, 50, 0.25) 0%,
        rgba(220, 50, 50, 0.12) 100%
    ) !important;
    border-color: rgba(220, 50, 50, 0.45) !important;
}

body.light-mode .calendar-day-cell.cal-win:hover,
body.light-mode .calendar-day-cell.cal-loss:hover {
    box-shadow: 0 0 8px rgba(212, 165, 32, 0.15);
    border-color: #b8860b !important;
}

body.light-mode .calendar-day-profit.positive {
    color: #00995a !important;
}

body.light-mode .calendar-day-profit.negative {
    color: #dc2626 !important;
}

body.light-mode .calendar-grid > div:hover {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
}

/* 月間サマリー */
body.light-mode .month-summary,
body.light-mode #monthSummary {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
}

body.light-mode .month-summary * {
    color: #000000 !important;
}

/* 日付ツールチップ */
body.light-mode .day-tooltip,
body.light-mode #dayTooltip {
    background: #ffffff !important;
    border: 2px solid #999999 !important;
    color: #000000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .day-tooltip * {
    color: #000000 !important;
}

/* 締め処理セクション */
body.light-mode .closing-section,
body.light-mode [class*="closing"] {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

body.light-mode .closing-section h3,
body.light-mode .closing-section h4 {
    color: #00995a !important;
}

/* 収支管理サブタブ共通セクション */
body.light-mode .expense-section {
    background: #fafafa !important;
    border: none !important;
    border-radius: 8px;
    padding: 0 !important;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .expense-section h3 {
    color: #00995a !important;
    border-bottom: 2px solid #cccccc !important;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* 収支管理タブ内のセクション区切り線 */
body.light-mode #tax .section-divider,
body.light-mode #tax hr {
    border: none !important;
    border-top: 2px solid #cccccc !important;
    margin: 20px 0 !important;
}

/* 入出金管理タブ */
body.light-mode .add-capital-record {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
}

body.light-mode .capital-records-list {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
}

/* 入出金管理タブ内のdiv要素（区切り線） */
body.light-mode #tax div[style*="border"],
body.light-mode .expense-section > div {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

/* 現在の投入資金セクション */
body.light-mode .current-capital,
body.light-mode .capital-display {
    background: #f5f5f5 !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
}

/* 投入資金表示（区切り線） */
body.light-mode .current-balance-display {
    border-bottom: 3px solid #888888 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

body.light-mode #expense-section-capital .current-balance-display {
    border-bottom: 3px solid #888888 !important;
}

/* 経費アイテムの区切り線 */
body.light-mode .expense-item {
    border-bottom: 2px solid #999999 !important;
}

/* 入出金履歴のソートボタン */
body.light-mode .capital-records-list button,
body.light-mode .expense-section button:not(.btn-primary):not(.btn-secondary) {
    color: #000000 !important;
    background: #f8f8f8 !important;
    border: 1px solid #999999 !important;
}

/* 経費カテゴリヘッダー */
body.light-mode .expense-category {
    background: rgba(0, 150, 136, 0.15) !important;
    border: 1px solid #009688 !important;
    border-radius: 15px !important;
    color: #00796B !important;
}

body.light-mode .expense-category:hover {
    background: rgba(0, 150, 136, 0.25) !important;
    border-color: #00796B !important;
}

/* 経費一覧 - カテゴリグループ */
body.light-mode .expense-category-group {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* 経費一覧 - カテゴリヘッダー */
body.light-mode .category-header {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #cccccc !important;
    color: #000000 !important;
}

body.light-mode .category-header * {
    color: #000000 !important;
}

/* 経費一覧 - 経費カード */
body.light-mode .expense-card {
    background: #f8f8f8 !important;
    border: 1px solid #cccccc !important;
    color: #000000 !important;
}

body.light-mode .expense-card * {
    color: #000000 !important;
}

body.light-mode .expense-card:hover {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
}

/* 収支サマリーカード */
body.light-mode .summary-card,
body.light-mode .tax-summary-card {
    background: #fafafa !important;
    border: 2px solid #999999 !important;
}

/* サブタブ（月次カレンダー、経費入力など） */
body.light-mode .capital-tab-btn,
body.light-mode .sub-tab-btn {
    background: #f8f8f8 !important;
    color: #000000 !important;
    border: 2px solid #999999 !important;
}

body.light-mode .capital-tab-btn:hover:not(.active),
body.light-mode .sub-tab-btn:hover:not(.active) {
    background: #e8f5e9 !important;
    border-color: #00aa5a !important;
    color: #00995a !important;
}

body.light-mode .capital-tab-btn.active,
body.light-mode .sub-tab-btn.active {
    background: #00bb5f !important;
    color: #ffffff !important;
    border: 2px solid #00995a !important;
}

body.light-mode #tax .tax-summary {
    background-color: #f8f8f8;
    color: #333;
    border: 1px solid #ddd;
}

body.light-mode #tax .expense-form {
    background-color: #fafafa;
    color: #333;
    border: 1px solid #e0e0e0;
}

body.light-mode #tax .expense-list {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
}

body.light-mode #tax .simulation-form {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
}

/* =====================================================
   ライトモード時のコントラスト強化
   ===================================================== */

/* ライトモード時のコントラスト強化 */
body.light-mode #tax {
    background: #ffffff !important;
}

body.light-mode #tax .expense-form,
body.light-mode #tax .expense-container {
    background: #ffffff !important;
    color: #000000 !important;
}

body.light-mode #tax .expense-form *,
body.light-mode #tax .expense-container * {
    color: #000000 !important;
}

/* 入力フィールドを明確に */
body.light-mode #tax input,
body.light-mode #tax select,
body.light-mode #tax textarea {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #333 !important;
    font-weight: 500 !important;
}

body.light-mode #tax input:focus,
body.light-mode #tax select:focus,
body.light-mode #tax textarea:focus {
    border-color: #00995a !important;
    box-shadow: 0 0 0 3px rgba(0, 153, 90, 0.2) !important;
}

/* ラベルを太く */
body.light-mode #tax label {
    color: #00995a !important;
    font-weight: 600 !important;
}

/* ボタンのコントラスト強化 */
body.light-mode #tax .btn-primary {
    background: #00995a !important;
    color: #ffffff !important;
    border: 2px solid #007744 !important;
    font-weight: bold !important;
}

body.light-mode #tax .btn-secondary {
    background: #f0f0f0 !important;
    color: #000000 !important;
    border: 2px solid #999 !important;
    font-weight: 500 !important;
}

/* セクションの境界を明確に */
body.light-mode #tax .summary-section {
    background: #f8f8f8 !important;
    border: 2px solid #ccc !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

body.light-mode #tax .summary-item {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #999 !important;
    font-weight: 500 !important;
}

/* テーブルの強調 */
body.light-mode #tax table {
    background: #ffffff !important;
    border: 2px solid #999 !important;
}

body.light-mode #tax th {
    background: #00995a !important;
    color: #ffffff !important;
    border: 1px solid #007744 !important;
    font-weight: 600 !important;
}

body.light-mode #tax td {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
    font-weight: 500 !important;
}

/* プレースホルダーも見やすく */
body.light-mode #tax ::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* ========================================
   相場ノート機能改善 - ライトモード対応
   追加日: 2025-11-27
   ======================================== */

/* 月メモコンテナ */
body.light-mode .monthly-memo-container {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-mode .monthly-memo-title {
    color: #007744;
}

/* 月メモセクション */
body.light-mode .monthly-memo-section {
    background: rgba(0, 0, 0, 0.03);
}

body.light-mode .monthly-memo-section-header:hover {
    background: rgba(0, 0, 0, 0.05);
}

body.light-mode .section-label {
    color: #333;
}

body.light-mode .monthly-memo-section-content {
    color: #333;
    border-top-color: rgba(0, 0, 0, 0.05);
}

body.light-mode .memo-placeholder {
    color: #999;
}

body.light-mode .memo-placeholder:hover {
    color: #666666;
}

/* 検索モーダル */
body.light-mode .search-result-date {
    color: #007744;
}

body.light-mode .search-result-preview {
    color: #555;
}

body.light-mode .search-result-preview mark {
    background: rgba(255, 255, 0, 0.5);
}

/* 月メモ編集モーダル */
body.light-mode .monthly-memo-textarea {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.2);
    color: #333;
}

body.light-mode .monthly-memo-textarea:focus {
    border-color: #007744;
}

/* =====================================================
   ダークモード エディタスタイル
   ===================================================== */

/* 緑ボタン（ダークモード） */
.editor-btn.green-btn {
    background: rgba(129, 199, 132, 0.2) !important;
    border-color: #81C784 !important;
    color: var(--editor-color-green) !important;
}

.editor-btn.green-btn:hover {
    background: rgba(129, 199, 132, 0.3) !important;
    border-color: #a5d6a7 !important;
}

/* 赤ボタン（ダークモード） */
.editor-btn.red-btn {
    color: var(--editor-color-red) !important;
    font-weight: bold;
}

.editor-btn.red-btn:hover {
    background: rgba(239, 83, 80, 0.2) !important;
}

/* 青ボタン（ダークモード） */
.editor-btn.blue-btn {
    color: var(--editor-color-blue) !important;
    font-weight: bold;
}

.editor-btn.blue-btn:hover {
    background: rgba(100, 181, 246, 0.2) !important;
}

/* 黄ボタン（ダークモード） */
.editor-btn.yellow-btn {
    background: var(--editor-highlight-bg) !important;
    color: var(--editor-highlight-text) !important;
    font-weight: bold;
}

.editor-btn.yellow-btn:hover {
    filter: brightness(1.1);
}

/* サイズプルダウン（ダークモード） */
.size-select {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 4px !important;
    border-radius: 6px;
    font-size: 11px;
    cursor: pointer;
}

.size-select:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.size-select option {
    background: #ffffff;
    color: #000000;
}

/* ライトモード 画像追加モーダル */
body.light-mode .image-add-modal-content {
    background: #ffffff !important;
    color: #1a1a2e !important;
}

body.light-mode .image-add-modal-content .modal-header {
    border-bottom: 1px solid #e0e0e0 !important;
}

body.light-mode .image-add-modal-content .modal-header h2 {
    color: #1a1a2e !important;
}

body.light-mode .drop-zone {
    background: #f5f5f5 !important;
    border-color: #cccccc !important;
}

body.light-mode .drop-zone:hover {
    border-color: #00aa5a !important;
    background: #e8f5e9 !important;
}

body.light-mode .drop-zone-text {
    color: #333333 !important;
}

body.light-mode .drop-zone-or {
    color: #666666 !important;
}

body.light-mode .drop-zone-hint {
    color: #888888 !important;
}

body.light-mode .divider-with-text {
    color: #999999 !important;
}

body.light-mode .divider-with-text::before,
body.light-mode .divider-with-text::after {
    border-bottom-color: #e0e0e0 !important;
}

body.light-mode .url-input-section {
    background: #f5f5f5 !important;
}

body.light-mode .url-input-label {
    color: #333333 !important;
}

body.light-mode .url-input {
    background: #ffffff !important;
    border-color: #cccccc !important;
    color: #1a1a2e !important;
}

body.light-mode .url-input::placeholder {
    color: #999999 !important;
}

body.light-mode .url-input:focus {
    border-color: #00aa5a !important;
}

body.light-mode .url-hint {
    color: #888888 !important;
}

body.light-mode .image-add-modal-content .btn-primary {
    background: #00aa5a !important;
    color: #ffffff !important;
}

body.light-mode .image-add-modal-content .btn-primary:hover {
    background: #009950 !important;
}

body.light-mode .image-add-modal-content .btn-secondary {
    color: #00aa5a !important;
    border-color: #00aa5a !important;
}

body.light-mode .image-add-modal-content .btn-secondary:hover {
    background: rgba(0, 170, 90, 0.1) !important;
}

/* ダークモード用 ヘッダータイトル テキストシマー */
body:not(.light-mode) .header-title {
    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #00ff88 40%,
        var(--gold-bright) 50%,
        #00ff88 60%,
        #ffffff 100%
    ) !important;
    background-size: 200% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ========================================================================
   感情ボタン（新規エントリータブ「エントリー時の感情・心理状態」）
   ライトモード対応：デフォルトは白系の半透明（ダークモード前提）なので
   ライトモードでは黒系の半透明にして枠と背景を可視化する
   ======================================================================== */
body.light-mode .emotion-btn {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    background: rgba(0, 0, 0, 0.03) !important;
    color: #1f2937 !important;
}

body.light-mode .emotion-btn:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background: rgba(0, 0, 0, 0.06) !important;
}

/* ポジティブ感情 選択時（ライトモード用：濃い青で読みやすく） */
body.light-mode .emotion-btn.positive.active {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(59, 130, 246, 0.5) !important;
    color: #1e40af !important;
}

/* ネガティブ感情 選択時（ライトモード用：濃いオレンジで読みやすく） */
body.light-mode .emotion-btn.negative.active {
    background: rgba(249, 115, 22, 0.15) !important;
    border-color: rgba(249, 115, 22, 0.5) !important;
    color: #c2410c !important;
}

/* =====================================================
   Phase 2V-1（2026-05-13）: 新規モーダル群のライトモード対応統一
   =====================================================
   背景:
   - 社長指摘「新しく作ったモーダルやUIはライトモードにするとこのようになってることばかり」
   - inline style でダーク固定（#1a1a1a / #1a1d28 / #0f1a2a / #fff など）の hex 値が
     既存の attribute selector `[style*="background: rgba(0, 0, 0"]` 等にマッチせず、
     ライトモード時に「浮島」になっていた
   - memory feedback_dark_light_mode_pair.md 参照

   対応方針:
   - 各モジュール固有 ID / class でスコープを絞り、内部 inline style を一括 override
   - hex 値の inline style 全パターンをカバー
   ===================================================== */

/* ========================================
   AccountDeleteModule（R11-A-001 / Phase 2Q-4c）
   ======================================== */

/* 1段目モーダル（削除されるもの・データエクスポート） */
body.light-mode #accountDeleteStep1Modal .modal-content {
    background: #fff8f8 !important;
    color: #000000 !important;
    border: 2px solid #cc3333 !important;
}

/* 2段目モーダル（パスワード再認証・最終確認） */
body.light-mode #accountDeleteStep2Modal .modal-content {
    background: #fff8f8 !important;
    color: #000000 !important;
    border: 2px solid #cc3333 !important;
}

/* 内部の白テキスト / グレーテキストを黒系に変換 */
body.light-mode #accountDeleteStep1Modal [style*="color: #fff"],
body.light-mode #accountDeleteStep2Modal [style*="color: #fff"],
body.light-mode #accountDeleteStep1Modal [style*="color:#fff"],
body.light-mode #accountDeleteStep2Modal [style*="color:#fff"] {
    color: #000000 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="color: #aaa"],
body.light-mode #accountDeleteStep2Modal [style*="color: #aaa"],
body.light-mode #accountDeleteStep1Modal [style*="color: #ddd"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ddd"] {
    color: #555555 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="color: #ff8888"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ff8888"],
body.light-mode #accountDeleteStep1Modal [style*="color: #ff9999"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ff9999"] {
    color: #cc3333 !important;
}

/* 内部の濃い背景パネル（削除されるもの一覧・削除前のお願い等） */
body.light-mode #accountDeleteStep1Modal [style*="background: #2a"],
body.light-mode #accountDeleteStep2Modal [style*="background: #2a"],
body.light-mode #accountDeleteStep1Modal [style*="background:#2a"],
body.light-mode #accountDeleteStep2Modal [style*="background:#2a"] {
    background: #f8f8f8 !important;
    color: #000000 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="background: rgba(255"],
body.light-mode #accountDeleteStep2Modal [style*="background: rgba(255"] {
    background: #fff0f0 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="background: rgba(40"],
body.light-mode #accountDeleteStep2Modal [style*="background: rgba(40"] {
    background: #f8f8f8 !important;
    color: #000000 !important;
}

/* チェックボックス・ボタン・border の調整 */
body.light-mode #accountDeleteStep1Modal [style*="border: 1px solid #ff"],
body.light-mode #accountDeleteStep2Modal [style*="border: 1px solid #ff"] {
    border-color: #cc6666 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="background: #666"],
body.light-mode #accountDeleteStep2Modal [style*="background: #666"] {
    background: #999999 !important;
    color: #ffffff !important;
}

body.light-mode #accountDeleteStep1Modal [style*="background: #cc3333"],
body.light-mode #accountDeleteStep2Modal [style*="background: #cc3333"] {
    background: #cc3333 !important;
    color: #ffffff !important;
}

/* ========================================
   ClosedMonthHelpModule（Phase 2U-1 / R11-D-5）
   ======================================== */

body.light-mode .closed-month-help-modal .modal-content {
    background: #fafafa !important;
    color: #000000 !important;
    border: 1px solid #999999 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .closed-month-help-modal [style*="color: #fff"],
body.light-mode .closed-month-help-modal [style*="color:#fff"] {
    color: #000000 !important;
}

body.light-mode .closed-month-help-modal [style*="color: #ffcc66"] {
    color: #aa6600 !important;
}

body.light-mode .closed-month-help-modal [style*="color: #99ccdd"] {
    color: #226699 !important;
}

body.light-mode .closed-month-help-modal [style*="color: #99aaaa"] {
    color: #555555 !important;
}

body.light-mode .closed-month-help-modal [style*="background: #1a"],
body.light-mode .closed-month-help-modal [style*="background:#1a"] {
    background: #fafafa !important;
    color: #000000 !important;
}

body.light-mode .closed-month-help-modal [style*="background: #0f1a2a"] {
    background: #eef4fa !important;
}

body.light-mode .closed-month-help-modal [style*="border-left:3px solid #44aa99"],
body.light-mode .closed-month-help-modal [style*="border-left: 3px solid #44aa99"] {
    border-left-color: #008866 !important;
}

body.light-mode .closed-month-help-modal [style*="border-bottom:1px solid #333"],
body.light-mode .closed-month-help-modal [style*="border-bottom: 1px solid #333"],
body.light-mode .closed-month-help-modal [style*="border-top:1px solid #333"],
body.light-mode .closed-month-help-modal [style*="border-top: 1px solid #333"] {
    border-color: #cccccc !important;
}

body.light-mode .closed-month-help-modal [style*="background: #444"],
body.light-mode .closed-month-help-modal [style*="background:#444"] {
    background: #e0e0e0 !important;
    color: #000000 !important;
}

body.light-mode .closed-month-help-modal [style*="background: #44aa99"],
body.light-mode .closed-month-help-modal [style*="background:#44aa99"] {
    background: #008866 !important;
    color: #ffffff !important;
}

/* ========================================
   データ削除請求 UI（Phase 2U-2 / R11-A-005）
   マイページ → 危険ゾーン内の新規セクション
   ======================================== */

body.light-mode .mypage-danger-zone .mypage-item[style*="border: 1px solid rgba(255, 86, 86"],
body.light-mode .mypage-danger-zone .mypage-item[style*="border:1px solid rgba(255, 86, 86"] {
    background: #fff8f8 !important;
    border: 1px solid #cc3333 !important;
}

body.light-mode .mypage-danger-zone .mypage-item[style*="border: 1px solid rgba(255, 153, 51"],
body.light-mode .mypage-danger-zone .mypage-item[style*="border:1px solid rgba(255, 153, 51"] {
    background: #fff8ee !important;
    border: 1px solid #cc8800 !important;
}

body.light-mode .mypage-danger-zone .mypage-item[style*="background: rgba(40, 20, 20"] {
    background: #fff8f8 !important;
}

body.light-mode .mypage-danger-zone .mypage-item[style*="background: rgba(40, 30, 20"] {
    background: #fff8ee !important;
}

body.light-mode .mypage-danger-zone .mypage-item[style*="color: #ddd"] {
    color: #333333 !important;
}

body.light-mode .mypage-danger-zone .mypage-item label[style*="color: #ddd"] {
    color: #333333 !important;
}

body.light-mode .mypage-danger-zone .mypage-item p[style*="color: #aaa"],
body.light-mode .mypage-danger-zone .mypage-item span[style*="color: #aaa"] {
    color: #555555 !important;
}

body.light-mode .mypage-danger-zone .mypage-item span[style*="color: #ffcc99"] {
    color: #aa6600 !important;
    font-weight: 600;
}

/* 削除請求の橙ボタン */
body.light-mode .mypage-danger-zone a[style*="background: #ff9933"],
body.light-mode .mypage-danger-zone a[style*="background:#ff9933"] {
    background: #cc8800 !important;
    color: #ffffff !important;
}

/* アドレスコピーボタン（グレー系） */
body.light-mode .mypage-danger-zone button[style*="background: #555"],
body.light-mode .mypage-danger-zone button[style*="background:#555"] {
    background: #888888 !important;
    color: #ffffff !important;
}

/* 危険ゾーン全体の h3 */
body.light-mode .mypage-danger-zone h3[style*="color: #ff8888"] {
    color: #cc3333 !important;
}

/* =====================================================
   Phase 2V-1 ホットフィックス (2026-05-13)
   AccountDeleteModule 1段目モーダル: スクショ確認で見つかった残存問題
   =====================================================
   見つかった問題:
   1. 「削除前のお願い」パネル `background: #1e2a2a` (#1e で始まる) が前回 CSS の
      `[style*="background: #2a"]` にマッチせず暗緑のまま → 文字が見えない
   2. 「アクティブサブスク警告」パネル `background: #3a2a1a` 同様
   3. 「削除されるもの」見出し `color: #ffaaaa` がライトモードで薄ピンクのまま
   4. 「やめる」ボタン `background: transparent` + 薄文字でライトモードで埋もれる
   ===================================================== */

/* 「削除前のお願い」パネル（#1e2a2a 暗緑） → 薄ミントグリーン背景 */
body.light-mode #accountDeleteStep1Modal [style*="background: #1e"],
body.light-mode #accountDeleteStep2Modal [style*="background: #1e"],
body.light-mode #accountDeleteStep1Modal [style*="background:#1e"],
body.light-mode #accountDeleteStep2Modal [style*="background:#1e"] {
    background: #eafaf6 !important;
    color: #000000 !important;
}

/* 「アクティブサブスク警告」パネル（#3a2a1a 暗茶） → 薄オレンジ背景 */
body.light-mode #accountDeleteStep1Modal [style*="background: #3a"],
body.light-mode #accountDeleteStep2Modal [style*="background: #3a"],
body.light-mode #accountDeleteStep1Modal [style*="background:#3a"],
body.light-mode #accountDeleteStep2Modal [style*="background:#3a"] {
    background: #fff5e8 !important;
    color: #000000 !important;
}

/* シアン系見出し・テキスト（#4ecdc4 → 濃いティール） */
body.light-mode #accountDeleteStep1Modal [style*="color: #4ecdc4"],
body.light-mode #accountDeleteStep2Modal [style*="color: #4ecdc4"] {
    color: #00897b !important;
}

/* シアンボタン背景（#4ecdc4）はそのまま視認性 OK（黒文字との組み合わせ） */
/* ただしテキスト色は black 維持 */

/* 薄ピンク見出し（#ffaaaa）→ 濃い赤 */
body.light-mode #accountDeleteStep1Modal [style*="color: #ffaaaa"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ffaaaa"] {
    color: #cc3333 !important;
}

/* 薄ピンク テキスト（#ff9999） → 濃い赤 */
body.light-mode #accountDeleteStep1Modal [style*="color: #ff9999"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ff9999"] {
    color: #cc3333 !important;
}

/* 強い赤（#ff5555） → 維持（warning として）or 少し濃く */
body.light-mode #accountDeleteStep1Modal [style*="color: #ff5555"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ff5555"] {
    color: #cc0000 !important;
}

/* オレンジ警告見出し（#ffaa44）→ 濃いオレンジ */
body.light-mode #accountDeleteStep1Modal [style*="color: #ffaa44"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ffaa44"] {
    color: #cc6600 !important;
}

/* オレンジ警告ボタン（background: #ffaa44 → 濃いオレンジ + 白文字） */
body.light-mode #accountDeleteStep1Modal [style*="background: #ffaa44"],
body.light-mode #accountDeleteStep2Modal [style*="background: #ffaa44"] {
    background: #cc6600 !important;
    color: #ffffff !important;
}

/* 「やめる」ボタン（透明背景 + 薄文字）→ ライトモード対応 */
body.light-mode #accountDeleteStep1Modal [style*="background: transparent"],
body.light-mode #accountDeleteStep2Modal [style*="background: transparent"] {
    background: #f5f5f5 !important;
    color: #333333 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="color: #ccc"],
body.light-mode #accountDeleteStep2Modal [style*="color: #ccc"] {
    color: #333333 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="color: #888"],
body.light-mode #accountDeleteStep2Modal [style*="color: #888"] {
    color: #666666 !important;
}

/* border 1px solid #555 → ライトモード用グレー */
body.light-mode #accountDeleteStep1Modal [style*="border: 1px solid #555"],
body.light-mode #accountDeleteStep2Modal [style*="border: 1px solid #555"] {
    border-color: #999999 !important;
}

/* border-left 系（赤・シアン・オレンジ）の色調整 */
body.light-mode #accountDeleteStep1Modal [style*="border-left: 3px solid #ff5555"],
body.light-mode #accountDeleteStep2Modal [style*="border-left: 3px solid #ff5555"] {
    border-left-color: #cc3333 !important;
}

body.light-mode #accountDeleteStep1Modal [style*="border-left: 3px solid #4ecdc4"],
body.light-mode #accountDeleteStep2Modal [style*="border-left: 3px solid #4ecdc4"] {
    border-left-color: #00897b !important;
}

body.light-mode #accountDeleteStep1Modal [style*="border-left: 3px solid #ffaa44"],
body.light-mode #accountDeleteStep2Modal [style*="border-left: 3px solid #ffaa44"] {
    border-left-color: #cc6600 !important;
}

/* ========================================
 * Phase 2W R14-A-3: AnomalyValueScanModule ライトモード override
 * 既存モジュール群（BackupRecovery / AccountDelete 等）と同様の運用:
 *   inline style ダーク基準 + body.light-mode override で両モード対応
 * ======================================== */

body.light-mode #anomaly-scan-modal .anomaly-scan-modal-content {
    background: #fafafa !important;
    color: #000000 !important;
    border: 1px solid #999999;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-modal-header {
    border-bottom-color: #cccccc !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-close-btn {
    color: #333333 !important;
}

/* 説明文・サブテキスト */
body.light-mode #anomaly-scan-modal .anomaly-scan-summary,
body.light-mode #anomaly-scan-modal .anomaly-scan-modal-body p[style*="color:#ddd"],
body.light-mode #anomaly-scan-modal .anomaly-scan-modal-body p[style*="color:#bbb"],
body.light-mode #anomaly-scan-modal .anomaly-scan-modal-body p[style*="color:#888"] {
    color: #333333 !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-note {
    color: #555555 !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-help {
    color: #666666 !important;
}

/* 詳細表 */
body.light-mode #anomaly-scan-modal .anomaly-scan-details {
    background: #f0f0f0 !important;
    border-color: #cccccc !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-detail-row {
    border-bottom-color: #dddddd !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-detail-row span[style*="color:#ddd"] {
    color: #333333 !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-detail-row span[style*="color:#fff"] {
    color: #000000 !important;
}

body.light-mode #anomaly-scan-modal .anomaly-scan-detail-row span[style*="color:#888"] {
    color: #666666 !important;
}

/* CRITICAL / WARNING バッジは色調整（背景は赤・橙のまま視認性確保） */
body.light-mode #anomaly-scan-modal .anomaly-badge-critical {
    background: #cc3333 !important;
    color: #ffffff !important;
}

body.light-mode #anomaly-scan-modal .anomaly-badge-warning {
    background: #cc6600 !important;
    color: #ffffff !important;
}

/* アクションボタン（CSV エクスポート・24時間後・閉じる）*/
body.light-mode #anomaly-scan-modal #avs-export-btn {
    background: #00897b !important;
    color: #ffffff !important;
}

body.light-mode #anomaly-scan-modal #avs-dismiss-btn {
    background: #f5f5f5 !important;
    color: #333333 !important;
    border-color: #999999 !important;
}

body.light-mode #anomaly-scan-modal #avs-skip-btn {
    background: transparent !important;
    color: #666666 !important;
    border-color: #999999 !important;
}

/* ========================================
   TaxCarryoverModule（Phase 2X-1・国内 FX 損失繰越控除）
   ライト/ダーク両モード対応（feedback_dark_light_mode_pair.md 遵守）
   ======================================== */

/* ========== ダークモード default ========== */

#settings-tax h3 {
    color: #fff;
    margin-bottom: 16px;
}

#settings-tax h4 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.05em;
}

.tax-carryover-info-banner {
    background: rgba(255, 152, 0, 0.12);
    border: 1px solid rgba(255, 152, 0, 0.45);
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 20px;
    color: #ffe0b2;
}

.tax-carryover-info-banner p {
    margin: 4px 0;
    line-height: 1.6;
    font-size: 0.95em;
}

.tax-carryover-info-banner strong {
    color: #ffb74d;
}

.tax-carryover-guide {
    background: rgba(70, 130, 180, 0.10);
    border: 1px solid rgba(70, 130, 180, 0.35);
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.tax-carryover-guide ul {
    margin: 8px 0 0 20px;
    line-height: 1.8;
    color: #ddd;
}

.tax-carryover-guide ul li {
    margin-bottom: 6px;
}

.tax-carryover-warning {
    color: #ff8a65;
    font-weight: bold;
}

.tax-carryover-section-title {
    margin-top: 28px;
    margin-bottom: 14px;
}

.tax-carryover-section-title p {
    color: #ccc;
    margin-top: 6px;
    font-size: 0.92em;
}

.tax-carryover-loading {
    color: #888;
    font-style: italic;
    text-align: center;
    padding: 20px;
}

.tax-carryover-form-inner {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.tax-carryover-year-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tax-carryover-year-row label {
    color: #ccc;
    font-weight: 500;
}

.tax-carryover-year-row input[type="number"] {
    width: 110px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: 1px solid #555;
    border-radius: 6px;
    font-size: 14px;
}

.tax-carryover-loss-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 18px;
}

.tax-carryover-loss-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tax-carryover-loss-item label {
    flex: 1 1 280px;
    color: #ddd;
    font-size: 0.95em;
}

.tax-carryover-loss-item input[type="number"] {
    width: 180px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: 1px solid #555;
    border-radius: 6px;
    font-size: 14px;
    text-align: right;
}

.tax-carryover-unit {
    color: #888;
    font-size: 0.9em;
}

.tax-carryover-notes-row {
    margin-bottom: 18px;
}

.tax-carryover-notes-row label {
    display: block;
    color: #ccc;
    margin-bottom: 6px;
    font-size: 0.9em;
}

.tax-carryover-notes-row textarea {
    width: 100%;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: 1px solid #555;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    box-sizing: border-box;
}

.tax-carryover-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.tax-carryover-save-status {
    font-size: 0.9em;
    min-height: 20px;
}

.tax-carryover-save-status.tax-carryover-success {
    color: #81c784;
}

.tax-carryover-save-status.tax-carryover-error {
    color: #ff8a65;
}

.tax-carryover-preview {
    margin-top: 24px;
    padding: 18px;
    background: rgba(0, 153, 90, 0.08);
    border: 1px solid rgba(0, 153, 90, 0.35);
    border-radius: 8px;
}

.tax-carryover-preview-title {
    color: #4caf50 !important;
    margin: 0 0 14px 0;
}

.tax-carryover-preview-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
}

.tax-carryover-preview-table td {
    padding: 8px 6px;
    color: #ddd;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.tax-carryover-preview-table td.tax-carryover-value {
    text-align: right;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    color: #fff;
}

.tax-carryover-preview-table tr.tax-carryover-row-subtotal td {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 10px;
}

.tax-carryover-preview-table tr.tax-carryover-row-final td {
    background: rgba(70, 130, 180, 0.15);
    border-top: 2px solid rgba(70, 130, 180, 0.5);
    color: #fff;
}

.tax-carryover-preview-table tr.tax-carryover-row-saved td {
    background: rgba(0, 153, 90, 0.15);
    color: #81c784;
}

.tax-carryover-preview-table .tax-carryover-applied {
    color: #ffb74d;
}

.tax-carryover-preview-table .tax-carryover-saved {
    color: #4caf50;
    font-weight: bold;
}

.tax-carryover-disclaimer {
    margin-top: 14px;
    padding: 10px 14px;
    background: rgba(255, 152, 0, 0.08);
    border-left: 3px solid #ff9800;
    color: #ddd;
    font-size: 0.85em;
    line-height: 1.6;
}

.tax-carryover-disclaimer-block {
    margin-top: 28px;
    padding: 16px 20px;
    background: rgba(255, 152, 0, 0.10);
    border: 1px solid rgba(255, 152, 0, 0.35);
    border-radius: 8px;
}

.tax-carryover-disclaimer-block h4 {
    color: #ffb74d !important;
    margin-bottom: 10px;
}

.tax-carryover-disclaimer-block ul {
    margin-left: 20px;
    color: #ddd;
    line-height: 1.7;
}

/* ========== ライトモード override ========== */

body.light-mode #settings-tax h3,
body.light-mode #settings-tax h4 {
    color: #000000 !important;
}

body.light-mode .tax-carryover-info-banner {
    background: #fff5e6 !important;
    border-color: #ffa726 !important;
    color: #5d4037 !important;
}

body.light-mode .tax-carryover-info-banner strong {
    color: #cc8800 !important;
}

body.light-mode .tax-carryover-guide {
    background: #e3f2fd !important;
    border-color: #64b5f6 !important;
}

body.light-mode .tax-carryover-guide ul {
    color: #333333 !important;
}

body.light-mode .tax-carryover-warning {
    color: #cc4400 !important;
}

body.light-mode .tax-carryover-section-title p {
    color: #555555 !important;
}

body.light-mode .tax-carryover-loading {
    color: #999999 !important;
}

body.light-mode .tax-carryover-form-inner {
    background: #f8f8f8 !important;
    border-color: #cccccc !important;
}

body.light-mode .tax-carryover-year-row {
    border-bottom-color: #cccccc !important;
}

body.light-mode .tax-carryover-year-row label,
body.light-mode .tax-carryover-loss-item label,
body.light-mode .tax-carryover-notes-row label {
    color: #333333 !important;
}

body.light-mode .tax-carryover-year-row input[type="number"],
body.light-mode .tax-carryover-loss-item input[type="number"],
body.light-mode .tax-carryover-notes-row textarea {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #999999 !important;
}

body.light-mode .tax-carryover-unit {
    color: #666666 !important;
}

body.light-mode .tax-carryover-save-status.tax-carryover-success {
    color: #2e7d32 !important;
}

body.light-mode .tax-carryover-save-status.tax-carryover-error {
    color: #cc4400 !important;
}

body.light-mode .tax-carryover-preview {
    background: #e8f5e9 !important;
    border-color: #81c784 !important;
}

body.light-mode .tax-carryover-preview-title {
    color: #2e7d32 !important;
}

body.light-mode .tax-carryover-preview-table td {
    color: #333333 !important;
    border-bottom-color: #cccccc !important;
}

body.light-mode .tax-carryover-preview-table td.tax-carryover-value {
    color: #000000 !important;
}

body.light-mode .tax-carryover-preview-table tr.tax-carryover-row-subtotal td {
    border-top-color: #999999 !important;
}

body.light-mode .tax-carryover-preview-table tr.tax-carryover-row-final td {
    background: #e3f2fd !important;
    border-top-color: #1976d2 !important;
    color: #000000 !important;
}

body.light-mode .tax-carryover-preview-table tr.tax-carryover-row-saved td {
    background: #c8e6c9 !important;
    color: #1b5e20 !important;
}

body.light-mode .tax-carryover-preview-table .tax-carryover-applied {
    color: #cc8800 !important;
}

body.light-mode .tax-carryover-preview-table .tax-carryover-saved {
    color: #2e7d32 !important;
}

body.light-mode .tax-carryover-disclaimer {
    background: #fff5e6 !important;
    border-left-color: #cc8800 !important;
    color: #5d4037 !important;
}

body.light-mode .tax-carryover-disclaimer-block {
    background: #fff5e6 !important;
    border-color: #ffa726 !important;
}

body.light-mode .tax-carryover-disclaimer-block h4 {
    color: #cc8800 !important;
}

body.light-mode .tax-carryover-disclaimer-block ul {
    color: #333333 !important;
}

/* ========================================
   PlanManagementModal + DowngradeWarning（Phase 2D-F.3）
   ライトモード override（Phase 2W R23-extra・2026-05-19）
   inline style ダーク固定の救済（feedback_dark_light_mode_pair.md）
   ======================================== */

/* モーダルコンテンツ（ダーク背景 → ライト背景） */
body.light-mode #planManagementModal [style*="background:#1a1d28"],
body.light-mode #planManagementModal [style*="background: #1a1d28"],
body.light-mode #planDowngradeWarningModal [style*="background:#1a1d28"],
body.light-mode #planDowngradeWarningModal [style*="background: #1a1d28"] {
    background: #fafafa !important;
    color: #000000 !important;
    border: 1px solid #999999 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

/* 内部の濃い背景パネル（現在のプラン情報 / プランカード非選択） */
body.light-mode #planManagementModal [style*="background:#0c1018"],
body.light-mode #planManagementModal [style*="background: #0c1018"] {
    background: #f8f8f8 !important;
}

/* 白テキスト → 黒 */
body.light-mode #planManagementModal [style*="color:#fff"],
body.light-mode #planManagementModal [style*="color: #fff"],
body.light-mode #planDowngradeWarningModal [style*="color:#fff"],
body.light-mode #planDowngradeWarningModal [style*="color: #fff"] {
    color: #000000 !important;
}

/* 薄グレー（サブテキスト・閉じるボタン・本文） → 中濃グレー */
body.light-mode #planManagementModal [style*="color:#ccc"],
body.light-mode #planManagementModal [style*="color: #ccc"],
body.light-mode #planManagementModal [style*="color:#ddd"],
body.light-mode #planManagementModal [style*="color: #ddd"],
body.light-mode #planDowngradeWarningModal [style*="color:#ccc"],
body.light-mode #planDowngradeWarningModal [style*="color: #ccc"],
body.light-mode #planDowngradeWarningModal [style*="color: #ddd"],
body.light-mode #planDowngradeWarningModal [style*="color:#ddd"] {
    color: #333333 !important;
}

/* 中グレー（ラベル・小文字補足） → サブテキスト色 */
body.light-mode #planManagementModal [style*="color:#888"],
body.light-mode #planManagementModal [style*="color: #888"] {
    color: #666666 !important;
}

/* オレンジ系（解約予定・ComingSoon タグ・isCancelling テキスト） */
body.light-mode #planManagementModal [style*="color:#ffb74d"],
body.light-mode #planManagementModal [style*="color: #ffb74d"],
body.light-mode #planDowngradeWarningModal [style*="color:#ffb74d"],
body.light-mode #planDowngradeWarningModal [style*="color: #ffb74d"] {
    color: #cc8800 !important;
}

/* 赤系（制限機能 ⚠️ 見出し） */
body.light-mode #planDowngradeWarningModal [style*="color:#ff8a65"],
body.light-mode #planDowngradeWarningModal [style*="color: #ff8a65"] {
    color: #cc4400 !important;
}

/* 緑系（維持機能 ✅ 見出し） */
body.light-mode #planDowngradeWarningModal [style*="color:#81c784"],
body.light-mode #planDowngradeWarningModal [style*="color: #81c784"] {
    color: #2e7d32 !important;
}

/* Disabled ボタン（Premium まだ・グレー） */
body.light-mode #planManagementModal [style*="background:#444"],
body.light-mode #planManagementModal [style*="background: #444"] {
    background: #e0e0e0 !important;
    color: #888888 !important;
}

/* 解約予定済バナー（オレンジ系背景） */
body.light-mode #planManagementModal [style*="background:#3a2a1a"],
body.light-mode #planManagementModal [style*="background: #3a2a1a"] {
    background: #fff5e6 !important;
}

/* 制限機能ボックス（赤系背景） */
body.light-mode #planDowngradeWarningModal [style*="background:#2a1d1a"],
body.light-mode #planDowngradeWarningModal [style*="background: #2a1d1a"] {
    background: #fff5f0 !important;
}

/* 維持機能ボックス（緑系背景） */
body.light-mode #planDowngradeWarningModal [style*="background:#1a2a1d"],
body.light-mode #planDowngradeWarningModal [style*="background: #1a2a1d"] {
    background: #e8f5e9 !important;
}

/* 枠線 グレー系 → ライト中グレー */
body.light-mode #planManagementModal [style*="border:1px solid #555"],
body.light-mode #planManagementModal [style*="border: 1px solid #555"],
body.light-mode #planDowngradeWarningModal [style*="border:1px solid #555"],
body.light-mode #planDowngradeWarningModal [style*="border: 1px solid #555"] {
    border-color: #999999 !important;
}

/* 枠線 プランカード非選択（#333） */
body.light-mode #planManagementModal [style*="border:2px solid #333"],
body.light-mode #planManagementModal [style*="border: 2px solid #333"] {
    border-color: #cccccc !important;
}

/* 枠線 オレンジ系（isCancelling バナー） */
body.light-mode #planManagementModal [style*="border:1px solid #6a4520"],
body.light-mode #planManagementModal [style*="border: 1px solid #6a4520"] {
    border-color: #ffa726 !important;
}

/* 枠線 赤系（制限機能ボックス） */
body.light-mode #planDowngradeWarningModal [style*="border:1px solid #6a3520"],
body.light-mode #planDowngradeWarningModal [style*="border: 1px solid #6a3520"] {
    border-color: #ffa726 !important;
}

/* 枠線 緑系（維持機能ボックス） */
body.light-mode #planDowngradeWarningModal [style*="border:1px solid #2a6a35"],
body.light-mode #planDowngradeWarningModal [style*="border: 1px solid #2a6a35"] {
    border-color: #a5d6a7 !important;
}

/* ========== Round 2 R2-D1: 投資効果ダッシュボード（ライトモード override）========== */
body.light-mode .investment-effect-section {
    background: #fff7e6 !important;
    border-left-color: #d68910 !important;
}
body.light-mode .investment-effect-section h3 {
    color: #d68910 !important;
}
body.light-mode .investment-effect-section .investment-effect-stat > div:first-child {
    color: #666 !important;
}
body.light-mode .investment-effect-section .investment-effect-stat > div:nth-child(2) {
    color: #000 !important;
}
body.light-mode .investment-effect-section .investment-effect-stat > div:nth-child(3) {
    color: #888 !important;
}
body.light-mode .investment-effect-section p {
    color: #333 !important;
}

/* ========== 5_themes.css 終了 ==========*/