/* ============================================================================
   ファイル名: app/assets/stylesheets/luxury_components_sakura.css
   コメント付与日: 2026-07-04
   【ファイルの役割】luxury_components.css の桜テーマ（夜桜 sakura_night / 昼桜 sakura_day）専用オーバーライド。
     base の行数ガードレール spec 超過回避のため base から分離した companion。base の
     stylesheet_link_tag 直後に読み込む（Propshaft により app/assets 配下は自動配信・assets.rb 登録不要）。
   【リファクタリング基準】※コメント行・空行は行数カウントから除外（CSS 基準）
     1. 500 行未満: 完璧 / 2. 800 行未満: 問題なし / 3. 1200 行未満: 注意喚起・要検討 / 4. 1200 行以上: 必須
     実コード行数: 約 179 行（コメント・空行除外・2026-07-04 計測）→ 判定: 完璧
   【ジュニア向け解説】夜桜は wood テーマの色（コッパー/木目）を桜ピンク/花びらへ、昼桜は light テーマの
     色（ブラウンゴールド）を濃ローズへ写したミラー。値の対応は docs/design-system/themes.md 参照。
============================================================================ */

/* ===== 桜テーマ（夜桜 sakura_night / 昼桜 sakura_day）— Phase 2 / 2026-07-01 ===== */

/* --- 夜桜 sakura_night（wood ミラー） --- */
/* 配色キー: #ff9dc4（桜ピンク明）/ #f06595（ミッドローズ）/ #b8567f（ディープローズ）。
   暗背景（dark ベース）はそのままで、wood テーマの copper/木目色を桜ピンク系へ全置換したミラー実装。 */
[data-theme="sakura_night"] .luxury-project-icon {
  background: linear-gradient(135deg, #ff9dc4, #f06595) !important;
  box-shadow:
    0 16px 32px -10px rgba(255, 157, 196, 0.4),
    0 0 0 1px rgba(255, 157, 196, 0.1) !important;
}

[data-theme="sakura_night"] .luxury-project-main-title {
  background: linear-gradient(135deg, #ff9dc4, #f06595, #d06a96) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 20px rgba(255, 157, 196, 0.3)) !important;
}

[data-theme="sakura_night"] .luxury-breadcrumb-link:hover {
  color: #ff9dc4 !important;
}

[data-theme="sakura_night"] .luxury-breadcrumb-current {
  border-bottom-color: rgba(255, 157, 196, 0.4) !important;
}

[data-theme="sakura_night"] .luxury-primary-button {
  background: linear-gradient(135deg, #ff9dc4, #f06595) !important;
  box-shadow: 0 4px 12px -2px rgba(255, 157, 196, 0.3) !important;
}

[data-theme="sakura_night"] .luxury-primary-button:hover {
  background: linear-gradient(135deg, #f06595, #d06a96) !important;
  box-shadow: 0 6px 16px -2px rgba(255, 157, 196, 0.4) !important;
}

[data-theme="sakura_night"] .luxury-kanban-button {
  background: linear-gradient(135deg, rgba(255, 157, 196, 0.1), rgba(240, 101, 149, 0.05)) !important;
  border-color: rgba(255, 157, 196, 0.2) !important;
  color: #ff9dc4 !important;
}

[data-theme="sakura_night"] .luxury-kanban-button:hover {
  background: linear-gradient(135deg, rgba(255, 157, 196, 0.2), rgba(240, 101, 149, 0.1)) !important;
  border-color: rgba(255, 157, 196, 0.4) !important;
  color: #f06595 !important;
}

[data-theme="sakura_night"] .luxury-breakdown-item {
  background: rgba(255, 157, 196, 0.08) !important;
}

[data-theme="sakura_night"] .luxury-overdue-suffix {
  color: rgba(245, 230, 238, 0.45) !important;
}

[data-theme="sakura_night"] .luxury-progress-fill.sp-progress {
  background: linear-gradient(90deg, #ff9dc4, #b8567f) !important;
}

[data-theme="sakura_night"] .luxury-progress-fill.task-progress {
  background: linear-gradient(90deg, #f06595, #ff9dc4) !important;
}

[data-theme="sakura_night"] .luxury-stat-dot.green {
  background: linear-gradient(135deg, #b8567f, #ff9dc4) !important;
  box-shadow: 0 0 6px rgba(255, 157, 196, 0.4) !important;
}

/* 統計カード・ドット・進捗バー: ベースと同構造・桜ピンク系でオーバーライド */
[data-theme="sakura_night"] .luxury-stats-dashboard {
  background: linear-gradient(135deg, rgba(255, 157, 196, 0.08) 0%, rgba(255, 157, 196, 0.04) 100%) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 157, 196, 0.1) !important;
}

[data-theme="sakura_night"] .luxury-stat-card {
  background: linear-gradient(135deg, rgba(255, 157, 196, 0.08) 0%, rgba(255, 157, 196, 0.04) 100%) !important;
}
[data-theme="sakura_night"] .luxury-stat-card::before {
  background: linear-gradient(45deg, transparent, rgba(255, 157, 196, 0.02), transparent) !important;
}
[data-theme="sakura_night"] .luxury-stat-card:hover {
  box-shadow: 0 15px 30px -8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 157, 196, 0.15) !important;
}

[data-theme="sakura_night"] .luxury-stat-card.primary { border-left-color: #f06595 !important; }
[data-theme="sakura_night"] .luxury-stat-card.secondary { border-left-color: #ff9dc4 !important; }
[data-theme="sakura_night"] .luxury-stat-card.tertiary { border-left-color: #b8567f !important; }

[data-theme="sakura_night"] .luxury-stat-icon { background: rgba(255, 157, 196, 0.15) !important; color: #ff9dc4 !important; }

[data-theme="sakura_night"] .luxury-stats-status,
[data-theme="sakura_night"] .luxury-stats-date,
[data-theme="sakura_night"] .luxury-stat-label,
[data-theme="sakura_night"] .luxury-progress-text { color: rgba(245, 230, 238, 0.55) !important; }
[data-theme="sakura_night"] .luxury-stat-item,
[data-theme="sakura_night"] .luxury-column-name { color: rgba(245, 230, 238, 0.8) !important; }

[data-theme="sakura_night"] .luxury-stat-dot { box-shadow: 0 0 6px rgba(255, 157, 196, 0.4) !important; }
[data-theme="sakura_night"] .luxury-stat-dot.blue {
  background: linear-gradient(135deg, #f06595, #ff9dc4) !important;
  box-shadow: 0 0 6px rgba(240, 101, 149, 0.4) !important;
}
[data-theme="sakura_night"] .luxury-stat-dot.amber {
  background: linear-gradient(135deg, #ff9dc4, #b8567f) !important;
  box-shadow: 0 0 6px rgba(255, 157, 196, 0.4) !important;
}

[data-theme="sakura_night"] .luxury-progress-track { background: rgba(255, 157, 196, 0.15) !important; }
[data-theme="sakura_night"] .luxury-progress-fill { background: linear-gradient(90deg, #ff9dc4, #f06595) !important; }
[data-theme="sakura_night"] .luxury-column-item { background: rgba(255, 157, 196, 0.08) !important; }
[data-theme="sakura_night"] .luxury-column-count { color: #ff9dc4 !important; background: rgba(255, 157, 196, 0.15) !important; }
[data-theme="sakura_night"] .luxury-consumption-section { border-bottom-color: rgba(255, 157, 196, 0.2) !important; }

/* --- 昼桜 sakura_day（light ミラー） --- */
/* 配色キー: #c2185b（濃ローズ）/ #d6336c（ミッドローズ）/ #92400e（ダークアンバー差し色）。
   明背景（light ベース）はそのままで、light テーマのブラウンゴールドを濃ローズ系へ全置換したミラー実装。 */
[data-theme="sakura_day"] .luxury-project-icon {
  background: linear-gradient(135deg, #c2185b, #d6336c) !important;
  box-shadow:
    0 16px 32px -10px rgba(194, 24, 91, 0.4),
    0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="sakura_day"] .luxury-project-main-title {
  background: linear-gradient(135deg, #c2185b, #d6336c, #92400e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 20px rgba(194, 24, 91, 0.3)) !important;
}

[data-theme="sakura_day"] .luxury-breadcrumb-link:hover {
  color: #c2185b !important;
}

[data-theme="sakura_day"] .luxury-breadcrumb-current {
  border-bottom-color: rgba(194, 24, 91, 0.4) !important;
}

[data-theme="sakura_day"] .luxury-primary-button {
  background: linear-gradient(135deg, #c2185b, #d6336c) !important;
  box-shadow: 0 4px 12px -2px rgba(194, 24, 91, 0.3) !important;
}

[data-theme="sakura_day"] .luxury-primary-button:hover {
  background: linear-gradient(135deg, #d6336c, #92400e) !important;
  box-shadow: 0 6px 16px -2px rgba(194, 24, 91, 0.4) !important;
}

[data-theme="sakura_day"] .luxury-kanban-button {
  background: linear-gradient(135deg, rgba(194, 24, 91, 0.08), rgba(214, 51, 108, 0.04)) !important;
  border-color: rgba(194, 24, 91, 0.2) !important;
  color: #c2185b !important;
}

[data-theme="sakura_day"] .luxury-kanban-button:hover {
  background: linear-gradient(135deg, rgba(194, 24, 91, 0.15), rgba(214, 51, 108, 0.08)) !important;
  border-color: rgba(194, 24, 91, 0.4) !important;
  color: #92400e !important;
}

[data-theme="sakura_day"] .luxury-breakdown-item {
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="sakura_day"] .luxury-overdue-suffix {
  color: rgba(61, 43, 50, 0.5) !important;
}

[data-theme="sakura_day"] .luxury-progress-fill.sp-progress {
  background: linear-gradient(90deg, #c2185b, #d6336c) !important;
}

[data-theme="sakura_day"] .luxury-progress-fill.task-progress {
  background: linear-gradient(90deg, #d6336c, #f59e0b) !important;
}

[data-theme="sakura_day"] .luxury-stat-dot.green {
  background: linear-gradient(135deg, #c2185b, #d6336c) !important;
  box-shadow: 0 0 6px rgba(194, 24, 91, 0.4) !important;
}

/* 統計カード・ドット・進捗バー: ベースと同構造・濃ローズ系でオーバーライド */
[data-theme="sakura_day"] .luxury-stats-dashboard {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

[data-theme="sakura_day"] .luxury-stat-card {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
}
[data-theme="sakura_day"] .luxury-stat-card::before {
  background: linear-gradient(45deg, transparent, rgba(0, 0, 0, 0.01), transparent) !important;
}
[data-theme="sakura_day"] .luxury-stat-card:hover {
  box-shadow: 0 15px 30px -8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

[data-theme="sakura_day"] .luxury-stat-card.primary { border-left-color: #c2185b !important; }
[data-theme="sakura_day"] .luxury-stat-card.secondary { border-left-color: #d6336c !important; }
[data-theme="sakura_day"] .luxury-stat-card.tertiary { border-left-color: #92400e !important; }

[data-theme="sakura_day"] .luxury-stat-icon { background: rgba(194, 24, 91, 0.1) !important; color: #c2185b !important; }

[data-theme="sakura_day"] .luxury-stats-status,
[data-theme="sakura_day"] .luxury-stats-date,
[data-theme="sakura_day"] .luxury-stat-label,
[data-theme="sakura_day"] .luxury-progress-text { color: rgba(61, 43, 50, 0.6) !important; }
[data-theme="sakura_day"] .luxury-stat-item,
[data-theme="sakura_day"] .luxury-column-name { color: rgba(61, 43, 50, 0.8) !important; }

[data-theme="sakura_day"] .luxury-stat-dot { box-shadow: 0 0 6px rgba(194, 24, 91, 0.3) !important; }
[data-theme="sakura_day"] .luxury-stat-dot.blue {
  background: linear-gradient(135deg, #d6336c, #f59e0b) !important;
  box-shadow: 0 0 6px rgba(214, 51, 108, 0.4) !important;
}
[data-theme="sakura_day"] .luxury-stat-dot.amber {
  background: linear-gradient(135deg, #c2185b, #d6336c) !important;
  box-shadow: 0 0 6px rgba(194, 24, 91, 0.4) !important;
}

[data-theme="sakura_day"] .luxury-progress-track { background: rgba(0, 0, 0, 0.08) !important; }
[data-theme="sakura_day"] .luxury-progress-fill { background: linear-gradient(90deg, #c2185b, #d6336c) !important; }
[data-theme="sakura_day"] .luxury-column-item { background: rgba(0, 0, 0, 0.04) !important; }
[data-theme="sakura_day"] .luxury-column-count { color: #c2185b !important; background: rgba(194, 24, 91, 0.1) !important; }
[data-theme="sakura_day"] .luxury-consumption-section { border-bottom-color: rgba(0, 0, 0, 0.1) !important; }
[data-theme="sakura_day"] .luxury-counter-warning { color: #c2185b !important; }