/* calendar.css – Wochenkalender, Wochensummen, Tagesübersicht */

.calhead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px }
.calkw { text-align: center; font-size: 13px; color: var(--muted); margin-bottom: 14px }
.calhead .nav {
  background: var(--card-2);
  border: 1px solid var(--line);
  color: var(--muted);
  width: 36px; height: 36px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
.calhead .nav:hover { color: var(--ink); border-color: #7ec8f4 }
.calhead .nav:active { transform: scale(.92) }

table.cal { width: 100%; border-collapse: collapse; table-layout: fixed }
table.cal th { font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: var(--faint); padding: 4px 0 10px }
table.cal td { height: 42px; text-align: center; vertical-align: middle; position: relative }

.daynum {
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; margin: 0 auto;
  border-radius: 50%; font-size: 14px; font-weight: 500; color: var(--muted);
  transition: background .12s;
}
td.empty .daynum { color: transparent }
td.today .daynum { background: #ffd23f; color: #050d18; font-weight: 700 }
table.cal td.day { cursor: pointer }
table.cal td.day:hover .daynum { background: rgba(126, 200, 244, .12) }
td.sel .daynum { box-shadow: 0 0 0 2px #fff; }

.dots { display: none }

/* Wochensummen – Zeilen mit Farbpunkt */
#weekTotals { display: block; margin-top: 6px }
.wtrow { display: flex; align-items: center; gap: 12px; padding: 10px 0 }
.wtrow + .wtrow { border-top: 1px solid var(--line) }
.wtdot { width: 14px; height: 14px; border-radius: 50%; flex: 0 0 auto }
.wtname { flex: 1; font-size: 16px }
.wtnum { font-size: 26px; font-weight: 600; line-height: 1 }
.wtunit { font-size: 12px; color: var(--muted) }

/* Tagesübersicht (Feed) */
.ddcap-date { font-size: 14px; font-weight: 400; color: var(--muted); margin-left: 8px }
.ddhint { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 14px; line-height: 1.5 }
.ddhint .ico { font-size: 18px }
.dd-none { color: var(--faint); font-size: 14px }
.feed { display: flex; flex-direction: column; gap: 2px }
.feedrow { display: flex; align-items: center; gap: 12px; padding: 10px 0 }
.feedrow + .feedrow { border-top: 1px solid var(--line) }
.feedrow .dddot { width: 12px; height: 12px; border-radius: 50%; flex: 0 0 auto }
.feedrow .act { flex: 1; font-size: 15px }
.feedrow .who { font-size: 12px; color: var(--muted) }
.dddel { background: none; border: none; color: var(--faint); cursor: pointer; font-size: 15px; line-height: 1; padding: 4px 6px; border-radius: 8px }
.dddel:hover { color: #ff8a8a; background: rgba(255, 255, 255, .1) }