/* App de pesagem mobile-first — usado em pé, do lado da balança, então tudo
   é maior que o normal do sistema (botões, campo de peso, fonte). Reaproveita
   as classes base de css/style.css (card, field, flash, autocomplete-*) e só
   ajusta tamanho/toque aqui. */

.pesagem-body { max-width: 480px; margin: 0 auto; padding-bottom: 24px; }

.pesagem-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #1f2430;
    color: #fff;
    font-size: 0.95rem;
    position: sticky;
    top: 0;
    z-index: 5;
}
.pesagem-topbar a { color: #93c5fd; }

.pesagem-main { padding: 16px; }

.pesagem-login-box {
    max-width: 360px;
    margin: 15vh auto 0;
    padding: 24px;
}
.pesagem-form { margin-top: 16px; }

.pesagem-btn-grande {
    width: 100%;
    padding: 18px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 10px;
}
.pesagem-btn-grande:disabled { opacity: 0.5; cursor: not-allowed; }
.pesagem-btn-confirmar { background: #16a34a; }
.pesagem-btn-confirmar:hover { background: #15803d; }

.pesagem-select {
    width: 100%;
    padding: 14px;
    font-size: 1.05rem;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.pesagem-input-peso {
    width: 100%;
    padding: 18px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #93c5fd;
    box-sizing: border-box;
}

.pesagem-tabela-itens { width: 100%; border-collapse: collapse; margin-top: 12px; }
.pesagem-tabela-itens th, .pesagem-tabela-itens td { padding: 10px 6px; border-bottom: 1px solid #e5e7eb; text-align: left; font-size: 0.95rem; }

@media (prefers-color-scheme: dark) {
    .pesagem-select { background: #1f2430; color: #fff; border-color: #374151; }
}