/* widgets/week/week.css */

.widget-week {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.week-columns {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.25rem;
}

.week-column {
  padding: 0.25rem 0.35rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.week-column-header {
  margin-bottom: 0.25rem;
}

.week-column-label {
  font-size: 0.75rem;
  font-weight: 600;
}

.week-column-date {
  font-size: 0.7rem;
  opacity: 0.8;
}

.week-column-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.week-column-section {
  font-size: 0.7rem;
}

.week-section-title {
  font-weight: 500;
  margin-bottom: 0.15rem;
}

.week-section-list {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.week-item {
  font-size: 0.7rem;
  display: flex;
  flex-direction: column;
}

.week-item-time {
  opacity: 0.8;
}

.week-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.week-empty {
  font-size: 0.7rem;
  opacity: 0.7;
}

.week-meta {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  opacity: 0.7;
}