@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
    --emui-bg-page: #f5f6fa;
    --emui-bg-card: #ffffff;
    --emui-bg-input: #f0f1f5;
    --emui-accent: #0a84ff;
    --emui-accent-pressed: #0066cc;
    --emui-accent-light: #d6eaff;
    --emui-text-primary: #1a1a1a;
    --emui-text-secondary: #666666;
    --emui-text-tertiary: #999999;
    --emui-border: rgba(0, 0, 0, 0.06);
    --emui-divider: rgba(0, 0, 0, 0.08);
    --emui-radius-sm: 10px;
    --emui-radius-md: 16px;
    --emui-radius-xl: 28px;
    --emui-radius-full: 9999px;
    --emui-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.07);
    --emui-shadow-elevated: 0 6px 24px rgba(0, 0, 0, 0.1);
}

html,
body,
.fi-body,
.fi-layout {
    font-family: 'DM Sans', sans-serif !important;
}

body.fi-body {
    background: var(--emui-bg-page) !important;
    color: var(--emui-text-primary);
}

/* Forçar visibilidade do texto em todos os inputs */
input, 
select, 
textarea, 
.fi-input,
.fi-fo-field-wrp input {
    color: #1a1a1a !important; /* Força cor preta/cinza escuro */
    -webkit-text-fill-color: #1a1a1a !important; /* Necessário para alguns navegadores */
}

.fi-topbar nav,
.fi-sidebar,
.fi-dropdown-panel,
.fi-modal-window,
.fi-ta-filters-dropdown {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid var(--emui-border) !important;
    backdrop-filter: blur(20px);
}

.fi-section,
.fi-wi-widget,
.fi-ta-ctn,
.fi-card,
.fi-modal-content,
.fi-in-entry,
.fi-fo-section {
    background: var(--emui-bg-card) !important;
    border: 1px solid var(--emui-border) !important;
    border-radius: var(--emui-radius-md) !important;
    box-shadow: var(--emui-shadow-card) !important;
}

.fi-sidebar-item-button {
    border-radius: var(--emui-radius-sm) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background: var(--emui-accent-light) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: var(--emui-accent) !important;
}

.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-field-wrp select,
.fi-fo-field-wrp input,
.fi-fo-field-wrp textarea {
    background: var(--emui-bg-input) !important;
    border: 1px solid transparent !important;
    border-radius: var(--emui-radius-sm) !important;
    color: var(--emui-text-primary) !important;
}

.fi-input:focus,
.fi-select-input:focus,
.fi-textarea:focus,
.fi-fo-field-wrp input:focus,
.fi-fo-field-wrp textarea:focus,
.fi-fo-field-wrp select:focus {
    border-color: var(--emui-accent) !important;
    box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.2) !important;
    background: #ffffff !important;
    color: #000000 !important;
}

.fi-btn,
.fi-icon-btn,
button[type='button'],
button[type='submit'] {
    border-radius: var(--emui-radius-full) !important;
    transition: all .22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.fi-btn-color-primary {
    background: var(--emui-accent) !important;
}

.fi-btn-color-primary:hover {
    transform: translateY(-1px);
    box-shadow: var(--emui-shadow-elevated) !important;
}

.fi-btn-color-primary:active {
    background: var(--emui-accent-pressed) !important;
    transform: scale(0.97);
}

.fi-ta-table thead tr {
    background: #f8fbff !important;
}

.fi-ta-row {
    border-bottom: 1px solid var(--emui-divider) !important;
}

.fi-simple-layout {
    background: linear-gradient(135deg, #d6eaff 0%, #f5f6fa 70%) !important;
}

.fi-simple-main-ctn > div {
    border-radius: var(--emui-radius-xl) !important;
    border: 1px solid var(--emui-border) !important;
    box-shadow: var(--emui-shadow-elevated) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(16px);
}