/*
 * Fiyat Geçmişi widget'ı — sadece bu bileşene özel EK stiller. Temel
 * tasarım sistemi `frontend/core/realty-theme.css`'ten gelir (rl-*).
 */

.ph-widget { }

.ph-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px;
}
.ph-stat {
  background: var(--rl-bg-muted); border-radius: var(--rl-radius-sm); padding: 10px 12px;
}
.ph-stat-label { font-size: 11px; color: var(--rl-text-muted); margin-bottom: 4px; }
.ph-stat-value { font-size: 16px; font-weight: 700; color: var(--rl-text); }
.ph-stat-value.ph-up { color: var(--rl-success); }
.ph-stat-value.ph-down { color: var(--rl-danger); }
.ph-stat-value.ph-flat { color: var(--rl-text-muted); }

.ph-history { margin-top: 14px; border-top: 1px solid var(--rl-border); padding-top: 10px; }
.ph-history-row {
  display: flex; justify-content: space-between; gap: 10px; font-size: 12px; padding: 5px 0;
  border-bottom: 1px solid var(--rl-border); flex-wrap: wrap;
}
.ph-history-row:last-child { border-bottom: none; }
.ph-history-reason { color: var(--rl-text-muted); font-style: italic; }