/* Takip çizelgesi */
.tk-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.tk-nav-mid { text-align: center; display: flex; flex-direction: column; }
.tk-nav-mid strong { font-family: var(--font-display); font-size: 17px; }
.tk-nav-mid small { color: var(--txt-mute); }
.tk-off { visibility: hidden; }
.tk-now { text-align: center; margin: 0 0 12px; }
.tk-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.tk-day { --c: var(--txt-mute); display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 10px 4px 12px; border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--c) 9%, transparent); text-align: center; min-width: 0; }
.tk-day.st-done { --c: var(--accent-2); }
.tk-day.st-missed { --c: var(--bad); }
.tk-day.st-today { --c: var(--amber); }
.tk-day.st-planned { --c: var(--blue); }
.tk-day.st-extra { --c: var(--purple); }
.tk-day.st-rest { border-style: dashed; background: transparent; }
.tk-day.is-today { box-shadow: 0 0 0 2px var(--accent); }
.tk-wd { font-size: 11px; font-weight: 800; letter-spacing: .08em; color: var(--txt-mid); text-transform: uppercase; }
.tk-dn { font-family: var(--mono); font-size: 20px; font-weight: 800; line-height: 1.1; }
.tk-chip { font-size: 10.5px; font-weight: 800; color: var(--c); }
.tk-plan { font-size: 11px; color: var(--txt-mid); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 2px; }
.tk-sub { font-size: 10.5px; color: var(--txt-mute); }
.tk-coach { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.tk-coach p { margin: 0; flex: 1; min-width: 220px; }
.tk-bars { height: 170px; }
.tk-bars i.neutral, .m-bars i.neutral { background: var(--txt-mute); opacity: .45; }
.m-bars i.warm { background: linear-gradient(to top, var(--amber), color-mix(in srgb, var(--amber) 60%, white)); }
.tk-mrow { display: grid; grid-template-columns: 90px 1fr 46px; align-items: center; gap: 10px; margin-bottom: 8px; }
.tk-mrow .m-bar { margin: 0; }
.tk-mrow b { text-align: right; font-family: var(--mono); font-size: 13px; }
.tk-rec { color: var(--accent-2); font-weight: 600; font-size: 13px; }
@media (max-width: 760px) {
  .tk-week { gap: 4px; }
  .tk-day { padding: 8px 2px 10px; border-radius: 10px; }
  .tk-sub, .tk-plan { display: none; }
  .tk-dn { font-size: 16px; }
  .tk-chip { font-size: 9px; }
  .tk-nav .btn { padding-inline: 10px; }
}

.tk-bars em { font-style: normal; font-size: 9px; color: var(--txt-mid); font-family: var(--mono); line-height: 1; margin-bottom: 2px; }
.tk-bars > div { position: relative; }