* { box-sizing: border-box; }
body { margin: 0; padding: 1rem; background: #f3f5f3; color: #202d25; font: 1rem/1.5 system-ui, sans-serif; }
.panel { max-width: 32rem; margin: 5vh auto; padding: clamp(1rem, 4vw, 2rem); background: white; border: 1px solid #d7ded8; border-radius: .75rem; }
.cabecalho-marca { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.brand { color: #47614e; }
.cabecalho-marca .brand { flex: 1; margin: .75rem 0 0; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.logo-empresa { display: block; width: min(48%, 12.75rem); height: auto; flex: 0 1 12.75rem; object-fit: contain; }
h1 { font-size: 1.6rem; }
label { display: block; margin-top: 1rem; }
input, select, textarea, button { width: 100%; min-height: 3rem; padding: .75rem; font: inherit; border: 1px solid #738379; border-radius: .35rem; }
button, input[type=submit] { margin-top: 1.5rem; background: #275838; color: white; cursor: pointer; }
:focus-visible { outline: 3px solid #c18a18; outline-offset: 3px; }
.message { padding: .75rem; background: #fff3d6; border-left: 4px solid #986615; }
a { color: #275838; }
.button-link { display: inline-block; width: 100%; min-height: 3rem; padding: .75rem; border-radius: .35rem; background: #275838; color: white; text-align: center; text-decoration: none; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
th, td { padding: .6rem .4rem; border-bottom: 1px solid #d7ded8; text-align: left; vertical-align: top; }
.acoes-extrato { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .5rem; margin: 1rem 0; }
.acoes-extrato .button-link { width: auto; }
.acao-link { display: flex; align-items: center; justify-content: center; min-height: 3rem; padding: .7rem; border: 1px solid #738379; border-radius: .35rem; text-align: center; text-decoration: none; }
.resultados-tabela { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.resultados-tabela table { min-width: 70rem; }
.estoque-tabela table { min-width: 36rem; }
.resultados-tabela th, .resultados-tabela td { overflow-wrap: break-word; }
.coluna-acao { width: 1%; white-space: nowrap; }
.botao-acao-tabela { width: auto; min-height: 2.5rem; margin: 0; padding: .5rem .75rem; }
.modal-devolucao { width: min(28rem, calc(100% - 2rem)); padding: 0; color: #202d25; border: 1px solid #738379; border-radius: .75rem; }
.modal-devolucao::backdrop { background: rgb(32 45 37 / 55%); }
.modal-devolucao__form { padding: clamp(1rem, 5vw, 1.5rem); }
.modal-devolucao__form h2 { margin: 0 0 1rem; font-size: 1.35rem; }
.modal-devolucao__resumo { margin: 0; padding: .75rem; background: #f3f5f3; border-radius: .35rem; }
.modal-devolucao__resumo dt:first-child { margin-top: 0; }
.modal-devolucao__acoes { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1.25rem; }
.modal-devolucao__acoes button { margin: 0; }
.botao-secundario { background: white; color: #275838; }
.checkbox-label { display: flex; align-items: center; gap: .6rem; }
.checkbox-label input { width: auto; min-height: auto; }
dt { margin-top: .75rem; font-weight: 700; }
dd { margin: 0; }
.cliente-combobox { position: relative; }
.cliente-combobox__lista {
  position: absolute;
  z-index: 20;
  width: 100%;
  max-height: 18rem;
  overflow-y: auto;
  margin-top: .25rem;
  padding: .25rem;
  background: white;
  border: 1px solid #738379;
  border-radius: .35rem;
  box-shadow: 0 .4rem 1rem rgb(32 45 37 / 18%);
}
.cliente-combobox__opcao {
  min-height: 2.5rem;
  margin: 0;
  padding: .55rem .65rem;
  background: white;
  color: #202d25;
  border: 0;
  text-align: left;
}
.cliente-combobox__opcao:hover,
.cliente-combobox__opcao.ativa { background: #e7efe9; }
.cliente-combobox__vazio { margin: 0; padding: .65rem; color: #47614e; }
.panel--wide { max-width: 76rem; }
.auditoria-introducao { max-width: 48rem; color: #47614e; }
.auditoria-filtros { display: grid; grid-template-columns: repeat(4, minmax(10rem, 1fr)); gap: .75rem; align-items: end; }
.auditoria-filtros label { margin-top: 0; font-weight: 700; }
.auditoria-filtros input, .auditoria-filtros select { margin-top: .3rem; font-weight: 400; }
.auditoria-filtros button { margin-top: 0; }
.auditoria-tabela table { min-width: 64rem; }
.auditoria-evento { display: inline-block; padding: .2rem .5rem; border-left: 4px solid #738379; background: #f3f5f3; font-weight: 700; white-space: nowrap; }
.auditoria-evento--login_bloqueado, .auditoria-evento--login_falha { border-color: #986615; background: #fff3d6; }
.auditoria-evento--movimentacao_criada { border-color: #275838; background: #e7efe9; }
.auditoria-paginacao { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-top: 1rem; }
.auditoria-paginacao .acao-link { width: auto; }
@media (max-width: 48rem) {
  .auditoria-filtros { grid-template-columns: 1fr; }
  .auditoria-paginacao { flex-direction: column; }
}