html,
body {
    height: 90%;
}

* {
    padding: 0;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.grid-contained-qtd {
    display: grid;
    grid-template-columns: 0.25fr 1fr 0.25fr 1fr;
    max-width: 100%;
    align-items: center;
}

.form-container {
    width: 100%;
    max-width: 375px;
    padding: 1rem;
}

.form-contained {
    display: grid;
    grid-template-columns: 250px 1fr;
    max-width: 460px;
    align-items: center;
}
.form-contained-pedidos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    align-items: center;
}
.user-entry {
    padding: 0.85rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

label {
    text-align: left;
}

.custom-border-color {
    border-color: #1f192f !important;
}

.border {
    border-color: #1f192f !important;
}

tfoot tr {
    text-align: center;
}

.pedido-tag {
    background-color: #ffffff;
    /* Fundo branco */
    border: 1px solid #dcdcdc;
    /* Borda cinza clara */
    border-radius: 15px;
    padding: 5px 15px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.pedido-tag span {
    color: #000;
    /* Cor do texto */
}

.pedido-tag button {
    background: none;
    border: none;
    color: #000;
    font-size: 16px;
    cursor: pointer;
}

.pedido-tag button:hover {
    color: red;
    /* Cor ao passar o mouse */
}

tbody tr td button {
    opacity: 0;
}

tbody tr:hover td button {
    opacity: 1;
}

.linha {
  width: 100%;
  border-color: #000000 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}