/* =========================================================
   GRID SIGMO
   Classe principal: sigmo-grid
   ========================================================= */


/* =========================================================
   ESTRUTURA PRINCIPAL
   ========================================================= */

.sigmo-grid {
    background: #ffffff !important;

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

    overflow: hidden !important;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.06),
        0 4px 12px rgba(0, 0, 0, 0.04) !important;
}


/* =========================================================
   CABEÇALHO GERAL
   ========================================================= */

.sigmo-grid .x-grid-header-ct {
    background:
        linear-gradient(
            180deg,
            #7d7d7d 0%,
            #6b6b6b 52%,
            #595959 100%
        ) !important;

    border: 0 !important;
    border-bottom: 2px solid #b92847 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15),
        0 2px 4px rgba(0, 0, 0, 0.12) !important;
}


/* =========================================================
   COLUNAS DO CABEÇALHO
   ========================================================= */

.sigmo-grid .x-column-header {
    background: transparent !important;

    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.20) !important;

    color: #ffffff !important;

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

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

.sigmo-grid .x-column-header:last-child {
    border-right: 0 !important;
}

.sigmo-grid .x-column-header-inner {
    box-sizing: border-box !important;

    background: transparent !important;
    color: #ffffff !important;

    padding: 9px 10px !important;

    border: 0 !important;
    border-radius: 0 !important;

    text-align: center !important;
}

.sigmo-grid .x-column-header-text,
.sigmo-grid .x-column-header-text-inner {
    color: #ffffff !important;

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

    line-height: 16px !important;
    text-align: center !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.30) !important;
}


/* =========================================================
   HOVER DO CABEÇALHO
   ========================================================= */

.sigmo-grid .x-column-header-over,
.sigmo-grid .x-column-header-over .x-column-header-inner {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.sigmo-grid .x-column-header-over .x-column-header-text,
.sigmo-grid .x-column-header-over .x-column-header-text-inner {
    color: #ffffff !important;
}


/* =========================================================
   COLUNA ORDENADA
   ========================================================= */

.sigmo-grid .x-column-header-sort-ASC,
.sigmo-grid .x-column-header-sort-DESC {
    background:
        linear-gradient(
            180deg,
            rgba(194, 62, 90, 0.80) 0%,
            rgba(166, 35, 64, 0.82) 100%
        ) !important;
}

.sigmo-grid .x-column-header-sort-ASC .x-column-header-inner,
.sigmo-grid .x-column-header-sort-DESC .x-column-header-inner {
    background: transparent !important;
    color: #ffffff !important;
}

.sigmo-grid .x-column-header-sort-ASC .x-column-header-text,
.sigmo-grid .x-column-header-sort-DESC .x-column-header-text,
.sigmo-grid .x-column-header-sort-ASC .x-column-header-text-inner,
.sigmo-grid .x-column-header-sort-DESC .x-column-header-text-inner {
    color: #ffffff !important;
}

.sigmo-grid .x-column-header-sort-ASC .x-column-header-arrow,
.sigmo-grid .x-column-header-sort-DESC .x-column-header-arrow {
    color: #ffffff !important;
    opacity: 0.90 !important;
}


/* =========================================================
   MENU DA COLUNA
   ========================================================= */

.sigmo-grid .x-column-header-trigger {
    background-color: rgba(255, 255, 255, 0.10) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.sigmo-grid .x-column-header-trigger:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
}


/* =========================================================
   CÉLULAS
   Sem !important em background e color para permitir
   customização pelo DrawColumnCell
   ========================================================= */

.sigmo-grid .x-grid-cell {
    background: #ffffff;

    border-color: #e7e8ea !important;

    color: #30343b;

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

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


/*
  Não definimos padding, line-height ou altura.
  O UniGUI continua controlando a altura padrão das linhas.
*/
.sigmo-grid .x-grid-cell-inner {
    box-sizing: border-box !important;
}


/* =========================================================
   LINHAS ALTERNADAS
   ========================================================= */

.sigmo-grid .x-grid-item-alt .x-grid-cell,
.sigmo-grid .x-grid-row-alt .x-grid-cell {
    background: #f7f7f8;
}


/* =========================================================
   HOVER DA LINHA
   ========================================================= */

.sigmo-grid .x-grid-item-over .x-grid-cell,
.sigmo-grid .x-grid-row-over .x-grid-cell {
    background: #f9f1f3;
    color: #25282d;
}


/* =========================================================
   SELEÇÃO DA LINHA INTEIRA
   RowSelect ativado
   ========================================================= */

.sigmo-grid .x-grid-item-selected .x-grid-cell,
.sigmo-grid .x-grid-row-selected .x-grid-cell {
    background: #f8e3e8;
    color: #6f1d31;
}

.sigmo-grid .x-grid-item-selected .x-grid-cell-inner,
.sigmo-grid .x-grid-row-selected .x-grid-cell-inner {
    font-weight: 600 !important;
}


/* Primeira célula da linha selecionada */
.sigmo-grid .x-grid-item-selected .x-grid-cell:first-child,
.sigmo-grid .x-grid-row-selected .x-grid-cell:first-child {
    position: relative !important;
}


/* Faixa vinho da seleção do grid */
.sigmo-grid .x-grid-item-selected .x-grid-cell:first-child::after,
.sigmo-grid .x-grid-row-selected .x-grid-cell:first-child::after {
    content: "" !important;

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

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 4px !important;

    background: #b92847 !important;

    border-radius: 0 2px 2px 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   SELEÇÃO DE UMA CÉLULA
   RowSelect desativado
   ========================================================= */

.sigmo-grid .x-grid-cell-selected,
.sigmo-grid .x-grid-cell-focused {
    box-shadow:
        inset 0 0 0 1px rgba(185, 40, 71, 0.65) !important;
}

.sigmo-grid .x-grid-cell-selected .x-grid-cell-inner,
.sigmo-grid .x-grid-cell-focused .x-grid-cell-inner {
    font-weight: 600 !important;
}


/* Remove a borda quebrada criada pelo ExtJS */
.sigmo-grid .x-grid-cell-focused .x-grid-cell-inner::before,
.sigmo-grid .x-grid-cell-selected .x-grid-cell-inner::before,
.sigmo-grid .x-grid-item-focused .x-grid-cell-inner::before {
    display: none !important;

    border: 0 !important;

    content: none !important;
}


/* =========================================================
   VERDE
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-green,
.sigmo-grid .x-grid-cell.sigmo-grid-row-success {
    background:
        linear-gradient(
            180deg,
            #38a866 0%,
            #258b50 52%,
            #1e7945 100%
        ) !important;

    color: #ffffff !important;

    border-color: rgba(255, 255, 255, 0.16) !important;

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

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        inset 0 -1px 0 rgba(0, 70, 32, 0.15) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-green .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-success .x-grid-cell-inner {
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* Hover verde */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-green,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-green,
.sigmo-grid .x-grid-item-over .sigmo-grid-row-success,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-success {
    background:
        linear-gradient(
            180deg,
            #319b5d 0%,
            #207f49 52%,
            #196d3d 100%
        ) !important;
}


/* =========================================================
   AMARELO
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-yellow,
.sigmo-grid .x-grid-cell.sigmo-grid-row-warning {
    background:
        linear-gradient(
            180deg,
            #f5c55b 0%,
            #dfa62d 100%
        ) !important;

    color: #553b00 !important;

    border-color: rgba(128, 86, 0, 0.15) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -1px 0 rgba(128, 86, 0, 0.12) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-yellow .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-warning .x-grid-cell-inner {
    color: #553b00 !important;
    font-weight: 600 !important;
}


/* Hover amarelo */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-yellow,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-yellow,
.sigmo-grid .x-grid-item-over .sigmo-grid-row-warning,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-warning {
    background:
        linear-gradient(
            180deg,
            #e9b849 0%,
            #d19821 100%
        ) !important;
}


/* =========================================================
   VERMELHO
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-red,
.sigmo-grid .x-grid-cell.sigmo-grid-row-danger {
    background:
        linear-gradient(
            180deg,
            #d95a70 0%,
            #b92d49 100%
        ) !important;

    color: #ffffff !important;

    border-color: rgba(255, 255, 255, 0.14) !important;

    text-shadow:
        0 1px 1px rgba(80, 8, 22, 0.25) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        inset 0 -1px 0 rgba(90, 10, 28, 0.15) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-red .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-danger .x-grid-cell-inner {
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* Hover vermelho */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-red,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-red,
.sigmo-grid .x-grid-item-over .sigmo-grid-row-danger,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-danger {
    background:
        linear-gradient(
            180deg,
            #c94c63 0%,
            #a92440 100%
        ) !important;
}


/* =========================================================
   AZUL
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-blue,
.sigmo-grid .x-grid-cell.sigmo-grid-row-info {
    background:
        linear-gradient(
            180deg,
            #6998b8 0%,
            #497b9d 100%
        ) !important;

    color: #ffffff !important;

    border-color: rgba(255, 255, 255, 0.14) !important;

    text-shadow:
        0 1px 1px rgba(16, 49, 72, 0.22) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        inset 0 -1px 0 rgba(20, 55, 78, 0.14) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-blue .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-info .x-grid-cell-inner {
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* Hover azul */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-blue,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-blue,
.sigmo-grid .x-grid-item-over .sigmo-grid-row-info,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-info {
    background:
        linear-gradient(
            180deg,
            #5b8aa9 0%,
            #3d6e8e 100%
        ) !important;
}

/* =========================================================
   LINHA OLIVE
   Equivalente moderno ao clOlive
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-olive {
    background:
        linear-gradient(
            180deg,
            #b2b24a 0%,
            #92922c 52%,
            #797918 100%
        ) !important;

    color: #292900 !important;

    border-color: rgba(75, 75, 0, 0.18) !important;

    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(69, 69, 0, 0.14) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-olive .x-grid-cell-inner {
    color: #292900 !important;
    font-weight: 600 !important;
}


/* Hover da linha Olive */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-olive,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-olive {
    background:
        linear-gradient(
            180deg,
            #a4a43e 0%,
            #858523 52%,
            #6e6e13 100%
        ) !important;

    color: #ffffff !important;

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

.sigmo-grid .x-grid-item-over .sigmo-grid-row-olive .x-grid-cell-inner,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-olive .x-grid-cell-inner {
    color: #ffffff !important;
}


/* =========================================================
   LINHA TEAL
   Equivalente moderno ao clTeal
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-teal {
    background:
        linear-gradient(
            180deg,
            #2e9d9d 0%,
            #188383 52%,
            #086c6c 100%
        ) !important;

    color: #ffffff !important;

    border-color: rgba(255, 255, 255, 0.15) !important;

    text-shadow:
        0 1px 1px rgba(0, 55, 55, 0.28) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(0, 60, 60, 0.16) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-teal .x-grid-cell-inner {
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* Hover da linha Teal */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-teal,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-teal {
    background:
        linear-gradient(
            180deg,
            #278f8f 0%,
            #117575 52%,
            #056060 100%
        ) !important;
}

/* =========================================================
   CINZA
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-gray,
.sigmo-grid .x-grid-cell.sigmo-grid-row-silver {
    background:
        linear-gradient(
            180deg,
            #d9dce0 0%,
            #c5c9ce 52%,
            #b4b9bf 100%
        ) !important;

    color: #343a42 !important;

    border-color: rgba(72, 79, 87, 0.16) !important;

    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.38) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 -1px 0 rgba(72, 79, 87, 0.12) !important;
}

.sigmo-grid .x-grid-cell.sigmo-grid-row-gray .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-silver .x-grid-cell-inner {
    color: #343a42 !important;
    font-weight: 600 !important;
}


/* Hover cinza */
.sigmo-grid .x-grid-item-over .sigmo-grid-row-gray,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-gray,
.sigmo-grid .x-grid-item-over .sigmo-grid-row-silver,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-silver {
    background:
        linear-gradient(
            180deg,
            #cdd1d5 0%,
            #b9bec4 52%,
            #a8aeb5 100%
        ) !important;

    color: #252a30 !important;
}

.sigmo-grid .x-grid-item-over .sigmo-grid-row-gray .x-grid-cell-inner,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-gray .x-grid-cell-inner,
.sigmo-grid .x-grid-item-over .sigmo-grid-row-silver .x-grid-cell-inner,
.sigmo-grid .x-grid-row-over .sigmo-grid-row-silver .x-grid-cell-inner {
    color: #252a30 !important;
}

/* =========================================================
   AGRUPAMENTOS
   ========================================================= */

.sigmo-grid .x-grid-group-hd {
    background:
        linear-gradient(
            180deg,
            #f4f4f4 0%,
            #e9e9e9 100%
        ) !important;

    border-color: #d5d5d5 !important;
}

.sigmo-grid .x-grid-group-title {
    color: #3f3f3f !important;

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


/* =========================================================
   SELEÇÃO VISUAL QUANDO ROWSELECTED = FALSE
   Preserva cores aplicadas pelo DrawColumnCell
   ========================================================= */


/* =========================================================
   LINHA ATUAL SEM COR PERSONALIZADA
   ========================================================= */

/*
   Aplica o destaque vinho somente quando a linha não possui
   nenhuma cor definida pelo DrawColumnCell.
*/

.sigmo-grid .x-grid-item:has(.x-grid-cell-selected):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell,

.sigmo-grid .x-grid-item:has(.x-grid-cell-focused):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell {
    background: #f8e0e6 !important;
    background-color: #f8e0e6 !important;
    background-image: none !important;

    color: #77182f !important;

    border-top-color: #efc8d2 !important;
    border-bottom-color: #efc8d2 !important;
}


/* Texto da linha atual */
.sigmo-grid .x-grid-item:has(.x-grid-cell-selected):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell-inner,

.sigmo-grid .x-grid-item:has(.x-grid-cell-focused):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell-inner {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #77182f !important;

    font-weight: 700 !important;
}


/* =========================================================
   REMOVE O AZUL DA CÉLULA ATUAL
   ========================================================= */

.sigmo-grid .x-grid-cell-selected:not(.sigmo-grid-row-green):not(.sigmo-grid-row-olive):not(.sigmo-grid-row-teal):not(.sigmo-grid-row-yellow):not(.sigmo-grid-row-red):not(.sigmo-grid-row-blue):not(.sigmo-grid-row-gray):not(.sigmo-grid-row-black):not(.sigmo-grid-row-purple):not(.sigmo-grid-row-orange):not(.sigmo-grid-row-brown):not(.sigmo-grid-row-pink),

.sigmo-grid .x-grid-cell-focused:not(.sigmo-grid-row-green):not(.sigmo-grid-row-olive):not(.sigmo-grid-row-teal):not(.sigmo-grid-row-yellow):not(.sigmo-grid-row-red):not(.sigmo-grid-row-blue):not(.sigmo-grid-row-gray):not(.sigmo-grid-row-black):not(.sigmo-grid-row-purple):not(.sigmo-grid-row-orange):not(.sigmo-grid-row-brown):not(.sigmo-grid-row-pink) {
    background: #f8e0e6 !important;
    background-color: #f8e0e6 !important;
    background-image: none !important;

    color: #77182f !important;

    border-color: #efc8d2 !important;

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


/*
   O tema pode aplicar a cor azul no elemento interno.
   Alteramos apenas o visual, sem modificar pointer-events
   ou user-select, preservando o Ctrl+C do ExtJS.
*/
.sigmo-grid .x-grid-cell-selected .x-grid-cell-inner,
.sigmo-grid .x-grid-cell-focused .x-grid-cell-inner {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

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


/* Contorno sutil da célula atual */
.sigmo-grid .x-grid-cell-selected .x-grid-cell-inner::before,
.sigmo-grid .x-grid-cell-focused .x-grid-cell-inner::before {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border-color: rgba(207, 45, 80, 0.30) !important;

    box-shadow: none !important;
}


/* =========================================================
   HOVER DA LINHA ATUAL SEM COR PERSONALIZADA
   ========================================================= */

.sigmo-grid .x-grid-item-over:has(.x-grid-cell-selected):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell,

.sigmo-grid .x-grid-item-over:has(.x-grid-cell-focused):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell {
    background: #f4d3dc !important;
    background-color: #f4d3dc !important;
    background-image: none !important;

    color: #681126 !important;

    border-top-color: #e9bcc7 !important;
    border-bottom-color: #e9bcc7 !important;
}


/* Texto durante o hover */
.sigmo-grid .x-grid-item-over:has(.x-grid-cell-selected):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell-inner,

.sigmo-grid .x-grid-item-over:has(.x-grid-cell-focused):not(:has(.sigmo-grid-row-green)):not(:has(.sigmo-grid-row-olive)):not(:has(.sigmo-grid-row-teal)):not(:has(.sigmo-grid-row-yellow)):not(:has(.sigmo-grid-row-red)):not(:has(.sigmo-grid-row-blue)):not(:has(.sigmo-grid-row-gray)):not(:has(.sigmo-grid-row-black)):not(:has(.sigmo-grid-row-purple)):not(:has(.sigmo-grid-row-orange)):not(:has(.sigmo-grid-row-brown)):not(:has(.sigmo-grid-row-pink)) .x-grid-cell-inner {
    color: #681126 !important;
    font-weight: 700 !important;
}


/* =========================================================
   CORES APLICADAS PELO DRAWCOLUMNCELL
   ========================================================= */


/* VERDE */
.sigmo-grid .x-grid-cell.sigmo-grid-row-green {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #38a866 0%,
            #258b50 52%,
            #1e7945 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #319b5d 0%,
            #207f49 52%,
            #196d3d 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.16);
    --sigmo-row-shadow: rgba(0, 60, 28, 0.24);
}


/* OLIVE */
.sigmo-grid .x-grid-cell.sigmo-grid-row-olive {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #a6a940 0%,
            #868a29 52%,
            #70751f 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #989c36 0%,
            #797d24 52%,
            #65691b 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.15);
    --sigmo-row-shadow: rgba(55, 58, 8, 0.28);
}


/* TEAL */
.sigmo-grid .x-grid-cell.sigmo-grid-row-teal {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #319f9b 0%,
            #197d7a 52%,
            #126b68 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #2b918e 0%,
            #16716e 52%,
            #0f5f5c 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.15);
    --sigmo-row-shadow: rgba(4, 57, 55, 0.28);
}


/* AMARELO */
.sigmo-grid .x-grid-cell.sigmo-grid-row-yellow {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #f5c55b 0%,
            #dfa62d 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #e9b849 0%,
            #d19821 100%
        );

    --sigmo-row-color: #553b00;
    --sigmo-row-border: rgba(128, 86, 0, 0.15);
    --sigmo-row-shadow: transparent;
}


/* VERMELHO */
.sigmo-grid .x-grid-cell.sigmo-grid-row-red {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #d95a70 0%,
            #b92d49 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #cc4d64 0%,
            #a92742 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.14);
    --sigmo-row-shadow: rgba(80, 8, 22, 0.25);
}


/* AZUL */
.sigmo-grid .x-grid-cell.sigmo-grid-row-blue {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #6998b8 0%,
            #497b9d 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #5d8cac 0%,
            #3f6f90 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.14);
    --sigmo-row-shadow: rgba(16, 49, 72, 0.22);
}


/* CINZA */
.sigmo-grid .x-grid-cell.sigmo-grid-row-gray {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #aab2bc 0%,
            #8d97a3 52%,
            #77828e 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #9da6b1 0%,
            #818b97 52%,
            #6c7783 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.16);
    --sigmo-row-shadow: rgba(31, 41, 55, 0.24);
}


/* BLACK */
.sigmo-grid .x-grid-cell.sigmo-grid-row-black {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #494e55 0%,
            #252a30 52%,
            #121519 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #3d4249 0%,
            #1d2227 52%,
            #0b0d10 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.14);
    --sigmo-row-shadow: rgba(0, 0, 0, 0.38);
}


/* PURPLE */
.sigmo-grid .x-grid-cell.sigmo-grid-row-purple {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #9663bb 0%,
            #713f98 52%,
            #572b79 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #8956ae 0%,
            #65378b 52%,
            #4c246c 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.16);
    --sigmo-row-shadow: rgba(54, 17, 79, 0.28);
}


/* ORANGE */
.sigmo-grid .x-grid-cell.sigmo-grid-row-orange {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #f2a052 0%,
            #dc741f 52%,
            #bd560d 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #e69041 0%,
            #ca6617 52%,
            #aa4b09 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.18);
    --sigmo-row-shadow: rgba(105, 43, 0, 0.28);
}


/* BROWN */
.sigmo-grid .x-grid-cell.sigmo-grid-row-brown {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #9f795f 0%,
            #78523d 52%,
            #5b392a 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #916b53 0%,
            #6b4734 52%,
            #4e3023 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.15);
    --sigmo-row-shadow: rgba(57, 28, 14, 0.30);
}


/* PINK */
.sigmo-grid .x-grid-cell.sigmo-grid-row-pink {
    --sigmo-row-background:
        linear-gradient(
            180deg,
            #e774a0 0%,
            #c94679 52%,
            #a72d60 100%
        );

    --sigmo-row-background-hover:
        linear-gradient(
            180deg,
            #d96692 0%,
            #b93a6d 52%,
            #962653 100%
        );

    --sigmo-row-color: #ffffff;
    --sigmo-row-border: rgba(255, 255, 255, 0.16);
    --sigmo-row-shadow: rgba(91, 18, 49, 0.27);
}


/* =========================================================
   APLICAÇÃO DAS CORES PERSONALIZADAS
   ========================================================= */

.sigmo-grid .x-grid-cell.sigmo-grid-row-green,
.sigmo-grid .x-grid-cell.sigmo-grid-row-olive,
.sigmo-grid .x-grid-cell.sigmo-grid-row-teal,
.sigmo-grid .x-grid-cell.sigmo-grid-row-yellow,
.sigmo-grid .x-grid-cell.sigmo-grid-row-red,
.sigmo-grid .x-grid-cell.sigmo-grid-row-blue,
.sigmo-grid .x-grid-cell.sigmo-grid-row-gray,
.sigmo-grid .x-grid-cell.sigmo-grid-row-black,
.sigmo-grid .x-grid-cell.sigmo-grid-row-purple,
.sigmo-grid .x-grid-cell.sigmo-grid-row-orange,
.sigmo-grid .x-grid-cell.sigmo-grid-row-brown,
.sigmo-grid .x-grid-cell.sigmo-grid-row-pink {
    background: var(--sigmo-row-background) !important;
    background-color: transparent !important;
    background-image: var(--sigmo-row-background) !important;

    color: var(--sigmo-row-color) !important;

    border-color: var(--sigmo-row-border) !important;

    text-shadow:
        0 1px 1px var(--sigmo-row-shadow) !important;

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


/* Texto das células personalizadas */
.sigmo-grid .x-grid-cell.sigmo-grid-row-green .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-olive .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-teal .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-yellow .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-red .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-blue .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-gray .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-black .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-purple .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-orange .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-brown .x-grid-cell-inner,
.sigmo-grid .x-grid-cell.sigmo-grid-row-pink .x-grid-cell-inner {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--sigmo-row-color) !important;

    font-weight: 600 !important;

    text-shadow:
        0 1px 1px var(--sigmo-row-shadow) !important;
}


/* =========================================================
   CÉLULA FOCADA EM LINHA COLORIDA
   ========================================================= */

.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-green,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-green,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-olive,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-olive,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-teal,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-teal,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-yellow,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-yellow,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-red,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-red,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-blue,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-blue,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-gray,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-gray,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-black,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-black,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-purple,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-purple,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-orange,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-orange,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-brown,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-brown,
.sigmo-grid .x-grid-cell-selected.sigmo-grid-row-pink,
.sigmo-grid .x-grid-cell-focused.sigmo-grid-row-pink {
    background: var(--sigmo-row-background) !important;
    background-color: transparent !important;
    background-image: var(--sigmo-row-background) !important;

    color: var(--sigmo-row-color) !important;

    border-color: var(--sigmo-row-border) !important;

    outline: none !important;
}


/* =========================================================
   HOVER DAS LINHAS COLORIDAS
   ========================================================= */

.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-green,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-olive,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-teal,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-yellow,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-red,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-blue,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-gray,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-black,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-purple,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-orange,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-brown,
.sigmo-grid .x-grid-item-over .x-grid-cell.sigmo-grid-row-pink {
    background: var(--sigmo-row-background-hover) !important;
    background-color: transparent !important;
    background-image: var(--sigmo-row-background-hover) !important;

    color: var(--sigmo-row-color) !important;
}


/* =========================================================
   INDICADOR VINHO DA LINHA ATUAL
   ========================================================= */

.sigmo-grid .x-grid-item:has(.x-grid-cell-selected) .x-grid-cell:first-child,
.sigmo-grid .x-grid-item:has(.x-grid-cell-focused) .x-grid-cell:first-child {
    box-shadow:
        inset 4px 0 0 #cf2d50 !important;
}


/* Indicador durante o hover */
.sigmo-grid .x-grid-item-over:has(.x-grid-cell-selected) .x-grid-cell:first-child,
.sigmo-grid .x-grid-item-over:has(.x-grid-cell-focused) .x-grid-cell:first-child {
    box-shadow:
        inset 4px 0 0 #bd2345 !important;
}