/* ===== Pomodoro ===== */
.pomodoro { text-align: center; padding: var(--toddyi-size-2rem) var(--toddyi-size-1rem); box-shadow: var(--toddyi-card-shadow); }
.pomodoro.is-break { background: color-mix(in srgb, var(--toddyi-success) 8%, var(--pico-card-background-color)); }
.pomodoro__status { font-weight: 700; color: var(--pico-muted-color); }
.pomodoro__error { color: var(--toddyi-error); font-size: var(--toddyi-size-0-85rem); margin: 0 0 var(--toddyi-size-0-5rem); font-weight: 600; }
.pomodoro__display { font-size: clamp(var(--toddyi-size-3-5rem), var(--toddyi-size-18vw), var(--toddyi-size-6rem)); font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; margin: var(--toddyi-size-0-5rem) 0 var(--toddyi-size-1rem); }
.pomodoro__controls { display: flex; gap: var(--toddyi-size-0-75rem); justify-content: center; margin-bottom: var(--toddyi-size-1-5rem); }
.pomodoro__controls button { width: auto; padding: var(--toddyi-size-0-6rem) var(--toddyi-size-1-5rem); margin: 0; }
.pomodoro__settings { max-width: var(--toddyi-size-520px); margin: 0 auto; }

.pomodoro-history { max-width: var(--toddyi-size-640px); margin: var(--toddyi-size-1-5rem) auto 0; }
.pomodoro-history h2 { font-size: var(--toddyi-size-1-1rem); margin-bottom: var(--toddyi-size-0-5rem); }
.pomodoro-log { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--toddyi-size-0-3rem); }
.pomodoro-log__item {
  display: flex; align-items: center; gap: var(--toddyi-size-0-6rem);
  padding: var(--toddyi-size-0-55rem) var(--toddyi-size-0-75rem);
  border: var(--toddyi-size-1px) solid var(--pico-muted-border-color);
  border-radius: var(--toddyi-size-0-6rem);
  background: var(--pico-card-background-color);
}
.pomodoro-log__min { font-weight: 700; font-variant-numeric: tabular-nums; }
.pomodoro-log__task { color: var(--pico-muted-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pomodoro-log__time { margin-inline-start: auto; font-size: var(--toddyi-size-0-8rem); flex-shrink: 0; }