/* =========================================================
   Início

   Painel de decisão rápida: a agenda ocupa o centro, o que
   pede ação fica ao alcance e o resumo do dono vem depois.
   ========================================================= */

.task {
  gap: 7px;
  padding: 14px 16px 15px;
  border-bottom-color: var(--rule-soft);
}

.person {
  gap: 7px;
  padding: 12px;
  border-color: var(--rule-soft);
  border-radius: var(--radius-sm);
  box-shadow: none;
}

.track { height: 3px; background: var(--rule-soft); }
.track span { background: var(--ink-2); }
.track span.full { background: var(--ok); }

.slot {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 58px;
  padding: 9px 18px;
  border-bottom-color: var(--rule-soft);
}
.slot.is-now { background: var(--ok-bg); box-shadow: inset 2px 0 0 var(--ok); }
.slot time { color: var(--ink-2); font-size: 13px; }

@media (max-width: 540px) {

  .slot { grid-template-columns: 38px minmax(0, 1fr); padding: 10px 14px; }

  .task { padding: 14px; }

}