/* Overrides fortes para cores dos headers dos formulários */
/* Cache bust manual ao alterar este arquivo: incremente a query em _Host.cshtml */

body .section-header { 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; 
    color:#fff !important; 
}
body .section-header.header-success { 
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%) !important; 
}
body .section-header.header-warning { 
    background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%) !important; 
}
body .section-header.header-danger { 
    background: linear-gradient(135deg, #c94b4b 0%, #4b134f 100%) !important; 
}
body .section-header.header-info { 
    background: linear-gradient(135deg, #2196f3 0%, #21cbf3 100%) !important; 
}
body .section-header.header-dark { 
    background: linear-gradient(135deg, #232526 0%, #414345 100%) !important; 
}

/* Garantir que nada transparente esteja sobrepondo */
body .section-header { position: relative; z-index:1; }

/* Reforçar layout original das seções (margens, cantos e sombra) */
body .form-section { 
    background:#fff !important;
    border-radius:16px !important; 
    box-shadow:0 4px 20px rgba(0,0,0,0.08) !important; 
    margin-bottom:25px !important; 
    overflow:hidden; 
    transition:transform .3s ease, box-shadow .3s ease; 
}
body .form-section:hover { 
    transform:translateY(-2px); 
    box-shadow:0 8px 30px rgba(0,0,0,0.12) !important; 
}

/* Garantir cantos arredondados do topo mesmo se tema zerar */
body .form-section > .section-header { 
    border-top-left-radius:16px; 
    border-top-right-radius:16px; 
}

/* Ajustar último bloco interno para não colar no fim */
body .form-section .row:last-child { 
    padding-bottom:18px; 
}

/* ===================== ESPAÇAMENTO MELHORADO HEADERS ===================== */
body .section-header { 
    padding:16px 28px !important; /* mais folga lateral e vertical */
}
body .section-header .section-title { 
    display:flex !important; 
    align-items:center !important; 
    gap:12px !important; /* espaço entre ícone e texto */
    margin:0 0 4px 0 !important;
    font-size:16px !important;
    line-height:1.2 !important;
}
body .section-header .section-title i { 
    font-size:18px !important; 
    flex-shrink:0; 
}
body .section-header .section-description { 
    margin:0 !important; 
    line-height:1.25 !important; 
}

/* ===================== GLOBAL INPUT STYLING ===================== */
/* Base: aplicado a todos os componentes Syncfusion de entrada */
/* Bordas suaves e aparência consistente sem depender de wrapper adicional */
.e-input-group, 
.e-control-wrapper.e-numerictextbox .e-input-group,
.e-control-wrapper.e-autocomplete .e-input-group,
.e-control-wrapper.e-dropdownlist .e-input-group,
.e-control-wrapper.e-maskedtextbox .e-input-group,
.e-control-wrapper.e-datepicker .e-input-group,
.e-control-wrapper.e-datetimepicker .e-input-group,
.e-control-wrapper.e-textbox, 
.input-group .e-input-group, 
.input-group .e-control-wrapper .e-textbox { 
    border-radius:8px !important; 
    background-color:transparent !important; 
    border:1px solid rgba(13,14,16,0.08) !important; 
    box-shadow:none !important; 
    transition:border-color .15s ease, box-shadow .15s ease; 
}

/* Hover / Focus leves */
.e-input-group:hover, .e-input-group.e-input-focus, 
.e-control-wrapper.e-textbox:hover, .e-control-wrapper.e-textbox.e-input-focus { 
    border-color:#667eea !important; 
}

/* Placeholder */
.e-input-group input::placeholder, 
.e-input-group input::-webkit-input-placeholder, 
.e-control-wrapper.e-textbox input::placeholder { 
    color:#6a737d !important; opacity:1 !important; 
}

/* Readonly / Disabled */
.e-input-group.e-disabled, 
.e-input-group input[readonly],
.e-control-wrapper.e-textbox input[readonly],
.e-control-wrapper.e-textbox.e-disabled, 
.e-control-wrapper.e-numerictextbox.e-disabled .e-input-group { 
    background-color:transparent !important; 
    border-color:#e1e4e8 !important; 
    color:#586069 !important; 
    opacity:1 !important; 
}

/* Floating label background transparente */
.e-float-input label.e-float-text, 
.e-float-input.e-input-focus label.e-float-text, 
.e-float-input.e-valid-input label.e-float-text { 
    background:transparent !important; 
    padding:0 4px !important; 
}

/* Textarea (multiline) */
.e-input-group textarea, .e-control-wrapper.e-textbox textarea { 
    border-radius:8px !important; 
}

/* Forçar uppercase quando marcado */
.e-control-wrapper.conversion .e-textbox { text-transform: uppercase; }

/* Inputs em grids/tab contexts desabilitados */
.default-tab .e-grid .e-input-group.e-disabled, 
.default-tab .e-grid .e-textbox[readonly] { 
    background-color:#f6f8fa !important; 
    border-radius:6px !important; 
    border:1px solid #e1e4e8 !important; 
    opacity:1 !important; 
}

/* Wrapper facultativo ainda suportado */
.input-group { 
    overflow:visible !important; 
    border-radius:8px !important; 
}

/* Acessibilidade foco */
.e-input-group:has(input:focus), .e-control-wrapper.e-textbox:has(input:focus) { 
    box-shadow:0 0 0 3px rgba(102,126,234,.25) !important; 
}

/* Ajuste para navegadores que não suportam :has (fallback leve via focus-within) */
.e-input-group:focus-within { box-shadow:0 0 0 3px rgba(102,126,234,.25) !important; }