/* Refinamentos de espaçamento e estados de permissão. */
.pomo-shell {
  padding-top: 120px;
}

.pomo-intro {
  margin-top: 30px;
  margin-bottom: 80px;
}

.pomo-today {
  padding: 42px 52px;
}

.pomo-metrics {
  gap: 72px;
}

.pomo-metrics article {
  min-width: 135px;
  gap: 9px;
}

.pomo-metrics strong {
  font-size: 42px;
  line-height: 1;
}

.pomo-metrics span {
  line-height: 1.35;
}

.pomo-notification.is-active {
  border-color: #bfe6d0;
  background: #f7fcf9;
}

.pomo-notification.is-blocked {
  border-color: #f0c9cf;
  background: #fff9fa;
}

.pomo-notification:disabled {
  cursor: not-allowed;
  opacity: .7;
}

.pomo-notification-help {
  margin: 10px 4px 0;
  padding: 11px 13px;
  border-radius: 10px;
  background: #f5f5f5;
  color: #666;
  font-size: 10px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .pomo-shell { padding-top: 90px; }
}

@media (max-width: 560px) {
  .pomo-shell { padding-top: 65px; }
  .pomo-intro { margin-top: 15px; margin-bottom: 50px; }
  .pomo-today { padding: 30px 22px; }
  .pomo-metrics { gap: 18px; }
  .pomo-metrics article { min-width: 0; gap: 7px; }
  .pomo-metrics strong { font-size: 32px; }
}