/* =========================================================
   GROUPBOX SIGMO
   Aplicado globalmente aos fieldsets do UniGUI
   ========================================================= */


/* =========================================================
   ESTRUTURA PRINCIPAL
   ========================================================= */

.x-fieldset {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.90) 0%,
            rgba(250, 250, 251, 0.90) 100%
        ) !important;

    border: 1px solid #d6d9de !important;
    border-radius: 10px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 1px 2px rgba(16, 24, 40, 0.035) !important;

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}


/* Hover discreto do GroupBox */
.x-fieldset:hover {
    border-color: #c7cbd1 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 2px 5px rgba(16, 24, 40, 0.05) !important;
}


/* =========================================================
   ÁREA DO TÍTULO
   ========================================================= */

.x-fieldset-header {
    background: transparent !important;

    border: 0 !important;

    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* =========================================================
   TÍTULO COM MOLDURA VINHO
   ========================================================= */

.x-fieldset-header-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            #fffafb 0%,
            #fbeff2 100%
        ) !important;

    color: #97213a !important;

    border: 1px solid #bd3450 !important;
    border-radius: 999px !important;

    padding: 2px 10px 3px 10px !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;

    line-height: 17px !important;

    text-shadow: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        0 1px 2px rgba(98, 20, 39, 0.07) !important;

    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease !important;
}


/* Remove definitivamente o traço anterior */
.x-fieldset-header-text::before {
    display: none !important;
    content: none !important;
}


/* Realce suave no título */
.x-fieldset:hover .x-fieldset-header-text {
    background:
        linear-gradient(
            180deg,
            #fff7f9 0%,
            #f8e6ea 100%
        ) !important;

    border-color: #aa2743 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 2px 4px rgba(98, 20, 39, 0.10) !important;
}


/* =========================================================
   CORPO INTERNO
   ========================================================= */

.x-fieldset-body {
    background: transparent !important;
    border: 0 !important;
}


/* =========================================================
   GROUPBOX DESABILITADO
   ========================================================= */

.x-fieldset.x-item-disabled {
    background: #f2f3f5 !important;

    border-color: #dfe2e6 !important;

    box-shadow: none !important;

    opacity: 0.70 !important;
}

.x-fieldset.x-item-disabled .x-fieldset-header-text {
    background: #f2f3f5 !important;

    border-color: #c8cbd0 !important;

    color: #868d96 !important;

    box-shadow: none !important;
}


/* =========================================================
   GROUPBOX RECOLHÍVEL
   ========================================================= */

.x-fieldset-header-tool {
    opacity: 0.70 !important;

    transition:
        opacity 0.16s ease,
        transform 0.16s ease !important;
}

.x-fieldset-header-tool:hover {
    opacity: 1 !important;

    transform: scale(1.06) !important;
}