/* Trabalho e acessibilidade, independentes da cena retirada. */
.visually-hidden { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0 }
.overdue {
  color:var(--danger)!important
}

.steps {
  display:grid;
  gap:8px;
  margin:20px 0
}

.step-button {
  background:var(--surface-raised);
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--text);
  text-align:left;
  width:100%;
  padding:12px;
  font-size:13px;
  cursor:pointer
}

.step-button.done {
  color:var(--muted);
  text-decoration:line-through
}

.step-button:disabled {
  cursor:default
}

.focus-clock {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  padding-top:12px
}

.focus-clock>span {
  font-size:25px;
  font-variant-numeric:tabular-nums
}

.focus-clock small {
  font-size:11px
}

.skip-link { position:absolute;left:12px;top:-60px;z-index:10;background:var(--accent);color:var(--on-accent);padding:12px }
.skip-link:focus { top:12px }


.today-card { border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;background:var(--color-surface) }.today-card h3 { margin:8px 0 }.today-card p { margin-bottom:0 }.status-badge { display:inline-block;border:1px solid var(--color-border-strong);border-radius:20px;padding:2px 8px;font-size:11px }.status-badge.overdue { border-style:dashed;font-weight:600 }

.focus-action { font-size:26px!important;line-height:1.3;letter-spacing:-.4px;padding-left:16px;border-left:3px solid var(--accent) }.focus-clock[hidden] { display:none }.timer-choice { margin-top:20px }.focus-panel .steps { margin-top:24px }