/* 
 * SysOrders v2 - Status Styles
 * Padronização de cores e estilos para status de Comandas e Pedidos.
 * Refatorado para design moderno e clean (Soft UI).
 */

:root {
    /* --- Core Colors (Base) --- */
    --color-status-yellow: #FFA500;
    --color-status-green: #00B050;
    --color-status-red: #FF0000;
    --color-status-gray: #808080;
    --color-status-purple: #6f42c1;
    --color-status-orange: #fd7e14;
    --color-status-blue: #0dcaf0;

    /* --- Modern Badge Variables (Soft UI) --- */

    /* Pendente / Aberta (Yellow/Orange) */
    --badge-pendente-bg: rgba(255, 165, 0, 0.12);
    --badge-pendente-text: #b37400;
    --badge-pendente-border: rgba(255, 165, 0, 0.2);

    /* Entregue / Recebida (Green) */
    --badge-entregue-bg: rgba(0, 176, 80, 0.12);
    --badge-entregue-text: #007a37;
    --badge-entregue-border: rgba(0, 176, 80, 0.2);

    /* Cancelado / Cancelada (Red) */
    --badge-cancelado-bg: rgba(255, 0, 0, 0.12);
    --badge-cancelado-text: #cc0000;
    --badge-cancelado-border: rgba(255, 0, 0, 0.2);

    /* Fechada (Gray) */
    --badge-fechada-bg: rgba(128, 128, 128, 0.12);
    --badge-fechada-text: #595959;
    --badge-fechada-border: rgba(128, 128, 128, 0.2);

    /* Em Preparo (Purple) */
    --badge-empreparo-bg: rgba(111, 66, 193, 0.12);
    --badge-empreparo-text: #5a32a3;
    --badge-empreparo-border: rgba(111, 66, 193, 0.2);

    /* Pronto (Orange) */
    --badge-pronto-bg: rgba(253, 126, 20, 0.12);
    --badge-pronto-text: #c85f0a;
    --badge-pronto-border: rgba(253, 126, 20, 0.2);

    /* Rascunho (Gray - same as Fechada) */
    --badge-rascunho-bg: rgba(108, 117, 125, 0.12);
    --badge-rascunho-text: #545b62;
    --badge-rascunho-border: rgba(108, 117, 125, 0.2);

    /* Aguardando Aprovação (Yellow/Warning) */
    --badge-aguardando-bg: rgba(255, 193, 7, 0.12);
    --badge-aguardando-text: #856404;
    --badge-aguardando-border: rgba(255, 193, 7, 0.2);

    /* Aprovado (Blue/Info) */
    --badge-aprovado-bg: rgba(13, 202, 240, 0.12);
    --badge-aprovado-text: #0c9ebc;
    --badge-aprovado-border: rgba(13, 202, 240, 0.2);

    /* Rejeitado (Red - same as Cancelado) */
    --badge-rejeitado-bg: rgba(220, 53, 69, 0.12);
    --badge-rejeitado-text: #b02a37;
    --badge-rejeitado-border: rgba(220, 53, 69, 0.2);
}

/* --- Base Badge Style --- */
.badge-pedido,
.badge-comanda,
.badge-pedido-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35em 0.85em;
    border-radius: 50rem;
    /* Pill shape */
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    letter-spacing: 0.02em;
}

/* Smaller size for items if needed, or keep consistent */
.badge-pedido-item {
    font-size: 0.75rem;
    padding: 0.25em 0.65em;
}

/* --- Pedidos & Itens (Refactor) --- */

/* Vermelho: Pendente, Recusado, Em Disputa */
.badge-pedido.pendente,
.badge-pedido-item.pendente,
.badge-pedido.recusado,
.badge-pedido-item.recusado,
.badge-pedido.emdisputa,
.badge-pedido-item.emdisputa {
    background-color: var(--badge-cancelado-bg);
    color: var(--badge-cancelado-text);
    border-color: var(--badge-cancelado-border);
}

/* Laranja: Aguardando Pagamento, Aguardando Verificação Manual */
.badge-pedido.aguardandopagamento,
.badge-pedido-item.aguardandopagamento,
.badge-pedido.aguardandoverificacaomanual,
.badge-pedido-item.aguardandoverificacaomanual {
    background-color: var(--badge-pronto-bg);
    color: var(--badge-pronto-text);
    border-color: var(--badge-pronto-border);
}

/* Amarelo: Aguardando Processamento, Aguardando Envio, Aguardando Retirada */
.badge-pedido.aguardandoprocessamento,
.badge-pedido-item.aguardandoprocessamento,
.badge-pedido.aguardandoenvio,
.badge-pedido-item.aguardandoenvio,
.badge-pedido.aguardandoretirada,
.badge-pedido-item.aguardandoretirada {
    background-color: var(--badge-aguardando-bg);
    color: var(--badge-aguardando-text);
    border-color: var(--badge-aguardando-border);
}

/* Verde: Parcialmente Enviado, Enviado */
.badge-pedido.parcialmenteenviado,
.badge-pedido-item.parcialmenteenviado,
.badge-pedido.enviado,
.badge-pedido-item.enviado {
    background-color: var(--badge-entregue-bg);
    color: var(--badge-entregue-text);
    border-color: var(--badge-entregue-border);
}

/* Cinza: Concluído, Reembolsado, Cancelado, Parcialmente Reembolsado */
.badge-pedido.concluido,
.badge-pedido-item.concluido,
.badge-pedido.reembolsado,
.badge-pedido-item.reembolsado,
.badge-pedido.parcialmentereembolsado,
.badge-pedido-item.parcialmentereembolsado,
.badge-pedido.cancelado,
.badge-pedido-item.cancelado {
    background-color: var(--badge-fechada-bg);
    color: var(--badge-fechada-text);
    border-color: var(--badge-fechada-border);
}

/* --- Novos Status de Compra (Mantendo existentes) --- */
.badge-pedido.rascunho {
    background-color: var(--badge-rascunho-bg);
    color: var(--badge-rascunho-text);
    border-color: var(--badge-rascunho-border);
}

.badge-pedido.aguardandoaprovacao {
    background-color: var(--badge-aguardando-bg);
    color: var(--badge-aguardando-text);
    border-color: var(--badge-aguardando-border);
}

.badge-pedido.aprovado {
    background-color: var(--badge-aprovado-bg);
    color: var(--badge-aprovado-text);
    border-color: var(--badge-aprovado-border);
}

.badge-pedido.rejeitado {
    background-color: var(--badge-rejeitado-bg);
    color: var(--badge-rejeitado-text);
    border-color: var(--badge-rejeitado-border);
}

/* --- Comandas --- */
.badge-comanda.aberta {
    background-color: var(--badge-pendente-bg);
    color: var(--badge-pendente-text);
    border-color: var(--badge-pendente-border);
}

.badge-comanda.recebida {
    background-color: var(--badge-entregue-bg);
    color: var(--badge-entregue-text);
    border-color: var(--badge-entregue-border);
}

.badge-comanda.fechada {
    background-color: var(--badge-fechada-bg);
    color: var(--badge-fechada-text);
    border-color: var(--badge-fechada-border);
}

.badge-comanda.cancelada {
    background-color: var(--badge-cancelado-bg);
    color: var(--badge-cancelado-text);
    border-color: var(--badge-cancelado-border);
}

/* --- Dark Mode Adjustments --- */
[data-theme="dark"] {
    --badge-pendente-text: #ffd580;
    --badge-entregue-text: #4ade80;
    --badge-cancelado-text: #ff8080;
    --badge-fechada-text: #a0a0a0;
    --badge-empreparo-text: #d6bcfa;
    --badge-pronto-text: #fbd38d;

    --badge-rascunho-text: #adb5bd;
    --badge-aguardando-text: #ffc107;
    --badge-aprovado-text: #0dcaf0;
    --badge-rejeitado-text: #ea868f;

    /* Slightly more opaque backgrounds for dark mode visibility */
    --badge-pendente-bg: rgba(255, 165, 0, 0.2);
    --badge-entregue-bg: rgba(0, 176, 80, 0.2);
    --badge-cancelado-bg: rgba(255, 0, 0, 0.2);
    --badge-fechada-bg: rgba(128, 128, 128, 0.2);
    --badge-empreparo-bg: rgba(111, 66, 193, 0.2);
    --badge-pronto-bg: rgba(253, 126, 20, 0.2);

    --badge-rascunho-bg: rgba(108, 117, 125, 0.2);
    --badge-aguardando-bg: rgba(255, 193, 7, 0.2);
    --badge-aprovado-bg: rgba(13, 202, 240, 0.2);
    --badge-rejeitado-bg: rgba(220, 53, 69, 0.2);
}

/* --- Legacy Support (Mapping to new styles) --- */
.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35em 0.85em;
    border-radius: 50rem;
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1;
}

.status-badge.aberta {
    background-color: var(--badge-pendente-bg);
    color: var(--badge-pendente-text);
    border: 1px solid var(--badge-pendente-border);
}

.status-badge.recebida {
    background-color: var(--badge-entregue-bg);
    color: var(--badge-entregue-text);
    border: 1px solid var(--badge-entregue-border);
}

.status-badge.fechada {
    background-color: var(--badge-fechada-bg);
    color: var(--badge-fechada-text);
    border: 1px solid var(--badge-fechada-border);
}

.status-badge.cancelada {
    background-color: var(--badge-cancelado-bg);
    color: var(--badge-cancelado-text);
    border: 1px solid var(--badge-cancelado-border);
}
/* --- Pedidos de Compra Status Badges --- */
.badge-pedido.rascunho,
.badge-pedido-item.rascunho {
    background-color: var(--badge-rascunho-bg);
    color: var(--badge-rascunho-text);
    border-color: var(--badge-rascunho-border);
}

.badge-pedido.aguardandoaprovacao,
.badge-pedido-item.aguardandoaprovacao {
    background-color: var(--badge-aguardando-bg);
    color: var(--badge-aguardando-text);
    border-color: var(--badge-aguardando-border);
}

.badge-pedido.aprovado,
.badge-pedido-item.aprovado {
    background-color: var(--badge-aprovado-bg);
    color: var(--badge-aprovado-text);
    border-color: var(--badge-aprovado-border);
}

.badge-pedido.rejeitado,
.badge-pedido-item.rejeitado {
    background-color: var(--badge-rejeitado-bg);
    color: var(--badge-rejeitado-text);
    border-color: var(--badge-rejeitado-border);
}

.badge-pedido.entregue,
.badge-pedido-item.entregue {
    background-color: var(--badge-entregue-bg);
    color: var(--badge-entregue-text);
    border-color: var(--badge-entregue-border);
}

.badge-pedido.processando,
.badge-pedido-item.processando {
    background-color: var(--badge-empreparo-bg);
    color: var(--badge-empreparo-text);
    border-color: var(--badge-empreparo-border);
}

.badge-pedido.empreparo,
.badge-pedido-item.empreparo {
    background-color: var(--badge-empreparo-bg);
    color: var(--badge-empreparo-text);
    border-color: var(--badge-empreparo-border);
}