/* ─────────────────────────── GES potansiyeli (PVGIS) ─────────────────────────── */
.solar-card .card__title .i, .solar-modal .modal__head .kicker { color: var(--sun); }
.solar-card, .solar-modal { --sun: #E8890C; --sun-soft: color-mix(in srgb, #E8890C 38%, var(--surface-3)); }
.pr { --sun: #E8890C; --sun-soft: #F6C98B; }
.solar-card .card__title { display: flex; align-items: center; gap: 6px; }

.solar-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.solar-kpis--4 { grid-template-columns: repeat(4, 1fr); }
.solar-kpis > div { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: var(--r-md); background: var(--surface-2); min-width: 0; }
.solar-kpis b { font-size: var(--fs-md); font-weight: 800; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.solar-kpis small { font-size: 10.5px; line-height: 1.3; color: var(--text-3); }
.solar-card .solar-kpis > div { padding: 8px; }
.solar-card .solar-kpis b { font-size: 14px; letter-spacing: -.02em; }

/* aylık sütunlar */
.solar-bars { display: flex; align-items: flex-end; gap: 3px; height: 36px; margin-top: 10px; }
.solar-bars--tall { height: 128px; }
.solar-bars__col { flex: 1; display: flex; flex-direction: column; height: 100%; min-width: 0; }
.solar-bars__pair { flex: 1; display: flex; align-items: flex-end; gap: 1px; }
.solar-bars__pair i { flex: 1; min-height: 2px; border-radius: 3px 3px 0 0; background: var(--sun); }
.solar-bars__pair i.is-track { background: var(--sun-soft); }
.solar-bars small { margin-top: 4px; text-align: center; font-size: 10px; color: var(--text-3); }

.solar-h { margin: 18px 0 8px; font-size: var(--fs-sm); font-weight: 800; }
.solar-h small { font-weight: 600; }
.solar-size { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.solar-range { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; font-size: var(--fs-sm); }
.solar-range input { width: 100%; accent-color: var(--sun); }
.solar-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; font-size: var(--fs-xs); color: var(--text-2); }
.solar-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 3px; background: var(--sun); vertical-align: -1px; }
.solar-legend i.is-track { background: var(--sun-soft); }

@media (max-width: 560px) {
  .solar-kpis--4 { grid-template-columns: repeat(2, 1fr); }
}

/* terim rehberi rengi (ortak stiller guide.css'te) */
.solar-card, .solar-modal, .solar-guide { --guide: #E8890C; }
.solar-plain { margin: 10px 0 0; padding: 8px 10px; border-radius: var(--r-md); font-size: var(--fs-xs); line-height: 1.5;
  background: color-mix(in srgb, var(--sun, #E8890C) 11%, transparent); color: var(--text); }
.pr .solar-plain { background: #FDF1E1; }