/* Fornecedores e pedido de reposição. */

.fornecedores-intro { margin: 0; color: var(--text-2); font-size: 15.5px; max-width: 520px; }

.fornecedor-nome { font-weight: 700; color: var(--ink); }
.fornecedor-sub { color: var(--muted); font-size: 14px; }
.fornecedor-acabando { font-weight: 700; color: var(--warning); }

.pedido-titulo { font-size: 22px; font-weight: 800; margin: 0 0 2px; color: var(--ink); }
.pedido-info { margin: 0; color: var(--muted); font-size: 15px; }

.pedido-lista { display: flex; flex-direction: column; gap: 10px; }
.pedido-item {
    display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap;
    padding: 12px 14px;
    border: 1px solid var(--line); border-radius: var(--r-tile);
    background: var(--surface-2);
}
.pedido-item-dados { flex: 1 1 240px; display: flex; flex-direction: column; min-width: 0; }
.pedido-item-nome { font-weight: 800; font-size: 17px; color: var(--ink); }
.pedido-item-variacao { font-weight: 600; color: var(--text-2); }
.pedido-item-ref { color: var(--muted); font-size: 14px; }

.pedido-mensagem { font-size: 16px; line-height: 1.5; }
.pedido-total { font-size: 17px; font-weight: 700; color: var(--ink); }