/* ===== INDEX PAGE SPECIFIC STYLES ===== */

/* ===== TIMER STYLES ===== */
.timer-container {
  background: var(--color-white);
  border: 1px solid var(--color-slate-200);
  border-radius: var(--radius-medium);
  padding: var(--space-medium);
  margin-bottom: var(--space-large);
  text-align: center;
  box-shadow: var(--shadow-small);
}

.timer-label {
  font-size: 0.875rem;
  color: var(--color-slate-600);
  margin-bottom: var(--space-small);
  font-weight: var(--font-weight-medium);
}

.timer-display {
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  font-family: 'Courier New', monospace;
  letter-spacing: 0.05em;
}

.timer-hours,
.timer-minutes,
.timer-seconds {
  display: inline-block;
  min-width: 2ch;
}

/* ===== COLLECTIVE DIARY TABLE ===== */
.collective-diary-table {
  width: 100%;
}

.collective-diary-table tr {
  border-radius: var(--radius-medium);
  display: flex;
  flex-wrap: wrap;
}
.collective-diary-table td {
  border: 1px solid var(--color-slate-200);
  padding: var(--space-medium);
  background: var(--color-white);
  vertical-align: top;
  width: 100%;
}

.collective-diary-entry {
  display: flex;
  flex-direction: column;
  gap: var(--space-extra-small);
}

.collective-diary-title {
  font-weight: var(--font-weight-semibold);
  color: var(--color-slate-900);
  font-size: 0.9375rem;
  line-height: 1.4;
}

.collective-diary-entry > div {
  font-size: 0.875rem;
  color: var(--color-slate-600);
}

@media (min-width: 768px) {
  .collective-diary-table tr {
    display: table-row;
  }
  .collective-diary-table td {
    width: 33.333%;
  }
  .timer-container {
    padding: var(--space-large);
  }
  
  .timer-display {
    font-size: 1.75rem;
  }
}