/* buttons.css — Botões base do acc */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 0.5rem;
  transition: all 100ms ease-out;
  border: 0;
  border-radius: 0.5rem;
  outline: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
}

.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.btn--sm { height: 2rem; padding: 0 0.75rem; }
.btn--md { height: 2.5rem; padding: 0 1rem; }

/* Utilitário para consistência de largura */
.btn--min-w {
  min-width: 100px;
}

/* Utilitário para botão flutuante sobre container (ex: topo de tabela) */
.btn--float-top {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
}

.btn--solid-blue {
  background: rgb(var(--blue-9, var(--lv-blue-9)));
  color: #fff;
}
.btn--solid-blue:hover:enabled { filter: brightness(1.1); }

.btn--ghost-slate {
  background: transparent;
  color: rgb(var(--slate-11, var(--lv-slate-11)));
}
.btn--ghost-slate:hover:enabled { background: rgb(var(--slate-3, var(--lv-slate-3))); }

.btn--link-blue {
  background: transparent;
  color: rgb(var(--blue-11, var(--lv-blue-11)));
  padding: 0 0.5rem;
}
.btn--link-blue:hover:enabled { 
  background: rgba(var(--blue-9, var(--lv-blue-9)) / 0.08); 
}

/* Variação para ações críticas */
.btn--solid-ruby {
  background: rgb(var(--ruby-9, var(--lv-ruby-9)));
  color: #fff;
}
.btn--solid-ruby:hover:enabled { filter: brightness(1.1); }

.btn--ghost-ruby {
  background: transparent;
  color: rgb(var(--ruby-11, var(--lv-ruby-11)));
}
.btn--ghost-ruby:hover:enabled {
  background: rgba(var(--ruby-9, var(--lv-ruby-9)) / 0.1);
  color: rgb(var(--ruby-11, var(--lv-ruby-11)));
}

.btn--ghost-amber {
  background: transparent;
  color: rgb(var(--amber-11, var(--lv-amber-11)));
}
.btn--ghost-amber:hover:enabled {
  background: rgba(var(--amber-9, var(--lv-amber-9)) / 0.1);
  color: rgb(var(--amber-11, var(--lv-amber-11)));
}

.btn--icon-tiny {
  padding: 4px;
  border-radius: 4px;
  height: auto;
}
