/* =============================================
   Mancha Verde Admin — Tema Verde/Branco/Vermelho
   ============================================= */

/* Sidebar — fundo branco com borda cinza */
.fi-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #d1d5db !important;
}

.fi-sidebar-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #d1d5db !important;
}

.fi-sidebar-header .fi-brand-name {
    color: #166534 !important;
    font-weight: 700 !important;
}

/* Grupos de navegação */
.fi-sidebar-group-label {
    color: #15803d !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

/* Labels e ícones de navegação (estado normal) */
.fi-sidebar-item-button .fi-icon {
    color: #4b5563 !important;
}

.fi-sidebar-item-button .fi-sidebar-item-label {
    color: #166534 !important;
}

/* Item de navegação ativo */
.fi-sidebar-item-button[aria-current="page"],
.fi-sidebar-item-button.fi-active {
    background-color: #dcfce7 !important;
}

.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item-button.fi-active .fi-sidebar-item-label {
    color: #15803d !important;
    font-weight: 600 !important;
}

.fi-sidebar-item-button[aria-current="page"] .fi-icon,
.fi-sidebar-item-button.fi-active .fi-icon {
    color: #16a34a !important;
}

/* Hover nos itens de navegação */
.fi-sidebar-item-button:hover {
    background-color: #f0fdf4 !important;
}

/* Top bar / Header */
.fi-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #d1d5db !important;
}

.fi-topbar nav {
    background-color: #ffffff !important;
}

/* Avatar — garantia extra via CSS */
.fi-avatar {
    background-color: #16a34a !important;
}

/* Botões primários */
.fi-btn-color-primary {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}

.fi-btn-color-primary:hover {
    background-color: #15803d !important;
}

/* Badges de status */
.fi-badge-color-success {
    background-color: #dcfce7 !important;
    color: #15803d !important;
}

.fi-badge-color-danger {
    background-color: #fee2e2 !important;
    color: #b91c1c !important;
}

/* Link do brand (logo) na topbar */
.fi-brand-name,
.fi-logo .fi-brand-name,
a.fi-brand-logo .fi-brand-name,
.fi-topbar .fi-brand-name,
.fi-topbar a span,
.fi-topbar .fi-logo span,
nav .fi-brand-name {
    color: #166534 !important;
    font-weight: 700 !important;
}

/* Texto "Mancha Verde Admin" — classe Tailwind gerada pelo template do Filament */
.fi-logo.text-gray-950,
div.fi-logo {
    color: #166534 !important;
}

/* Garante que nenhum elemento pai sobrescreva */
[class*="fi-brand"],
[class*="fi-logo"] {
    color: #166534 !important;
}

/* ==============================================
   Página de Login — Tema Escuro Mancha Verde
   ============================================== */

/* Fundo escuro com gradiente verde */
.fi-simple-layout {
    background-color: #0a1a0e !important;
    background-image:
        radial-gradient(ellipse at top left, rgba(22, 163, 74, 0.40) 0%, transparent 55%),
        radial-gradient(ellipse at bottom right, rgba(21, 128, 61, 0.35) 0%, transparent 55%),
        radial-gradient(ellipse at center, rgba(34, 197, 94, 0.08) 0%, transparent 70%) !important;
    min-height: 100vh !important;
}

/* Remove background branco do container interno */
.fi-simple-main-ctn {
    background-color: transparent !important;
}

/* Card de login — fundo branco */
.fi-simple-main {
    background: #ffffff !important;
    border: none !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45) !important;
}

/* Logo / brand na login page */
.fi-simple-layout .fi-logo {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 0.25rem !important;
}

.fi-simple-layout img.fi-logo {
    height: 9rem !important;
    width: auto !important;
    border-radius: 0.5rem !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2)) !important;
}

/* Nome do painel na login page */
.fi-simple-layout .fi-brand-name,
.fi-simple-layout [class*="fi-brand"] {
    color: #166534 !important;
    font-weight: 700 !important;
}

/* Headings */
.fi-simple-layout .fi-heading,
.fi-simple-layout h1,
.fi-simple-layout h2,
.fi-simple-layout .fi-simple-header-heading {
    color: #166534 !important;
}

/* Subtextos / descrições */
.fi-simple-layout p,
.fi-simple-layout .text-sm.text-gray-500,
.fi-simple-layout .text-sm.text-gray-600 {
    color: #6b7280 !important;
}

/* Labels dos campos */
.fi-simple-layout label,
.fi-simple-layout .fi-fo-field-wrp-label label,
.fi-simple-layout .fi-checkbox-label,
.fi-simple-layout label span.text-gray-950,
.fi-simple-layout .fi-fo-field-wrp-label span {
    color: #166534 !important;
    font-weight: 500 !important;
}

/* Inputs */
.fi-simple-layout input[type="email"],
.fi-simple-layout input[type="password"],
.fi-simple-layout input[type="text"] {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    color: #111827 !important;
    border-radius: 0.5rem !important;
}

.fi-simple-layout input[type="email"]::placeholder,
.fi-simple-layout input[type="password"]::placeholder,
.fi-simple-layout input[type="text"]::placeholder {
    color: #9ca3af !important;
}

.fi-simple-layout input[type="email"]:focus,
.fi-simple-layout input[type="password"]:focus,
.fi-simple-layout input[type="text"]:focus {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25) !important;
    outline: none !important;
}

/* Wrapper de input com ícone */
.fi-simple-layout .fi-input-wrp {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    border-radius: 0.5rem !important;
}

.fi-simple-layout .fi-input-wrp:focus-within {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25) !important;
}

.fi-simple-layout .fi-input-wrp input {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ícones dentro dos inputs */
.fi-simple-layout .fi-input-wrp .fi-icon {
    color: #9ca3af !important;
}

/* Botão de submit */
.fi-simple-layout .fi-btn-color-primary,
.fi-simple-layout button[type="submit"] {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 0.625rem !important;
    transition: all 0.2s ease !important;
}

.fi-simple-layout .fi-btn-color-primary:hover,
.fi-simple-layout button[type="submit"]:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
    box-shadow: 0 4px 15px rgba(22, 163, 74, 0.4) !important;
}

/* Links ("Esqueceu a senha?") */
.fi-simple-layout a:not(.fi-logo):not(.fi-btn) {
    color: #16a34a !important;
}

.fi-simple-layout a:not(.fi-logo):not(.fi-btn):hover {
    color: #15803d !important;
}

/* Checkbox "Lembrar de mim" */
.fi-simple-layout .fi-checkbox-input {
    accent-color: #16a34a !important;
}

/* Separador / divider */
.fi-simple-layout .fi-divider {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Mensagens de erro */
.fi-simple-layout .fi-fo-field-wrp-error-message {
    color: #fca5a5 !important;
}