.week-nav {
  display: inline-flex;
  gap: 6px;
  padding-right: 8px;
  margin-right: 2px;
  border-right: 1px solid var(--line);
}

.week-nav .btn:disabled {
  opacity: 0.45;
  cursor: default;
}

.v210-week-pulse {
  display: grid;
  grid-template-columns: repeat(5, minmax(96px, 1fr));
  gap: 8px;
  margin: 14px 0 12px;
}

.v210-week-pulse > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8f7f3;
}

.v210-week-pulse b {
  font-size: 22px;
}

.v210-week-pulse span {
  color: var(--muted);
  font-size: 12px;
}

.v210-history-card {
  padding: 11px;
  margin-top: 8px;
  border: 1px solid #ddd9d0;
  border-radius: 11px;
  background: #f8f6f0;
}

.v210-history-card.done {
  border-color: #cfe1d5;
  background: #f2f8f3;
}

.v210-history-card.unmarked {
  border-style: dashed;
}

.v210-history-card b {
  display: block;
  margin: 7px 0 6px;
  font-size: 13px;
  line-height: 1.45;
}

.v210-history-card small,
.v210-readonly {
  color: var(--muted);
  font-size: 11px;
}

.v210-history-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.v210-history-tags span {
  padding: 3px 6px;
  border-radius: 999px;
  color: #676b64;
  background: #ebe9e2;
  font-size: 10px;
}

.v210-history-card.done .v210-history-tags span:last-child {
  color: #286645;
  background: #dceee2;
}

.v210-add-day {
  width: 100%;
  margin-top: 8px;
}

.v210-weekend-board {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #faf9f6;
}

.v210-weekend-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.v210-weekend-head span {
  color: var(--muted);
  font-size: 12px;
}

.v210-weekend-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.v210-weekend-grid > section {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: white;
}

.v210-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.v210-evidence-grid > div {
  padding: 10px 6px;
  border-radius: 10px;
  text-align: center;
  background: #f4f3ef;
}

.v210-evidence-grid > div.warn {
  color: #9a4328;
  background: #fff0ea;
}

.v210-evidence-grid b,
.v210-evidence-grid span {
  display: block;
}

.v210-evidence-grid b {
  font-size: 20px;
}

.v210-evidence-grid span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}

.v210-evidence-note {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 1180px) {
  .week-headline .toolbar {
    align-items: flex-start;
  }

  .week-nav {
    width: 100%;
    padding: 0 0 8px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .v210-week-pulse {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .v210-week-pulse,
  .v210-evidence-grid,
  .v210-weekend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .week-nav {
    overflow-x: auto;
  }
}