/* P1.2 — Atalhos clínicos do paciente no dashboard */
.nes-dash-atalhos-clinicos {
  margin-top: 1rem;
}

.nes-dash-atalhos-clinicos .dash-panel-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.nes-atalhos-clinicos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.65rem;
}

.nes-atalho-clinico-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 4.5rem;
  padding: 0.65rem 0.5rem;
  border: 1px solid var(--gray-200, #e2e8f0);
  border-radius: 10px;
  background: var(--white, #fff);
  color: var(--navy-700, #1e3a5f);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.nes-atalho-clinico-btn:hover:not(:disabled) {
  border-color: var(--teal-400, #2dd4bf);
  box-shadow: 0 2px 8px rgba(15, 118, 110, 0.12);
  background: var(--teal-50, #f0fdfa);
}

.nes-atalho-clinico-btn:disabled,
.nes-atalho-clinico-btn.nes-btn-inativo {
  opacity: 0.45;
  cursor: not-allowed;
}

.nes-atalho-clinico-icon {
  font-size: 1.35rem;
  line-height: 1;
}

.nes-atalhos-clinicos-erro {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: var(--gray-500, #64748b);
}