/* Nurse "Mi turno" (DESIGN.md reference screen, Medixin Home anatomy):
   greeting, shift chips, one critical gradient hero, calm patient list, SBAR. */


.hero-card.urgent-card {
  min-height: 0;
  padding: var(--space-5);
  border: 0;
}

.urgent-card .hero-title { font-size: var(--text-section); letter-spacing: -0.01em; }
.urgent-card .glass-pill { min-height: 52px; font-size: var(--text-small); font-weight: 600; }
.urgent-card .glass-pill:active { transform: scale(0.98); }
.urgent-card .glass-pill:focus-visible { outline: 3px solid var(--on-primary); outline-offset: 2px; }

.shift-line .chip strong { font-weight: 600; }

.patient-list {
  display: grid;
  gap: var(--space-3);
}

.patient-list .patient-card {
  padding: var(--space-3);
  border: 0;
}

.patient-card-main {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.patient-card-main:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; border-radius: var(--radius-sm); }

.patient-card .media-square.patient-avatar {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-sm);
  font-size: 18px;
}

.patient-card .list-meta { flex-direction: column; align-items: flex-start; gap: 2px; }

.quick-confirm {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 56px;
  min-height: 56px;
  padding: 0 var(--space-4);
  border: 0;
  border-radius: var(--radius-card);
  background: var(--primary-container);
  color: var(--on-primary-container);
  font: 600 var(--text-caption) / 1 var(--font-body);
  cursor: pointer;
  transition: transform var(--duration-press) var(--ease-press),
    background-color var(--duration-exit) var(--ease-enter);
}

.quick-confirm .icon-svg { width: 18px; height: 18px; }
.quick-confirm:active { transform: scale(0.94); }

.sbar-card {
  align-items: center;
  padding: var(--space-4);
  border: 0;
}

.sbar-card .list-copy { gap: 6px; }
.sbar-card .source-badge { justify-self: start; }
.sbar-card .ai-actions { margin: 0; }
.sbar-card .btn { width: auto; min-height: 44px; padding: 0 var(--space-4); }

/* Pending tasks: the main action is the primary fill, not black. */
.task-action {
  background: var(--nurse);
  color: var(--on-primary);
}

.task-action:hover {
  background: var(--nurse);
  filter: brightness(1.1);
}

.pending-summary {
  border: 0;
  background: var(--primary-container);
  color: var(--on-primary-container);
}

.pending-summary span,
.pending-summary strong {
  color: inherit;
}

.pending-count {
  background: var(--nurse);
  color: var(--on-primary);
}