/* ============================================================
   DOSYA SORUMLULUGU — features-18-bar-chart-7day.css
   ------------------------------------------------------------
   NE YAPAR   : Son 7 gun kalori cubuk grafigi.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   7-DAY BAR CHART
   ============================================================ */
.bar-chart {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 90px;
  overflow: hidden;
}
.bar-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  gap: 2px;
}
.bar-fill {
  width: 100%;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, #FFD4B0 0%, #FFBF8C 100%);
  border: 1px solid var(--orange-border);
  min-height: 4px;
  transition: height 0.4s cubic-bezier(0.4,0,0.2,1);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: visible;
}
.bar-fill.today {
  background: linear-gradient(180deg, #FF8C35 0%, #E85D00 100%);
  border-color: #E85D00;
  box-shadow: 0 4px 12px rgba(232,93,0,0.35);
}
.bar-val-top {
  font-size: 9px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
  line-height: 1;
  margin-bottom: 1px;
  white-space: nowrap;
}
.bar-val-inside {
  font-size: 8.5px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
  line-height: 1;
  padding-top: 3px;
  white-space: nowrap;
}
.bar-lbl { font-size: 9px; color: var(--text3); font-weight: 600; }