/* Estado disabled compartilhado pelas telas transacionais.
   Seletores escopados preservam a semantica local e vencem os legados
   somente quando a acao esta indisponivel. */

body:has(#container-caixa) .cx-btn--primary {
    --cx-btn-accent: var(--cx-primary);
}

body:has(#container-caixa) .cx-btn--success {
    --cx-btn-accent: var(--cx-success);
}

body:has(#container-caixa) .cx-btn--danger {
    --cx-btn-accent: var(--cx-danger);
}

body:has(#container-caixa) .cx-btn--ghost {
    --cx-btn-accent: var(--cx-primary);
}

body:has(#container-caixa) .cx-btn:is(:disabled, [aria-disabled="true"]) {
    background: color-mix(
        in srgb,
        var(--cx-btn-accent, var(--cx-primary)) 24%,
        var(--cx-surface)
    ) !important;
    color: color-mix(
        in srgb,
        var(--cx-btn-accent, var(--cx-primary)) 72%,
        var(--cx-text)
    ) !important;
    border-color: color-mix(
        in srgb,
        var(--cx-btn-accent, var(--cx-primary)) 38%,
        var(--cx-border)
    ) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}

body:has(#container-caixa) .cx-btn:is(:disabled, [aria-disabled="true"]):hover {
    background: color-mix(
        in srgb,
        var(--cx-btn-accent, var(--cx-primary)) 24%,
        var(--cx-surface)
    ) !important;
    box-shadow: none !important;
    transform: none !important;
}

body:has(.comanda-layout) .btn-acao {
    --acao-accent: var(--cor-botao-detalhes, var(--cor-botao, #64748b));
}

body:has(.comanda-layout) .btn-cozinha {
    --acao-accent: #f59e0b;
}

body:has(.comanda-layout) .btn-fechar {
    --acao-accent: #10b981;
}

body:has(.comanda-layout) .btn-reabrir {
    --acao-accent: #8b5cf6;
}

body:has(.comanda-layout) .btn-cancelar {
    --acao-accent: #ef4444;
}

body:has(.comanda-layout) .btn-menu {
    --acao-accent: var(--cor-botao-detalhes, var(--cor-botao, #64748b));
}

body:has(.comanda-layout) .btn-acao:is(:disabled, [aria-disabled="true"]) {
    background: color-mix(
        in srgb,
        var(--acao-accent) 24%,
        var(--cor-card-detalhes, var(--cor-fundo-detalhes, #fff))
    ) !important;
    color: color-mix(
        in srgb,
        var(--acao-accent) 72%,
        var(--cor-texto-card-detalhes, #334155)
    ) !important;
    border: 1px solid color-mix(
        in srgb,
        var(--acao-accent) 38%,
        var(--cor-borda-detalhes, #e2e8f0)
    ) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}

body:has(.comanda-layout) .btn-acao:is(:disabled, [aria-disabled="true"]):hover {
    background: color-mix(
        in srgb,
        var(--acao-accent) 24%,
        var(--cor-card-detalhes, var(--cor-fundo-detalhes, #fff))
    ) !important;
    box-shadow: none !important;
    transform: none !important;
}