/* ===================================================================
   SYNCFUSION SUBTLE ADJUSTMENTS - Fluent Dark Base
   Ajustes sutis de arredondamento e detalhes para combinar com o design
   =================================================================== */

/* ===================================================================
   GRID - Arredondamento
   =================================================================== */

/* Container principal do Grid */
.e-grid {
    border-radius: var(--border-radius-lg) !important; /* 16px */
    overflow: hidden; /* Garante que o conteúdo respeite o border-radius */
}

    /* Ajusta o conteúdo interno para não ficar muito espaçado */
    .e-grid .e-gridheader,
    .e-grid .e-gridcontent {
        margin: 0 !important;
    }

    /* Header do Grid */
    .e-grid .e-gridheader {
        border-top-left-radius: var(--border-radius-lg) !important;
        border-top-right-radius: var(--border-radius-lg) !important;
    }

    /* Pager (paginação) */
    .e-grid .e-gridpager {
        border-bottom-left-radius: var(--border-radius-lg) !important;
        border-bottom-right-radius: var(--border-radius-lg) !important;
        padding: var(--spacing-sm) !important; /* 16px de padding */
    }

    /* Células do header e conteúdo */
    .e-grid .e-headercell,
    .e-grid .e-rowcell {
        padding: var(--spacing-sm) !important; /* 16px de padding */
    }

    /* Botões da paginação */
    .e-grid .e-pager .e-numericitem,
    .e-grid .e-pager .e-currentitem,
    .e-grid .e-pager .e-prevpage,
    .e-grid .e-pager .e-nextpage,
    .e-grid .e-pager .e-firstpage,
    .e-grid .e-pager .e-lastpage {
        border-radius: var(--border-radius-sm) !important; /* 8px */
    }

    /* Botões de comando (Edit, Delete, etc) */
    .e-grid .e-unboundcell button,
    .e-grid .e-gridcontent .e-unboundcelldiv button {
        border-radius: var(--border-radius-sm) !important; /* 8px */
    }

/* ===================================================================
   INPUTS - Arredondamento
   =================================================================== */

.e-outline.e-input-group {
    display: flex;
    align-items: center;
}

/* Inputs de texto gerais */
.e-input,
.e-input-group,
.e-textbox,
input.e-input,
textarea.e-input {
    border-radius: var(--border-radius-sm) !important; /* 8px */
    /*padding: 10px 12px !important;*/ /* Padding confortável */
}

/* Input Group (inputs com ícones) */
.e-input-group {
    border-radius: var(--border-radius-sm) !important;
}

    .e-input-group input {
        /*padding: 10px 12px !important;*/
    }

    .e-input-group.e-control-wrapper {
        border-radius: var(--border-radius-sm) !important;
    }

/* Inputs dentro de formulários e diálogos */
.e-dialog input[type="text"],
.e-dialog input[type="number"],
.e-dialog input[type="email"],
.e-dialog input[type="password"],
.e-dialog textarea,
.e-grid input[type="text"],
.e-grid input[type="number"],
.e-grid input[type="email"],
.e-grid input[type="password"],
.e-grid textarea {
    border-radius: var(--border-radius-sm) !important; /* 8px */
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: transparent !important;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #0078d4;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #0078d4;
}
/* ===================================================================
   DROPDOWNS E SELECTS - Arredondamento
   =================================================================== */

/* Dropdown principal */
.e-dropdownbase,
.e-ddl.e-input-group,
.e-ddl .e-input-group-icon {
    border-radius: var(--border-radius-sm) !important;
}

    /* Popup do dropdown */
    .e-ddl.e-popup,
    .e-dropdownbase.e-popup {
        border-radius: var(--border-radius-md) !important; /* 12px */
    }

/* ComboBox */
.e-combobox.e-input-group {
    border-radius: var(--border-radius-sm) !important;
}

/* AutoComplete */
.e-autocomplete.e-input-group {
    border-radius: var(--border-radius-sm) !important;
}

/* MultiSelect */
.e-multiselect.e-input-group {
    border-radius: var(--border-radius-sm) !important;
}

/* ===================================================================
   TABS - Arredondamento
   =================================================================== */

/* Container das Tabs */
.e-tab {
    border-radius: var(--border-radius-md) !important; /* 12px */
}

    /* Header das Tabs */
    .e-tab .e-tab-header {
        border-top-left-radius: var(--border-radius-md) !important;
        border-top-right-radius: var(--border-radius-md) !important;
    }

        /* Cada Tab individual */
        .e-tab .e-tab-header .e-toolbar-item {
            border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0 !important;
            /*margin: 0 4px;*/
            /*padding: 12px 20px !important;*/ /* Padding nas abas */
        }

            /* Tab ativa */
            .e-tab .e-tab-header .e-toolbar-item.e-active {
                border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0 !important;
                /*padding: 12px 20px !important;*/
            }

    /* Conteúdo das Tabs */
    .e-tab .e-content {
        border-bottom-left-radius: var(--border-radius-md) !important;
        border-bottom-right-radius: var(--border-radius-md) !important;
        /*padding: var(--spacing-md) !important;*/ /* 24px de padding no conteúdo */
    }

/* ===================================================================
   BUTTONS - Arredondamento
   =================================================================== */

/* Botões gerais */
.e-btn,
button.e-btn,
.e-css.e-btn {
    border-radius: var(--border-radius-sm) !important; /* 8px */
}

    /* Botões primários, secundários, etc */
    .e-btn.e-primary,
    .e-btn.e-success,
    .e-btn.e-info,
    .e-btn.e-warning,
    .e-btn.e-danger {
        border-radius: var(--border-radius-sm) !important;
    }

button.e-control.e-btn.e-lib.normal-button {
    background-color: var(--color-primary);
    border: none;
    color: white;
}

button.e-control.e-btn.e-lib.e-flat.modal-button.e-primary {
    background-color: var(--color-primary);
    border: none;
    color: white;
}

/* ===================================================================
   DIALOG/MODAL - Arredondamento
   =================================================================== */

/* Container do Dialog */
.e-dialog {
    border-radius: var(--border-radius-md) !important; /* 12px */
    overflow: hidden;
}

    .e-dialog .e-dlg-header {
        width: auto;
        text-align: center;
    }
    /* Header do Dialog */
    .e-dialog .e-dlg-header-content {
        border-top-left-radius: var(--border-radius-md) !important;
        border-top-right-radius: var(--border-radius-md) !important;
        /*padding: var(--spacing-sm) var(--spacing-md) !important;*/ /* 16px vertical, 24px horizontal */
    }

    /* Conteúdo do Dialog */
    .e-dialog .e-dlg-content {
        /*padding: var(--spacing-md) !important;*/ /* 24px */
    }

    /* Footer do Dialog */
    .e-dialog .e-footer-content {
        border-bottom-left-radius: var(--border-radius-md) !important;
        border-bottom-right-radius: var(--border-radius-md) !important;
        /*padding: var(--spacing-sm) var(--spacing-md) !important;*/ /* 16px vertical, 24px horizontal */
    }

/* ===================================================================
   DATEPICKER / CALENDAR - Arredondamento
   =================================================================== */

/* Input do DatePicker */
.e-datepicker.e-input-group {
    border-radius: var(--border-radius-sm) !important;
}

/* Popup do Calendar */
.e-datepicker.e-popup,
.e-calendar.e-popup {
    border-radius: var(--border-radius-md) !important;
}

/* ===================================================================
   TOAST / NOTIFICATIONS - Arredondamento
   =================================================================== */

.e-toast,
.e-toast-container .e-toast {
    border-radius: var(--border-radius-md) !important; /* 12px */
    /*padding: var(--spacing-sm) !important;*/ /* 16px */
}

/* ===================================================================
   CARDS - Arredondamento
   =================================================================== */

.e-card {
    border-radius: var(--border-radius-md) !important; /* 12px */
    /*padding: var(--spacing-md) !important;*/ /* 24px */
}

/* ===================================================================
   TOOLBAR - Arredondamento
   =================================================================== */

.e-toolbar {
    border-radius: var(--border-radius-sm) !important;
}

    .e-toolbar .e-toolbar-item button {
        border-radius: var(--border-radius-sm) !important;
    }

/* ===================================================================
   SWITCH - 
   =================================================================== */

.e-switch-wrapper.e-wrapper .e-switch-on,
.e-switch-wrapper.e-wrapper .e-switch-off {
    color: white;
}

/* ===================================================================
   ACCORDION - Arredondamento
   =================================================================== */
.e-accordion {
    border-radius: var(--border-radius-md) !important;
}

    .e-accordion .e-acrdn-item {
        border-radius: var(--border-radius-sm) !important;
        /*margin-bottom: 8px;*/
    }

/* ===================================================================
   SIDEBAR - Arredondamento
   =================================================================== */

.e-sidebar {
    border-radius: var(--border-radius-lg) !important;
}

/* ===================================================================
   AJUSTES EXTRAS PARA CONSISTÊNCIA
   =================================================================== */

/* Remove outline padrão do focus (mantém acessibilidade com :focus-visible) */
.e-input:focus,
.e-btn:focus,
.e-ddl:focus {
    outline: none;
}

/* Mantém focus visível para navegação por teclado */
.e-input:focus-visible,
.e-btn:focus-visible,
.e-ddl:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Suaviza transições */
.e-input,
.e-btn,
.e-tab .e-toolbar-item,
.e-grid .e-pager button {
    transition: all var(--transition-fast);
}

/* ===================================================================
   SCROLLBAR CUSTOMIZADA (opcional - para manter consistência)
   =================================================================== */

.e-grid .e-gridcontent::-webkit-scrollbar,
.e-dialog::-webkit-scrollbar,
.e-popup::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.e-grid .e-gridcontent::-webkit-scrollbar-track,
.e-dialog::-webkit-scrollbar-track,
.e-popup::-webkit-scrollbar-track {
    background: #0a0e14;
}

.e-grid .e-gridcontent::-webkit-scrollbar-thumb,
.e-dialog::-webkit-scrollbar-thumb,
.e-popup::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #2bd2ff, #00c897);
    border-radius: 10px;
}

    .e-grid .e-gridcontent::-webkit-scrollbar-thumb:hover,
    .e-dialog::-webkit-scrollbar-thumb:hover,
    .e-popup::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #41e0ff, #26d9a1);
    }