/* Toast */
.flash-toast{
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;

  background: #e9f3ff;
  border: 1px solid #b9d7ff;
  color: #0b2a4a;
  padding: 10px 14px;
  border-radius: 6px;
  min-width: 320px;
  max-width: calc(100vw - 40px);
  text-align: center;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  transition: opacity .6s ease, transform .6s ease;
}
.flash-toast.hide{
  opacity: 0;
  transform: translateX(-50%) translateY(-8px);
}

/* Botões “pill” */
.btn-pill{
  border: 1px solid rgba(0,0,0,.35);
  border-radius: var(--btn-radius);
  font-size: 14px;
  padding: 8px 12px;
  // font-size: var(--btn-font-size);
  cursor: pointer;
}
.btn-pill:disabled{ opacity: .6; cursor: not-allowed; }

.btn-secondary{ background: var(--btn-grey-bg); color: var(--btn-grey-color); }
.btn-success{ background: var(--btn-green-bg); color: var(--btn-green-color); font-weight: 700; }
.btn-primary{ background: var(--btn-blue-bg); color: var(--btn-blue-color); font-weight: 700; }
.btn-danger{ background: var(--btn-darkgrey-bg); color: var(--btn-darkgrey-color); font-weight: 700; }

/* lista selecionável (processos/eventos etc.) */
.processo-item {
  padding: 8px 12px;
  cursor: pointer;
}
.processo-item:hover { background: #f0f0f0; }
.processo-item.selected { background: #dfefff; font-weight: 600; }

/* util */
.hidden { display:none !important; }