/* =========================================================
   BOTÕES DE AÇÃO DO GRID
   Componente: TUniFSButton
   ========================================================= */


/* Estado padrão */
.sigmo-action-btn {
    background: #ffffff !important;

    border: 1px solid #dfe3e7 !important;
    border-radius: 10px !important;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.06),
        0 2px 5px rgba(16, 24, 40, 0.04) !important;

    overflow: hidden !important;

    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease !important;
}


/* Remove os fundos internos do tema */
.sigmo-action-btn .x-btn-wrap,
.sigmo-action-btn .x-btn-button,
.sigmo-action-btn .x-btn-inner {
    background: transparent !important;
    border: 0 !important;
}


/* Área interna */
.sigmo-action-btn .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}


/* Ícones */
.sigmo-action-btn .x-btn-inner,
.sigmo-action-btn .x-btn-inner i {
    color: #4b5563 !important;

    font-size: 18px !important;
    line-height: 1 !important;

    text-align: center !important;

    transition:
        color 0.16s ease,
        transform 0.16s ease !important;
}


/* Hover padrão */
.sigmo-action-btn:hover,
.sigmo-action-btn.x-btn-over {
    background: #f7f8fa !important;
    border-color: #c8cdd3 !important;

    box-shadow:
        0 3px 8px rgba(16, 24, 40, 0.12) !important;

    transform: translateY(-1px) !important;
}


/* Pequeno aumento do ícone */
.sigmo-action-btn:hover .x-btn-inner i,
.sigmo-action-btn.x-btn-over .x-btn-inner i {
    transform: scale(1.06) !important;
}


/* Botão pressionado */
.sigmo-action-btn:active,
.sigmo-action-btn.x-btn-pressed {
    box-shadow:
        inset 0 1px 3px rgba(16, 24, 40, 0.12) !important;

    transform: translateY(0) !important;
}


/* Foco pelo teclado */
.sigmo-action-btn.x-btn-focus {
    border-color: #b92847 !important;

    box-shadow:
        0 0 0 3px rgba(185, 40, 71, 0.15) !important;
}


/* =========================================================
   PESQUISAR
   ========================================================= */

.sigmo-action-search:hover,
.sigmo-action-search.x-btn-over {
    background: #eef4ff !important;
    border-color: #9bbcf5 !important;
}

.sigmo-action-search:hover .x-btn-inner,
.sigmo-action-search:hover .x-btn-inner i,
.sigmo-action-search.x-btn-over .x-btn-inner,
.sigmo-action-search.x-btn-over .x-btn-inner i {
    color: #2563c7 !important;
}


/* =========================================================
   VISUALIZAR
   ========================================================= */

.sigmo-action-view:hover,
.sigmo-action-view.x-btn-over {
    background: #f1efff !important;
    border-color: #b8acf0 !important;
}

.sigmo-action-view:hover .x-btn-inner,
.sigmo-action-view:hover .x-btn-inner i,
.sigmo-action-view.x-btn-over .x-btn-inner,
.sigmo-action-view.x-btn-over .x-btn-inner i {
    color: #5b45c6 !important;
}


/* =========================================================
   ADICIONAR
   ========================================================= */

/* Estado normal: ícone verde */
.sigmo-action-add .x-btn-inner,
.sigmo-action-add .x-btn-inner i {
    color: #18813b !important;
}


/* Hover */
.sigmo-action-add:hover,
.sigmo-action-add.x-btn-over {
    background: #edf8f1 !important;
    border-color: #92d1a6 !important;
}

.sigmo-action-add:hover .x-btn-inner,
.sigmo-action-add:hover .x-btn-inner i,
.sigmo-action-add.x-btn-over .x-btn-inner,
.sigmo-action-add.x-btn-over .x-btn-inner i {
    color: #126b31 !important;
}

.sigmo-action-add:hover,
.sigmo-action-add.x-btn-over {
    background: #edf8f1 !important;
    border-color: #92d1a6 !important;
}

.sigmo-action-add:hover .x-btn-inner,
.sigmo-action-add:hover .x-btn-inner i,
.sigmo-action-add.x-btn-over .x-btn-inner,
.sigmo-action-add.x-btn-over .x-btn-inner i {
    color: #18813b !important;
}


/* =========================================================
   EXCLUIR
   ========================================================= */

.sigmo-action-delete .x-btn-inner,
.sigmo-action-delete .x-btn-inner i {
    color: #c52b3f !important;
}

.sigmo-action-delete:hover,
.sigmo-action-delete.x-btn-over {
    background: #fff0f2 !important;
    border-color: #e69aa6 !important;
}

.sigmo-action-delete:hover .x-btn-inner,
.sigmo-action-delete:hover .x-btn-inner i,
.sigmo-action-delete.x-btn-over .x-btn-inner,
.sigmo-action-delete.x-btn-over .x-btn-inner i {
    color: #a71930 !important;
}


/* =========================================================
   ATUALIZAR
   ========================================================= */

.sigmo-action-refresh:hover,
.sigmo-action-refresh.x-btn-over {
    background: #eef8f8 !important;
    border-color: #91cbcb !important;
}

.sigmo-action-refresh:hover .x-btn-inner,
.sigmo-action-refresh:hover .x-btn-inner i,
.sigmo-action-refresh.x-btn-over .x-btn-inner,
.sigmo-action-refresh.x-btn-over .x-btn-inner i {
    color: #177b7b !important;
}


/* =========================================================
   FECHAR / CANCELAR
   ========================================================= */

.sigmo-action-close:hover,
.sigmo-action-close.x-btn-over {
    background: #f2f3f5 !important;
    border-color: #aeb4bc !important;
}

.sigmo-action-close:hover .x-btn-inner,
.sigmo-action-close:hover .x-btn-inner i,
.sigmo-action-close.x-btn-over .x-btn-inner,
.sigmo-action-close.x-btn-over .x-btn-inner i {
    color: #343a43 !important;
}


/* =========================================================
   BOTÃO DESABILITADO
   ========================================================= */

.sigmo-action-btn.x-item-disabled {
    background: #f4f5f6 !important;
    border-color: #e3e5e8 !important;

    box-shadow: none !important;

    opacity: 0.55 !important;

    transform: none !important;
}

.sigmo-action-btn.x-item-disabled .x-btn-inner,
.sigmo-action-btn.x-item-disabled .x-btn-inner i {
    color: #98a0aa !important;
}


/* =========================================================
   BOTÃO DE AÇÃO PRIMÁRIA
   Exemplo: Adicionar empresa
   Componente: TUniFSButton
   ========================================================= */


/* Estado normal */
.sigmo-primary-action {
    background:
        linear-gradient(
            105deg,
            #9f203c 0%,
            #b92847 52%,
            #cd3b58 100%
        ) !important;

    border: 1px solid #982039 !important;
    border-radius: 9px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 2px 5px rgba(98, 20, 39, 0.18) !important;

    overflow: hidden !important;

    cursor: pointer !important;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease !important;
}


/* Remove fundos internos do tema */
.sigmo-primary-action .x-btn-wrap,
.sigmo-primary-action .x-btn-button {
    background: transparent !important;
    border: 0 !important;
}


/* Área do botão */
.sigmo-primary-action .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}


/* Texto e ícone */
.sigmo-primary-action .x-btn-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: transparent !important;

    color: #ffffff !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;

    line-height: 1 !important;

    text-shadow: 0 1px 1px rgba(80, 10, 28, 0.24) !important;
}


/* Ícone */
.sigmo-primary-action .x-btn-inner i {
    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1 !important;

    transition: transform 0.18s ease !important;
}


/* Hover */
.sigmo-primary-action:hover,
.sigmo-primary-action.x-btn-over {
    background:
        linear-gradient(
            105deg,
            #8d1a34 0%,
            #aa213f 52%,
            #c03250 100%
        ) !important;

    border-color: #81172e !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 4px 10px rgba(98, 20, 39, 0.25) !important;

    transform: translateY(-1px) !important;
}


/* Movimento sutil do ícone */
.sigmo-primary-action:hover .x-btn-inner i,
.sigmo-primary-action.x-btn-over .x-btn-inner i {
    transform: scale(1.08) !important;
}


/* Botão pressionado */
.sigmo-primary-action:active,
.sigmo-primary-action.x-btn-pressed {
    background:
        linear-gradient(
            105deg,
            #80172f 0%,
            #971d38 100%
        ) !important;

    box-shadow:
        inset 0 2px 4px rgba(70, 8, 23, 0.22) !important;

    transform: translateY(0) !important;
}


/* Foco pelo teclado */
.sigmo-primary-action.x-btn-focus {
    border-color: #7f172e !important;

    box-shadow:
        0 0 0 3px rgba(185, 40, 71, 0.17),
        0 3px 8px rgba(98, 20, 39, 0.18) !important;
}


/* Desabilitado */
.sigmo-primary-action.x-item-disabled {
    background:
        linear-gradient(
            180deg,
            #d8dadd 0%,
            #c8cbd0 100%
        ) !important;

    border-color: #c2c5ca !important;

    box-shadow: none !important;

    cursor: default !important;
    opacity: 0.65 !important;

    transform: none !important;
}

.sigmo-primary-action.x-item-disabled .x-btn-inner,
.sigmo-primary-action.x-item-disabled .x-btn-inner i {
    color: #737982 !important;
    text-shadow: none !important;
}


/* =========================================================
   BOTÕES DE FLUXO DE TRABALHO
   Componente: TUniFSButton
   Classe base: sigmo-workflow-btn
   ========================================================= */


/* =========================================================
   ESTRUTURA COMUM
   ========================================================= */

.sigmo-workflow-btn {
    border-radius: 10px !important;

    overflow: hidden !important;

    cursor: pointer !important;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease !important;
}


/* Remove estilos internos do tema */
.sigmo-workflow-btn .x-btn-wrap,
.sigmo-workflow-btn .x-btn-button {
    background: transparent !important;
    border: 0 !important;
}


/* Área interna */
.sigmo-workflow-btn .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}


/* Texto */
.sigmo-workflow-btn .x-btn-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: transparent !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;

    line-height: 1 !important;

    text-shadow: none !important;
}


/* Ícones */
.sigmo-workflow-btn .x-btn-inner i {
    font-size: 15px !important;
    line-height: 1 !important;

    transition: transform 0.18s ease !important;
}


/* Hover geral */
.sigmo-workflow-btn:hover,
.sigmo-workflow-btn.x-btn-over {
    transform: translateY(-1px) !important;
}

.sigmo-workflow-btn:hover .x-btn-inner i,
.sigmo-workflow-btn.x-btn-over .x-btn-inner i {
    transform: scale(1.07) !important;
}


/* Pressionado */
.sigmo-workflow-btn:active,
.sigmo-workflow-btn.x-btn-pressed {
    transform: translateY(0) !important;
}


/* =========================================================
   INSERIR FICHA — VERDE
   ========================================================= */

.sigmo-workflow-success {
    background:
        linear-gradient(
            105deg,
            #16854f 0%,
            #13a060 100%
        ) !important;

    border: 1px solid #117844 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.17),
        0 2px 5px rgba(17, 120, 68, 0.18) !important;
}

.sigmo-workflow-success .x-btn-inner,
.sigmo-workflow-success .x-btn-inner i {
    color: #ffffff !important;
}

.sigmo-workflow-success:hover,
.sigmo-workflow-success.x-btn-over {
    background:
        linear-gradient(
            105deg,
            #117344 0%,
            #0f8e54 100%
        ) !important;

    border-color: #0d683c !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.17),
        0 4px 9px rgba(17, 120, 68, 0.24) !important;
}


/* =========================================================
   REALIZAR CONFERÊNCIA — AÇÃO PRINCIPAL
   ========================================================= */

.sigmo-workflow-primary {
    background:
        linear-gradient(
            105deg,
            #9f203c 0%,
            #b92847 52%,
            #cb3956 100%
        ) !important;

    border: 1px solid #922039 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 2px 5px rgba(98, 20, 39, 0.18) !important;
}

.sigmo-workflow-primary .x-btn-inner,
.sigmo-workflow-primary .x-btn-inner i {
    color: #ffffff !important;
}

.sigmo-workflow-primary:hover,
.sigmo-workflow-primary.x-btn-over {
    background:
        linear-gradient(
            105deg,
            #8b1933 0%,
            #a9203e 52%,
            #bd304d 100%
        ) !important;

    border-color: #7e172f !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 4px 9px rgba(98, 20, 39, 0.25) !important;
}


/* =========================================================
   DESFAZER CONFERÊNCIA
   ========================================================= */

.sigmo-workflow-undo {
    background:
        linear-gradient(
            180deg,
            #fffdf7 0%,
            #fff4dc 100%
        ) !important;

    border: 1px solid #dfbd70 !important;

    box-shadow:
        0 2px 4px rgba(107, 74, 10, 0.08) !important;
}

.sigmo-workflow-undo .x-btn-inner,
.sigmo-workflow-undo .x-btn-inner i {
    color: #8a610b !important;
}

.sigmo-workflow-undo:hover,
.sigmo-workflow-undo.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fff8e9 0%,
            #fde8b5 100%
        ) !important;

    border-color: #c99a35 !important;

    box-shadow:
        0 4px 8px rgba(107, 74, 10, 0.14) !important;
}


/* =========================================================
   EXCLUIR FICHA
   ========================================================= */

.sigmo-workflow-danger {
    background:
        linear-gradient(
            180deg,
            #fff8f9 0%,
            #fdebee 100%
        ) !important;

    border: 1px solid #e49aa7 !important;

    box-shadow:
        0 2px 4px rgba(170, 25, 51, 0.08) !important;
}

.sigmo-workflow-danger .x-btn-inner,
.sigmo-workflow-danger .x-btn-inner i {
    color: #b4233d !important;
}

.sigmo-workflow-danger:hover,
.sigmo-workflow-danger.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fff0f2 0%,
            #fbd9df 100%
        ) !important;

    border-color: #cf6276 !important;

    box-shadow:
        0 4px 8px rgba(170, 25, 51, 0.14) !important;
}


/* =========================================================
   IMPRIMIR FICHA
   ========================================================= */

.sigmo-workflow-print {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f1f3f5 100%
        ) !important;

    border: 1px solid #c9ced5 !important;

    box-shadow:
        0 2px 4px rgba(16, 24, 40, 0.07) !important;
}

.sigmo-workflow-print .x-btn-inner,
.sigmo-workflow-print .x-btn-inner i {
    color: #46505c !important;
}

.sigmo-workflow-print:hover,
.sigmo-workflow-print.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #f9fafb 0%,
            #e5e8eb 100%
        ) !important;

    border-color: #aeb5bd !important;

    box-shadow:
        0 4px 8px rgba(16, 24, 40, 0.11) !important;
}


/* =========================================================
   FECHAR
   ========================================================= */

.sigmo-workflow-close {
    background:
        linear-gradient(
            180deg,
            #f5f6f7 0%,
            #e5e7ea 100%
        ) !important;

    border: 1px solid #c3c8ce !important;

    box-shadow:
        0 2px 4px rgba(16, 24, 40, 0.06) !important;
}

.sigmo-workflow-close .x-btn-inner,
.sigmo-workflow-close .x-btn-inner i {
    color: #39414c !important;
}

.sigmo-workflow-close:hover,
.sigmo-workflow-close.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #ebedef 0%,
            #d8dce0 100%
        ) !important;

    border-color: #a6adb5 !important;

    box-shadow:
        0 4px 8px rgba(16, 24, 40, 0.10) !important;
}


/* =========================================================
   FOCO PELO TECLADO
   ========================================================= */

.sigmo-workflow-btn.x-btn-focus {
    box-shadow:
        0 0 0 3px rgba(185, 40, 71, 0.15),
        0 3px 7px rgba(16, 24, 40, 0.10) !important;

    outline: 0 !important;
}


/* =========================================================
   DESABILITADO
   ========================================================= */

.sigmo-workflow-btn.x-item-disabled {
    background:
        linear-gradient(
            180deg,
            #eeeeef 0%,
            #e1e3e5 100%
        ) !important;

    border-color: #d0d4d8 !important;

    box-shadow: none !important;

    cursor: default !important;
    opacity: 0.62 !important;

    transform: none !important;
}

.sigmo-workflow-btn.x-item-disabled .x-btn-inner,
.sigmo-workflow-btn.x-item-disabled .x-btn-inner i {
    color: #7f868f !important;
    text-shadow: none !important;
}

/* =========================================================
   CAPTURA
   Biometria, assinatura, fotografia etc.
   ========================================================= */

.sigmo-workflow-capture {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f9f0f3 100%
        ) !important;

    border: 1px solid #d6a1ad !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(98, 20, 39, 0.08) !important;
}

.sigmo-workflow-capture .x-btn-inner,
.sigmo-workflow-capture .x-btn-inner i {
    color: #9e213c !important;
}

.sigmo-workflow-capture:hover,
.sigmo-workflow-capture.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fff8fa 0%,
            #f5dfe4 100%
        ) !important;

    border-color: #bd6578 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 4px 8px rgba(98, 20, 39, 0.14) !important;
}

.sigmo-workflow-capture:hover .x-btn-inner,
.sigmo-workflow-capture:hover .x-btn-inner i,
.sigmo-workflow-capture.x-btn-over .x-btn-inner,
.sigmo-workflow-capture.x-btn-over .x-btn-inner i {
    color: #80172f !important;
}

/* =========================================================
   CONFIRMAR / GERAR RELATÓRIO
   ========================================================= */

/* Estado normal */
.sigmo-action-confirm .x-btn-inner,
.sigmo-action-confirm .x-btn-inner i {
    color: #16814c !important;
}


/* Hover */
.sigmo-action-confirm:hover,
.sigmo-action-confirm.x-btn-over {
    background: #edf8f1 !important;
    border-color: #8fcda4 !important;
}

.sigmo-action-confirm:hover .x-btn-inner,
.sigmo-action-confirm:hover .x-btn-inner i,
.sigmo-action-confirm.x-btn-over .x-btn-inner,
.sigmo-action-confirm.x-btn-over .x-btn-inner i {
    color: #116b3e !important;
}


/* =========================================================
   EXPORTAR EXCEL
   ========================================================= */

/* Estado normal */
.sigmo-action-excel .x-btn-inner,
.sigmo-action-excel .x-btn-inner i {
    color: #187a43 !important;
}


/* Hover */
.sigmo-action-excel:hover,
.sigmo-action-excel.x-btn-over {
    background: #ecf7f0 !important;
    border-color: #89c39d !important;
}

.sigmo-action-excel:hover .x-btn-inner,
.sigmo-action-excel:hover .x-btn-inner i,
.sigmo-action-excel.x-btn-over .x-btn-inner,
.sigmo-action-excel.x-btn-over .x-btn-inner i {
    color: #106536 !important;
}


/* =========================================================
   EXPORTAR HTML
   ========================================================= */

/* Estado normal */
.sigmo-action-html .x-btn-inner,
.sigmo-action-html .x-btn-inner i {
    color: #c56a12 !important;
}


/* Hover */
.sigmo-action-html:hover,
.sigmo-action-html.x-btn-over {
    background: #fff5e8 !important;
    border-color: #e3b06e !important;
}

.sigmo-action-html:hover .x-btn-inner,
.sigmo-action-html:hover .x-btn-inner i,
.sigmo-action-html.x-btn-over .x-btn-inner,
.sigmo-action-html.x-btn-over .x-btn-inner i {
    color: #a55309 !important;
}

/* =========================================================
   REMOVER ITEM
   Utilizado para remover uma linha ou seleção
   ========================================================= */

/* Estado normal */
.sigmo-action-remove .x-btn-inner,
.sigmo-action-remove .x-btn-inner i {
    color: #b4233d !important;
}


/* Hover */
.sigmo-action-remove:hover,
.sigmo-action-remove.x-btn-over {
    background: #fff0f2 !important;
    border-color: #e49aa7 !important;
}

.sigmo-action-remove:hover .x-btn-inner,
.sigmo-action-remove:hover .x-btn-inner i,
.sigmo-action-remove.x-btn-over .x-btn-inner,
.sigmo-action-remove.x-btn-over .x-btn-inner i {
    color: #981b32 !important;
}

/* =========================================================
   AÇÃO SECUNDÁRIA
   Risco, Ambiente, EPI e ações auxiliares
   ========================================================= */

.sigmo-secondary-action {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f3f4f6 100%
        ) !important;

    border: 1px solid #cbd0d6 !important;
    border-radius: 9px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(16, 24, 40, 0.06) !important;

    overflow: hidden !important;

    cursor: pointer !important;

    transition:
        background 0.17s ease,
        border-color 0.17s ease,
        box-shadow 0.17s ease,
        transform 0.17s ease !important;
}

.sigmo-secondary-action .x-btn-wrap,
.sigmo-secondary-action .x-btn-button {
    background: transparent !important;
    border: 0 !important;
}

.sigmo-secondary-action .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}

.sigmo-secondary-action .x-btn-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    background: transparent !important;

    color: #4b535e !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    text-shadow: none !important;
}

.sigmo-secondary-action .x-btn-inner i {
    color: #9e213c !important;
    font-size: 14px !important;
}

.sigmo-secondary-action:hover,
.sigmo-secondary-action.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fffafb 0%,
            #f7e7eb 100%
        ) !important;

    border-color: #c47586 !important;

    box-shadow:
        0 4px 8px rgba(98, 20, 39, 0.12) !important;

    transform: translateY(-1px) !important;
}

.sigmo-secondary-action:hover .x-btn-inner,
.sigmo-secondary-action.x-btn-over .x-btn-inner {
    color: #842039 !important;
}

.sigmo-secondary-action:active,
.sigmo-secondary-action.x-btn-pressed {
    transform: translateY(0) !important;

    box-shadow:
        inset 0 2px 4px rgba(98, 20, 39, 0.10) !important;
}

.sigmo-secondary-action.x-item-disabled {
    background: #eceef0 !important;

    border-color: #d8dce0 !important;

    box-shadow: none !important;

    opacity: 0.58 !important;

    transform: none !important;
}


/* =========================================================
   EXPORTAR XML
   ========================================================= */

.sigmo-action-xml .x-btn-inner,
.sigmo-action-xml .x-btn-inner i {
    color: #9e213c !important;
}

.sigmo-action-xml:hover,
.sigmo-action-xml.x-btn-over {
    background: #f9eaee !important;
    border-color: #d495a3 !important;
}

.sigmo-action-xml:hover .x-btn-inner,
.sigmo-action-xml:hover .x-btn-inner i,
.sigmo-action-xml.x-btn-over .x-btn-inner,
.sigmo-action-xml.x-btn-over .x-btn-inner i {
    color: #7e172f !important;
}

/* =========================================================
   IMPRIMIR / GERAR RELATÓRIO
   ========================================================= */

/* Estado normal */
.sigmo-action-print .x-btn-inner,
.sigmo-action-print .x-btn-inner i {
    color: #9e213c !important;
}


/* Hover */
.sigmo-action-print:hover,
.sigmo-action-print.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fffafb 0%,
            #f7e5e9 100%
        ) !important;

    border-color: #cf8f9e !important;

    box-shadow:
        0 4px 8px rgba(98, 20, 39, 0.13) !important;
}

.sigmo-action-print:hover .x-btn-inner,
.sigmo-action-print:hover .x-btn-inner i,
.sigmo-action-print.x-btn-over .x-btn-inner,
.sigmo-action-print.x-btn-over .x-btn-inner i {
    color: #7f182f !important;
}

/* =========================================================
   EXAMES — DESTAQUE PERMANENTE
   ========================================================= */

.sigmo-secondary-exams {
    background:
        linear-gradient(
            105deg,
            #25839a 0%,
            #19758c 52%,
            #12677d 100%
        ) !important;

    border: 1px solid #125e71 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 2px 6px rgba(18, 103, 125, 0.22) !important;
}

.sigmo-secondary-exams .x-btn-inner,
.sigmo-secondary-exams .x-btn-inner i {
    color: #ffffff !important;

    text-shadow:
        0 1px 1px rgba(8, 64, 78, 0.24) !important;
}


/* Hover */
.sigmo-secondary-exams:hover,
.sigmo-secondary-exams.x-btn-over {
    background:
        linear-gradient(
            105deg,
            #1d7489 0%,
            #14677b 52%,
            #0d586a 100%
        ) !important;

    border-color: #0b5060 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 5px 11px rgba(18, 103, 125, 0.30) !important;

    transform: translateY(-2px) !important;
}

.sigmo-secondary-exams:hover .x-btn-inner,
.sigmo-secondary-exams:hover .x-btn-inner i,
.sigmo-secondary-exams.x-btn-over .x-btn-inner,
.sigmo-secondary-exams.x-btn-over .x-btn-inner i {
    color: #ffffff !important;
}


/* =========================================================
   RISCOS — DESTAQUE PERMANENTE
   ========================================================= */

.sigmo-secondary-risks {
    background:
        linear-gradient(
            105deg,
            #d79b24 0%,
            #c38813 52%,
            #ad7308 100%
        ) !important;

    border: 1px solid #9e6806 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 2px 6px rgba(145, 94, 7, 0.24) !important;
}

.sigmo-secondary-risks .x-btn-inner,
.sigmo-secondary-risks .x-btn-inner i {
    color: #ffffff !important;

    text-shadow:
        0 1px 1px rgba(83, 52, 0, 0.28) !important;
}


/* Hover */
.sigmo-secondary-risks:hover,
.sigmo-secondary-risks.x-btn-over {
    background:
        linear-gradient(
            105deg,
            #c58a18 0%,
            #b2790c 52%,
            #986204 100%
        ) !important;

    border-color: #895803 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 5px 11px rgba(145, 94, 7, 0.31) !important;

    transform: translateY(-2px) !important;
}

.sigmo-secondary-risks:hover .x-btn-inner,
.sigmo-secondary-risks:hover .x-btn-inner i,
.sigmo-secondary-risks.x-btn-over .x-btn-inner,
.sigmo-secondary-risks.x-btn-over .x-btn-inner i {
    color: #ffffff !important;
}


/* =========================================================
   FOCO DOS BOTÕES IMPORTANTES
   ========================================================= */

.sigmo-secondary-exams.x-btn-focus,
.sigmo-secondary-risks.x-btn-focus {
    outline: 0 !important;

    box-shadow:
        0 0 0 3px rgba(185, 40, 71, 0.16),
        0 4px 9px rgba(16, 24, 40, 0.16) !important;
}

/* =========================================================
   AÇÃO PRINCIPAL EM DESTAQUE
   Exemplo: Gerar ASO
   ========================================================= */

.sigmo-workflow-featured {
    border-width: 1px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 0 0 3px rgba(185, 40, 71, 0.10),
        0 5px 13px rgba(98, 20, 39, 0.25) !important;
}

.sigmo-workflow-featured .x-btn-inner {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.sigmo-workflow-featured .x-btn-inner i {
    font-size: 17px !important;
}


/* Hover */
.sigmo-workflow-featured:hover,
.sigmo-workflow-featured.x-btn-over {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 0 0 3px rgba(185, 40, 71, 0.14),
        0 7px 16px rgba(98, 20, 39, 0.31) !important;

    transform: translateY(-2px) !important;
}


/* =========================================================
   AÇÕES RELACIONADAS
   Qualidade de Vida, Exames e Ficha Clínica
   ========================================================= */

.sigmo-related-action {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f4f5f7 100%
        ) !important;

    border: 1px solid #cbd0d6 !important;
    border-left-width: 4px !important;
    border-radius: 10px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 5px rgba(16, 24, 40, 0.07) !important;

    overflow: hidden !important;

    cursor: pointer !important;

    transition:
        background 0.17s ease,
        border-color 0.17s ease,
        box-shadow 0.17s ease,
        transform 0.17s ease !important;
}


/* Estrutura interna */
.sigmo-related-action .x-btn-wrap,
.sigmo-related-action .x-btn-button {
    background: transparent !important;
    border: 0 !important;
}

.sigmo-related-action .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}


/* Texto */
.sigmo-related-action .x-btn-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: transparent !important;

    color: #424a55 !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    text-shadow: none !important;
}


/* Ícones */
.sigmo-related-action .x-btn-inner i {
    font-size: 15px !important;

    transition: transform 0.17s ease !important;
}


/* Hover geral */
.sigmo-related-action:hover,
.sigmo-related-action.x-btn-over {
    transform: translateY(-1px) !important;
}

.sigmo-related-action:hover .x-btn-inner i,
.sigmo-related-action.x-btn-over .x-btn-inner i {
    transform: scale(1.08) !important;
}


/* =========================================================
   QUALIDADE DE VIDA
   ========================================================= */

.sigmo-related-quality {
    border-left-color: #7a56b5 !important;
}

.sigmo-related-quality .x-btn-inner i {
    color: #7a56b5 !important;
}

.sigmo-related-quality:hover,
.sigmo-related-quality.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fdfbff 0%,
            #f0e9fa 100%
        ) !important;

    border-color: #a78dce !important;
    border-left-color: #6c48a7 !important;

    box-shadow:
        0 4px 9px rgba(92, 61, 141, 0.15) !important;
}


/* =========================================================
   TODOS EXAMES
   ========================================================= */

.sigmo-related-exams {
    border-left-color: #19758c !important;
}

.sigmo-related-exams .x-btn-inner i {
    color: #19758c !important;
}

.sigmo-related-exams:hover,
.sigmo-related-exams.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #f9fdff 0%,
            #e4f3f6 100%
        ) !important;

    border-color: #83bac7 !important;
    border-left-color: #14677b !important;

    box-shadow:
        0 4px 9px rgba(25, 115, 138, 0.15) !important;
}


/* =========================================================
   FICHA CLÍNICA
   ========================================================= */

.sigmo-related-record {
    border-left-color: #486f9d !important;
}

.sigmo-related-record .x-btn-inner i {
    color: #486f9d !important;
}

.sigmo-related-record:hover,
.sigmo-related-record.x-btn-over {
    background:
        linear-gradient(
            180deg,
            #fafcff 0%,
            #e7eef7 100%
        ) !important;

    border-color: #91aac7 !important;
    border-left-color: #3c618c !important;

    box-shadow:
        0 4px 9px rgba(59, 95, 137, 0.15) !important;
}


/* =========================================================
   ESTADO DESABILITADO
   ========================================================= */

.sigmo-related-action.x-item-disabled {
    background: #eceef0 !important;

    border-color: #d5d9dd !important;

    box-shadow: none !important;

    opacity: 0.58 !important;

    transform: none !important;
}

.sigmo-related-action.x-item-disabled .x-btn-inner,
.sigmo-related-action.x-item-disabled .x-btn-inner i {
    color: #858c95 !important;
}

/* =========================================================
   BOTÃO DESABILITADO MANUALMENTE
   Aplicar junto com Enabled := False
   ========================================================= */

.sigmo-btn-disabled,
.sigmo-btn-disabled:hover,
.sigmo-btn-disabled.x-btn-over,
.sigmo-btn-disabled.x-btn-focus,
.sigmo-btn-disabled.x-btn-pressed {
    background:
        linear-gradient(
            180deg,
            #f3f4f5 0%,
            #e4e6e8 100%
        ) !important;

    border-color: #d4d7db !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;

    opacity: 0.58 !important;

    filter: grayscale(100%) !important;

    transform: none !important;

    cursor: default !important;
}


/* Fundos internos */
.sigmo-btn-disabled .x-btn-wrap,
.sigmo-btn-disabled .x-btn-button,
.sigmo-btn-disabled:hover .x-btn-wrap,
.sigmo-btn-disabled:hover .x-btn-button,
.sigmo-btn-disabled.x-btn-over .x-btn-wrap,
.sigmo-btn-disabled.x-btn-over .x-btn-button,
.sigmo-btn-disabled.x-btn-focus .x-btn-wrap,
.sigmo-btn-disabled.x-btn-focus .x-btn-button {
    background: transparent !important;
    border-color: transparent !important;
}


/* Texto e ícone sempre cinza */
.sigmo-btn-disabled .x-btn-inner,
.sigmo-btn-disabled .x-btn-inner i,
.sigmo-btn-disabled:hover .x-btn-inner,
.sigmo-btn-disabled:hover .x-btn-inner i,
.sigmo-btn-disabled.x-btn-over .x-btn-inner,
.sigmo-btn-disabled.x-btn-over .x-btn-inner i,
.sigmo-btn-disabled.x-btn-focus .x-btn-inner,
.sigmo-btn-disabled.x-btn-focus .x-btn-inner i,
.sigmo-btn-disabled.x-btn-pressed .x-btn-inner,
.sigmo-btn-disabled.x-btn-pressed .x-btn-inner i {
    color: #8b929b !important;

    text-shadow: none !important;

    transform: none !important;
}

/* =========================================================
   VITASENSE — ANÁLISE DE LAUDOS COM IA
   Vinho com acabamento claro e selo de IA
   ========================================================= */

.sigmo-vitasense-ai {
    position: absolute !important;

    left: 50% !important;

    width: 350px !important;
    height: 50px !important;

    padding: 0 76px 0 22px !important;

    background:
        linear-gradient(
            108deg,
            #8f1934 0%,
            #b92847 35%,
            #d3425e 67%,
            #f0cbd3 82%,
            #f5f5f6 100%
        ) !important;

    border: 1px solid #a51f3d !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.27),
        inset 0 -1px 0 rgba(93, 12, 34, 0.18),
        0 4px 12px rgba(117, 25, 50, 0.23) !important;

    overflow: hidden !important;

    cursor: pointer !important;

    transform: translateX(-50%) !important;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease,
        filter 0.22s ease !important;
}


/* =========================================================
   BRILHO DIAGONAL DISCRETO
   ========================================================= */

.sigmo-vitasense-ai::before {
    content: "";

    position: absolute !important;
    z-index: 1 !important;

    top: -65% !important;
    left: -38% !important;

    width: 24% !important;
    height: 230% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.32),
            transparent
        ) !important;

    transform: rotate(21deg) !important;

    animation:
        sigmo-vitasense-light 5.5s ease-in-out infinite !important;

    pointer-events: none !important;
}


/* =========================================================
   SELO DE INTELIGÊNCIA ARTIFICIAL
   ========================================================= */

.sigmo-vitasense-ai::after {
    content: "✦  IA";

    position: absolute !important;
    z-index: 5 !important;

    top: 50% !important;
    right: 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 53px !important;
    height: 28px !important;

    color: #9f203c !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.97) 0%,
            rgba(239, 240, 242, 0.96) 100%
        ) !important;

    border: 1px solid rgba(158, 32, 61, 0.28) !important;
    border-radius: 9px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 2px 6px rgba(80, 20, 37, 0.16) !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: 0.45px !important;

    text-shadow: none !important;

    transform: translateY(-50%) !important;

    transition:
        color 0.20s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        transform 0.20s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   ESTRUTURA INTERNA DO BOTÃO
   ========================================================= */

.sigmo-vitasense-ai .x-btn-wrap,
.sigmo-vitasense-ai .x-btn-button {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    height: 100% !important;

    background: transparent !important;
    border: 0 !important;
}


.sigmo-vitasense-ai .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}


/* Texto */
.sigmo-vitasense-ai .x-btn-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;

    padding: 0 !important;

    background: transparent !important;

    color: #ffffff !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    letter-spacing: 0.15px !important;

    line-height: 48px !important;

    text-align: left !important;

    text-shadow:
        0 1px 2px rgba(76, 10, 29, 0.35) !important;

    white-space: nowrap !important;
    overflow: visible !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.sigmo-vitasense-ai:hover,
.sigmo-vitasense-ai.x-btn-over {
    background:
        linear-gradient(
            108deg,
            #80132d 0%,
            #aa203f 35%,
            #cd3855 67%,
            #efbcc7 82%,
            #ffffff 100%
        ) !important;

    border-color: #8d1833 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.30),
        inset 0 -1px 0 rgba(81, 9, 27, 0.16),
        0 7px 18px rgba(117, 25, 50, 0.30),
        0 0 0 3px rgba(185, 40, 71, 0.08) !important;

    filter:
        saturate(1.05)
        brightness(1.03) !important;

    transform:
        translateX(-50%)
        translateY(-2px) !important;
}


/* Selo no hover */
.sigmo-vitasense-ai:hover::after,
.sigmo-vitasense-ai.x-btn-over::after {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #a51f3d 0%,
            #c93654 100%
        ) !important;

    border-color: rgba(145, 23, 51, 0.60) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 3px 8px rgba(91, 18, 38, 0.24) !important;

    transform:
        translateY(-50%)
        scale(1.05) !important;
}


/* =========================================================
   PRESSIONADO
   ========================================================= */

.sigmo-vitasense-ai:active,
.sigmo-vitasense-ai.x-btn-pressed {
    box-shadow:
        inset 0 3px 7px rgba(76, 8, 26, 0.26),
        0 2px 5px rgba(87, 18, 37, 0.16) !important;

    filter: brightness(0.97) !important;

    transform:
        translateX(-50%)
        translateY(0) !important;
}


/* =========================================================
   FOCO
   ========================================================= */

.sigmo-vitasense-ai.x-btn-focus {
    border-color: #80142e !important;

    box-shadow:
        0 0 0 3px rgba(185, 40, 71, 0.16),
        0 5px 14px rgba(108, 22, 46, 0.23) !important;
}


/* =========================================================
   ANIMAÇÃO DO REFLEXO
   ========================================================= */

@keyframes sigmo-vitasense-light {
    0% {
        left: -38%;
        opacity: 0;
    }

    12% {
        opacity: 0.70;
    }

    29% {
        left: 112%;
        opacity: 0;
    }

    100% {
        left: 112%;
        opacity: 0;
    }
}


/* =========================================================
   DESABILITADO
   ========================================================= */

.sigmo-vitasense-ai.sigmo-btn-disabled,
.sigmo-vitasense-ai.sigmo-btn-disabled:hover,
.sigmo-vitasense-ai.sigmo-btn-disabled.x-btn-over,
.sigmo-vitasense-ai.sigmo-btn-disabled.x-btn-focus,
.sigmo-vitasense-ai.sigmo-btn-disabled.x-btn-pressed {
    background:
        linear-gradient(
            108deg,
            #d5d7da 0%,
            #e2e3e5 65%,
            #f1f2f3 100%
        ) !important;

    border-color: #c9ccd0 !important;

    box-shadow: none !important;

    opacity: 0.62 !important;

    filter: grayscale(100%) !important;

    transform: translateX(-50%) !important;

    cursor: default !important;
}


.sigmo-vitasense-ai.sigmo-btn-disabled::before {
    display: none !important;
}


.sigmo-vitasense-ai.sigmo-btn-disabled::after {
    color: #8b9199 !important;

    background:
        linear-gradient(
            180deg,
            #f5f5f6,
            #e5e6e8
        ) !important;

    border-color: #c8cbd0 !important;

    box-shadow: none !important;

    transform: translateY(-50%) !important;
}


.sigmo-vitasense-ai.sigmo-btn-disabled .x-btn-inner {
    color: #8d939b !important;

    text-shadow: none !important;
}


/* Respeita preferência por menos movimento */
@media (prefers-reduced-motion: reduce) {
    .sigmo-vitasense-ai::before {
        animation: none !important;
    }
}

/* =========================================================
   VITASENSE — VARIAÇÃO OCUPANDO TODA A LARGURA
   ========================================================= */

.sigmo-vitasense-ai.sigmo-vitasense-wide {
    position: relative !important;

    left: auto !important;
    right: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;

    padding:
        0 82px
        0 22px !important;

    transform: none !important;
}


/* Centraliza o texto na largura total */
.sigmo-vitasense-ai.sigmo-vitasense-wide .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Texto realmente centralizado */
.sigmo-vitasense-ai.sigmo-vitasense-wide .x-btn-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    padding: 0 !important;

    text-align: center !important;

    font-size: 14px !important;
    letter-spacing: 0.2px !important;
}


/* Selo IA permanece no lado direito */
.sigmo-vitasense-ai.sigmo-vitasense-wide::after {
    right: 16px !important;

    width: 58px !important;
    height: 29px !important;
}


/* Hover sem deslocamento horizontal */
.sigmo-vitasense-ai.sigmo-vitasense-wide:hover,
.sigmo-vitasense-ai.sigmo-vitasense-wide.x-btn-over {
    transform: translateY(-1px) !important;
}


/* Pressionado */
.sigmo-vitasense-ai.sigmo-vitasense-wide:active,
.sigmo-vitasense-ai.sigmo-vitasense-wide.x-btn-pressed {
    transform: translateY(0) !important;
}


/* Desabilitado */
.sigmo-vitasense-ai.sigmo-vitasense-wide.sigmo-btn-disabled,
.sigmo-vitasense-ai.sigmo-vitasense-wide.sigmo-btn-disabled:hover,
.sigmo-vitasense-ai.sigmo-vitasense-wide.sigmo-btn-disabled.x-btn-over,
.sigmo-vitasense-ai.sigmo-vitasense-wide.sigmo-btn-disabled.x-btn-focus,
.sigmo-vitasense-ai.sigmo-vitasense-wide.sigmo-btn-disabled.x-btn-pressed {
    transform: none !important;
}

/* =========================================================
   BOTÃO DE UPLOAD
   Componente: TUniFileUploadButton
   Corrigido para evitar bordas duplicadas
   ========================================================= */


/* Estrutura externa completamente invisível */
.sigmo-file-upload {
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 9px !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* Remove bordas dos wrappers criados pelo ExtJS */
.sigmo-file-upload .x-form-item-body,
.sigmo-file-upload .x-form-trigger-wrap,
.sigmo-file-upload .x-form-text-wrap,
.sigmo-file-upload .x-form-file-wrap {
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   BOTÃO INTERNO REAL
   ========================================================= */

.sigmo-file-upload .x-btn,
.sigmo-file-upload .x-form-file-btn {
    width: 40px !important;
    height: 36px !important;

    padding: 0 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7f8f9 100%
        ) !important;

    border: 1px solid #d5d9de !important;
    outline: 0 !important;

    border-radius: 9px !important;

    box-shadow:
        0 2px 5px rgba(31, 41, 55, 0.09) !important;

    overflow: hidden !important;

    cursor: pointer !important;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease !important;
}


/* Remove estilos internos do tema */
.sigmo-file-upload .x-btn-wrap,
.sigmo-file-upload .x-btn-button {
    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
}


/* Centralização */
.sigmo-file-upload .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Remove texto ou sinal de + */
.sigmo-file-upload .x-btn-inner {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;

    background: transparent !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 1 !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* =========================================================
   ÍCONE DE UPLOAD
   ========================================================= */

.sigmo-file-upload .x-btn-inner::before {
    content: "";

    display: block !important;

    width: 18px !important;
    height: 18px !important;

    background-color: #536170 !important;

    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 16V7.83L8.41 10.41 7 9l5-5 5 5-1.41 1.41L13 7.83V16h-2zm-5 4c-.55 0-1.02-.2-1.41-.59A1.92 1.92 0 0 1 4 18v-3h2v3h12v-3h2v3c0 .55-.2 1.02-.59 1.41-.39.39-.86.59-1.41.59H6z'/%3E%3C/svg%3E") !important;

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 16V7.83L8.41 10.41 7 9l5-5 5 5-1.41 1.41L13 7.83V16h-2zm-5 4c-.55 0-1.02-.2-1.41-.59A1.92 1.92 0 0 1 4 18v-3h2v3h12v-3h2v3c0 .55-.2 1.02-.59 1.41-.39.39-.86.59-1.41.59H6z'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;

    transition:
        background-color 0.18s ease,
        transform 0.18s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.sigmo-file-upload:hover .x-btn,
.sigmo-file-upload:hover .x-form-file-btn,
.sigmo-file-upload .x-btn.x-btn-over,
.sigmo-file-upload .x-form-file-btn.x-btn-over {
    background:
        linear-gradient(
            135deg,
            #a51f3d 0%,
            #c83754 100%
        ) !important;

    border-color: #98203a !important;

    box-shadow:
        0 4px 9px rgba(117, 25, 50, 0.22) !important;

    transform: translateY(-1px) !important;
}


/* Ícone branco no hover */
.sigmo-file-upload:hover .x-btn-inner::before,
.sigmo-file-upload .x-btn-over .x-btn-inner::before {
    background-color: #ffffff !important;

    transform:
        translateY(-1px)
        scale(1.06) !important;
}


/* =========================================================
   PRESSIONADO
   ========================================================= */

.sigmo-file-upload .x-btn.x-btn-pressed,
.sigmo-file-upload .x-form-file-btn.x-btn-pressed {
    background:
        linear-gradient(
            135deg,
            #8f1934 0%,
            #ae2745 100%
        ) !important;

    box-shadow:
        inset 0 2px 4px rgba(72, 10, 28, 0.24) !important;

    transform: translateY(0) !important;
}


/* =========================================================
   FOCO
   ========================================================= */

.sigmo-file-upload .x-btn.x-btn-focus,
.sigmo-file-upload .x-form-file-btn.x-btn-focus {
    border-color: #b92847 !important;

    box-shadow:
        0 0 0 3px rgba(185, 40, 71, 0.13),
        0 2px 6px rgba(66, 27, 38, 0.10) !important;
}


/* =========================================================
   DESABILITADO
   ========================================================= */

.sigmo-file-upload.x-item-disabled .x-btn,
.sigmo-file-upload.x-item-disabled .x-form-file-btn,
.sigmo-file-upload.x-disabled .x-btn,
.sigmo-file-upload.x-disabled .x-form-file-btn,
.sigmo-file-upload.sigmo-btn-disabled .x-btn,
.sigmo-file-upload.sigmo-btn-disabled .x-form-file-btn {
    background:
        linear-gradient(
            180deg,
            #f1f2f3 0%,
            #e5e7e9 100%
        ) !important;

    border-color: #d5d8dc !important;

    box-shadow: none !important;

    opacity: 0.60 !important;

    filter: grayscale(100%) !important;

    transform: none !important;

    cursor: default !important;
}


.sigmo-file-upload.x-item-disabled .x-btn-inner::before,
.sigmo-file-upload.x-disabled .x-btn-inner::before,
.sigmo-file-upload.sigmo-btn-disabled .x-btn-inner::before {
    background-color: #969ca4 !important;

    transform: none !important;
}

/* =========================================================
   SIGMO — BOTÃO GERAR DOCUMENTO
   Botão principal em largura total
   ========================================================= */

.sigmo-generate-document,
.sigmo-generate-document.x-btn {
    position: relative !important;

    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;

    background:
        linear-gradient(
            135deg,
            #23b76b 0%,
            #0da45a 45%,
            #078a4b 100%
        ) !important;

    border: 1px solid #078347 !important;
    border-radius: 14px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -1px 0 rgba(0, 91, 48, 0.20),
        0 7px 16px rgba(8, 139, 76, 0.22) !important;

    cursor: pointer !important;

    overflow: hidden !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease !important;
}


/* Leve iluminação interna */
.sigmo-generate-document::before {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 50% !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0) 100%
        ) !important;

    border-radius: 14px 14px 50% 50% !important;

    pointer-events: none !important;
}


/* Reflexo que passa pelo botão no hover */
.sigmo-generate-document::after {
    content: "" !important;

    position: absolute !important;
    z-index: 2 !important;

    top: -70% !important;
    left: -18% !important;

    width: 11% !important;
    height: 240% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.25),
            transparent
        ) !important;

    transform: rotate(18deg) !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* Estrutura interna do botão ExtJS */
.sigmo-generate-document .x-btn-wrap,
.sigmo-generate-document .x-btn-button,
.sigmo-generate-document .x-btn-el {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    height: 100% !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* Centralização do conteúdo */
.sigmo-generate-document .x-btn-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;
}


/* Texto */
.sigmo-generate-document .x-btn-inner,
.sigmo-generate-document .x-btn-inner-default-small,
.sigmo-generate-document .x-btn-inner-default-medium,
.sigmo-generate-document .x-btn-inner-default-large {
    position: relative !important;

    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 44px !important;
    font-weight: 600 !important;

    letter-spacing: 0.05px !important;

    text-align: center !important;

    text-shadow:
        0 1px 1px rgba(0, 70, 36, 0.24) !important;
}


/* Ícone FontAwesome */
.sigmo-generate-document .x-btn-icon-el,
.sigmo-generate-document .x-btn-icon,
.sigmo-generate-document i {
    color: #ffffff !important;

    font-size: 17px !important;

    opacity: 0.96 !important;

    text-shadow:
        0 1px 1px rgba(0, 70, 36, 0.24) !important;

    transition:
        transform 0.18s ease,
        opacity 0.18s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.sigmo-generate-document:not(.x-item-disabled):hover {
    background:
        linear-gradient(
            135deg,
            #2ac677 0%,
            #10af61 45%,
            #089452 100%
        ) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.29),
        inset 0 -1px 0 rgba(0, 91, 48, 0.18),
        0 10px 22px rgba(8, 139, 76, 0.29) !important;
}


.sigmo-generate-document:not(.x-item-disabled):hover::after {
    opacity: 1 !important;

    animation:
        sigmo-generate-document-shine
        0.85s ease forwards !important;
}


.sigmo-generate-document:not(.x-item-disabled):hover
.x-btn-icon-el,

.sigmo-generate-document:not(.x-item-disabled):hover
.x-btn-icon,

.sigmo-generate-document:not(.x-item-disabled):hover i {
    transform: translateY(-1px) scale(1.07) !important;
    opacity: 1 !important;
}


@keyframes sigmo-generate-document-shine {
    from {
        left: -18%;
    }

    to {
        left: 112%;
    }
}


/* =========================================================
   CLIQUE
   ========================================================= */

.sigmo-generate-document:not(.x-item-disabled):active,
.sigmo-generate-document.x-btn-pressed {
    background:
        linear-gradient(
            180deg,
            #078b4b 0%,
            #067640 100%
        ) !important;

    transform: translateY(0) scale(0.995) !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 68, 35, 0.22),
        0 3px 8px rgba(8, 120, 66, 0.20) !important;
}


/* =========================================================
   FOCO PELO TECLADO
   ========================================================= */

.sigmo-generate-document.x-btn-focus,
.sigmo-generate-document:focus,
.sigmo-generate-document:focus-visible {
    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(16, 174, 96, 0.20),
        0 9px 20px rgba(8, 139, 76, 0.25) !important;
}


/* =========================================================
   DESABILITADO
   ========================================================= */

.sigmo-generate-document.x-item-disabled,
.sigmo-generate-document.sigmo-btn-disabled {
    background:
        linear-gradient(
            180deg,
            #c7cdd3 0%,
            #aeb6bf 100%
        ) !important;

    border-color: #a7afb8 !important;

    transform: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.45),
        0 2px 5px rgba(15, 23, 42, 0.08) !important;

    cursor: default !important;

    filter: none !important;
    opacity: 0.72 !important;
}


.sigmo-generate-document.x-item-disabled::after,
.sigmo-generate-document.sigmo-btn-disabled::after {
    display: none !important;
}


.sigmo-generate-document.x-item-disabled .x-btn-inner,
.sigmo-generate-document.x-item-disabled .x-btn-icon-el,
.sigmo-generate-document.x-item-disabled i,
.sigmo-generate-document.sigmo-btn-disabled .x-btn-inner,
.sigmo-generate-document.sigmo-btn-disabled .x-btn-icon-el,
.sigmo-generate-document.sigmo-btn-disabled i {
    color: #687381 !important;

    text-shadow: none !important;

    opacity: 1 !important;
}


/* =========================================================
   ESTADO DE PROCESSAMENTO
   Adicionar também: sigmo-document-loading
   ========================================================= */

.sigmo-generate-document.sigmo-document-loading {
    cursor: wait !important;
    pointer-events: none !important;
}


.sigmo-generate-document.sigmo-document-loading
.x-btn-inner {
    font-size: 0 !important;
}


/* Texto enquanto processa */
.sigmo-generate-document.sigmo-document-loading
.x-btn-inner::after {
    content: "Gerando documento..." !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    color: #ffffff !important;
}


/* Oculta o ícone original */
.sigmo-generate-document.sigmo-document-loading
.x-btn-icon-el,

.sigmo-generate-document.sigmo-document-loading i {
    display: none !important;
}


/* Spinner */
.sigmo-generate-document.sigmo-document-loading
.x-btn-button::before {
    content: "" !important;

    display: inline-block !important;

    width: 16px !important;
    height: 16px !important;

    margin-right: 10px !important;

    border: 2px solid rgba(255, 255, 255, 0.38) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;

    animation:
        sigmo-document-spinner
        0.75s linear infinite !important;
}


@keyframes sigmo-document-spinner {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   ACESSIBILIDADE
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .sigmo-generate-document,
    .sigmo-generate-document::before,
    .sigmo-generate-document::after,
    .sigmo-generate-document * {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   DOCUMENTOS — BASE
   Não altera posição, largura ou altura do componente
   ========================================================= */

.sigmo-document-btn {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fafc 55%,
            #edf1f5 100%
        ) !important;

    border: 1px solid #d3dae3 !important;
    border-radius: 10px !important;

    box-shadow:
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

    cursor: pointer !important;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}


/* Não alterar dimensões dos elementos internos */

.sigmo-document-btn .x-btn-wrap,
.sigmo-document-btn .x-btn-button {
    background: transparent !important;
    border: none !important;
}


/* Texto */

.sigmo-document-btn .x-btn-inner {
    color: #344154 !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: 0.15px !important;

    text-shadow: none !important;
}


/* Ícone */

.sigmo-document-btn .x-btn-icon-el,
.sigmo-document-btn .x-btn-icon,
.sigmo-document-btn i {
    color: #475569 !important;

    font-size: 15px !important;

    text-shadow: none !important;

    transition:
        color 0.18s ease,
        transform 0.18s ease !important;
}


/* Hover comum */

.sigmo-document-btn:hover {
    border-color: #aeb8c5 !important;

    box-shadow:
        0 7px 15px rgba(15, 23, 42, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}


/* Destaque discreto no ícone */

.sigmo-document-btn:hover .x-btn-icon-el,
.sigmo-document-btn:hover .x-btn-icon,
.sigmo-document-btn:hover i {
    transform: scale(1.08) !important;
}


/* Clique e foco */

.sigmo-document-btn.x-btn-pressed,
.sigmo-document-btn.x-btn-focus,
.sigmo-document-btn:active {
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.17),
        inset 0 2px 4px rgba(15, 23, 42, 0.08) !important;
}


/* =========================================================
   PCMSO — VERDE
   A faixa superior é criada com sombra interna
   ========================================================= */

.sigmo-document-btn.sigmo-document-pcmso {
    box-shadow:
        inset 0 5px 0 #16995d,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-document-btn.sigmo-document-pcmso .x-btn-icon-el,
.sigmo-document-btn.sigmo-document-pcmso .x-btn-icon,
.sigmo-document-btn.sigmo-document-pcmso i {
    color: #168654 !important;
}

.sigmo-document-btn.sigmo-document-pcmso:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f1faf5 55%,
            #e3f4eb 100%
        ) !important;

    border-color: rgba(22, 134, 84, 0.50) !important;

    box-shadow:
        inset 0 5px 0 #16995d,
        0 7px 15px rgba(22, 100, 67, 0.19),
        0 0 0 3px rgba(22, 134, 84, 0.07) !important;
}


/* =========================================================
   PGR — AZUL ACINZENTADO
   ========================================================= */

.sigmo-document-btn.sigmo-document-pgr {
    box-shadow:
        inset 0 5px 0 #4d819f,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-document-btn.sigmo-document-pgr .x-btn-icon-el,
.sigmo-document-btn.sigmo-document-pgr .x-btn-icon,
.sigmo-document-btn.sigmo-document-pgr i {
    color: #3f718f !important;
}

.sigmo-document-btn.sigmo-document-pgr:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f1f7fa 55%,
            #e4eef4 100%
        ) !important;

    border-color: rgba(63, 113, 143, 0.50) !important;

    box-shadow:
        inset 0 5px 0 #4d819f,
        0 7px 15px rgba(42, 83, 110, 0.19),
        0 0 0 3px rgba(63, 113, 143, 0.07) !important;
}


/* =========================================================
   LTCAT — MARROM TÉCNICO
   ========================================================= */

.sigmo-document-btn.sigmo-document-ltcat {
    box-shadow:
        inset 0 5px 0 #8b624e,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-document-btn.sigmo-document-ltcat .x-btn-icon-el,
.sigmo-document-btn.sigmo-document-ltcat .x-btn-icon,
.sigmo-document-btn.sigmo-document-ltcat i {
    color: #805844 !important;
}

.sigmo-document-btn.sigmo-document-ltcat:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #faf5f2 55%,
            #f0e6e0 100%
        ) !important;

    border-color: rgba(128, 88, 68, 0.50) !important;

    box-shadow:
        inset 0 5px 0 #8b624e,
        0 7px 15px rgba(89, 59, 44, 0.19),
        0 0 0 3px rgba(128, 88, 68, 0.07) !important;
}


/* =========================================================
   DESABILITADO
   ========================================================= */

.sigmo-document-btn.x-item-disabled,
.sigmo-document-btn.sigmo-document-disabled {
    background: #f1f3f5 !important;

    border-color: #d8dde3 !important;

    box-shadow:
        inset 0 5px 0 #b3bac2,
        0 1px 3px rgba(15, 23, 42, 0.07) !important;

    opacity: 0.60 !important;

    cursor: default !important;
    pointer-events: none !important;
}

.sigmo-document-btn.x-item-disabled .x-btn-inner,
.sigmo-document-btn.x-item-disabled .x-btn-icon-el,
.sigmo-document-btn.x-item-disabled .x-btn-icon,
.sigmo-document-btn.x-item-disabled i,
.sigmo-document-btn.sigmo-document-disabled .x-btn-inner,
.sigmo-document-btn.sigmo-document-disabled .x-btn-icon-el,
.sigmo-document-btn.sigmo-document-disabled .x-btn-icon,
.sigmo-document-btn.sigmo-document-disabled i {
    color: #929aa4 !important;
}

/* =========================================================
   FINANCEIRO — BOTÕES DE ACESSO
   Não altera tamanho, posição ou alinhamento do componente
   ========================================================= */

.sigmo-finance-btn {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fafc 55%,
            #edf1f5 100%
        ) !important;

    border: 1px solid #d3dae3 !important;
    border-radius: 10px !important;

    box-shadow:
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

    cursor: pointer !important;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}


/* Estrutura interna sem interferir nas dimensões */

.sigmo-finance-btn .x-btn-wrap,
.sigmo-finance-btn .x-btn-button {
    background: transparent !important;
    border: none !important;
}


/* Texto */

.sigmo-finance-btn .x-btn-inner {
    color: #344154 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    letter-spacing: 0.1px !important;

    text-shadow: none !important;
}


/* Ícone */

.sigmo-finance-btn .x-btn-icon-el,
.sigmo-finance-btn .x-btn-icon,
.sigmo-finance-btn i {
    color: #475569 !important;

    font-size: 15px !important;

    text-shadow: none !important;

    transition:
        color 0.18s ease,
        transform 0.18s ease !important;
}


/* Hover geral */

.sigmo-finance-btn:hover {
    border-color: #aeb8c5 !important;

    box-shadow:
        0 7px 15px rgba(15, 23, 42, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.sigmo-finance-btn:hover .x-btn-icon-el,
.sigmo-finance-btn:hover .x-btn-icon,
.sigmo-finance-btn:hover i {
    transform: scale(1.08) !important;
}


/* Clique e foco */

.sigmo-finance-btn.x-btn-pressed,
.sigmo-finance-btn.x-btn-focus,
.sigmo-finance-btn:active {
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.17),
        inset 0 2px 4px rgba(15, 23, 42, 0.08) !important;
}


/* =========================================================
   GERAL — VERDE FINANCEIRO
   ========================================================= */

.sigmo-finance-btn.sigmo-finance-general {
    box-shadow:
        inset 0 5px 0 #16995d,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-finance-btn.sigmo-finance-general .x-btn-icon-el,
.sigmo-finance-btn.sigmo-finance-general .x-btn-icon,
.sigmo-finance-btn.sigmo-finance-general i {
    color: #168654 !important;
}

.sigmo-finance-btn.sigmo-finance-general:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f1faf5 55%,
            #e3f4eb 100%
        ) !important;

    border-color: rgba(22, 134, 84, 0.50) !important;

    box-shadow:
        inset 0 5px 0 #16995d,
        0 7px 15px rgba(22, 100, 67, 0.19),
        0 0 0 3px rgba(22, 134, 84, 0.07) !important;
}


/* =========================================================
   EXAMES — AZUL ACINZENTADO
   ========================================================= */

.sigmo-finance-btn.sigmo-finance-exams {
    box-shadow:
        inset 0 5px 0 #4d819f,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-finance-btn.sigmo-finance-exams .x-btn-icon-el,
.sigmo-finance-btn.sigmo-finance-exams .x-btn-icon,
.sigmo-finance-btn.sigmo-finance-exams i {
    color: #3f718f !important;
}

.sigmo-finance-btn.sigmo-finance-exams:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f1f7fa 55%,
            #e4eef4 100%
        ) !important;

    border-color: rgba(63, 113, 143, 0.50) !important;

    box-shadow:
        inset 0 5px 0 #4d819f,
        0 7px 15px rgba(42, 83, 110, 0.19),
        0 0 0 3px rgba(63, 113, 143, 0.07) !important;
}


/* =========================================================
   COORDENAÇÃO — ÂMBAR/DOURADO
   ========================================================= */

.sigmo-finance-btn.sigmo-finance-coordination {
    box-shadow:
        inset 0 5px 0 #d58a18,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-finance-btn.sigmo-finance-coordination .x-btn-icon-el,
.sigmo-finance-btn.sigmo-finance-coordination .x-btn-icon,
.sigmo-finance-btn.sigmo-finance-coordination i {
    color: #b66d09 !important;
}

.sigmo-finance-btn.sigmo-finance-coordination:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff9ee 55%,
            #faecd0 100%
        ) !important;

    border-color: rgba(213, 138, 24, 0.55) !important;

    box-shadow:
        inset 0 5px 0 #d58a18,
        0 7px 15px rgba(151, 94, 14, 0.19),
        0 0 0 3px rgba(213, 138, 24, 0.08) !important;
}


/* =========================================================
   FECHAMENTO — MARROM/GRAFITE
   ========================================================= */

.sigmo-finance-btn.sigmo-finance-closing {
    box-shadow:
        inset 0 5px 0 #805c4d,
        0 4px 10px rgba(15, 23, 42, 0.13),
        inset 0 6px 0 rgba(255, 255, 255, 0.12) !important;
}

.sigmo-finance-btn.sigmo-finance-closing .x-btn-icon-el,
.sigmo-finance-btn.sigmo-finance-closing .x-btn-icon,
.sigmo-finance-btn.sigmo-finance-closing i {
    color: #765141 !important;
}

.sigmo-finance-btn.sigmo-finance-closing:hover {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #faf5f2 55%,
            #f0e6e0 100%
        ) !important;

    border-color: rgba(118, 81, 65, 0.50) !important;

    box-shadow:
        inset 0 5px 0 #805c4d,
        0 7px 15px rgba(89, 59, 44, 0.19),
        0 0 0 3px rgba(118, 81, 65, 0.07) !important;
}


/* =========================================================
   DESABILITADO
   ========================================================= */

.sigmo-finance-btn.x-item-disabled,
.sigmo-finance-btn.sigmo-finance-disabled {
    background: #f1f3f5 !important;

    border-color: #d8dde3 !important;

    box-shadow:
        inset 0 5px 0 #b3bac2,
        0 1px 3px rgba(15, 23, 42, 0.07) !important;

    opacity: 0.60 !important;

    cursor: default !important;
    pointer-events: none !important;
}

.sigmo-finance-btn.x-item-disabled .x-btn-inner,
.sigmo-finance-btn.x-item-disabled .x-btn-icon-el,
.sigmo-finance-btn.x-item-disabled .x-btn-icon,
.sigmo-finance-btn.x-item-disabled i,
.sigmo-finance-btn.sigmo-finance-disabled .x-btn-inner,
.sigmo-finance-btn.sigmo-finance-disabled .x-btn-icon-el,
.sigmo-finance-btn.sigmo-finance-disabled .x-btn-icon,
.sigmo-finance-btn.sigmo-finance-disabled i {
    color: #929aa4 !important;
}