/* ============================================================
   DOSYA SORUMLULUGU — base-10-macro-bars.css
   ------------------------------------------------------------
   NE YAPAR   : Makro (protein/karb/yag) cubuklari.
   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
   ============================================================ */

/* ============================================================
   MACRO BARS
   ============================================================ */
.macro-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.macro-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--text2);
  width: 16px;
  flex-shrink: 0;
}
.macro-bg {
  flex: 1;
  height: 6px;
  background: var(--bg3);
  border-radius: 99px;
  overflow: hidden;
}
.macro-fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.4s cubic-bezier(0.4,0,0.2,1);
}
.macro-fill.p { background: #3B82F6; }
.macro-fill.k { background: #F59E0B; }
.macro-fill.y { background: #10B981; }
.macro-fill.over { background: var(--danger); }
.macro-val {
  font-size: 11px;
  font-weight: 600;
  color: var(--text3);
  width: 80px;
  text-align: right;
  flex-shrink: 0;
}
.macro-val.good  { color: var(--success); }
.macro-val.bad   { color: var(--danger); }