/* ── FORZAR FONDO OSCURO EN TABLA ── */
.fi-ta-table,
.fi-ta-ctn,
.fi-ta-header-ctn,
[class*="fi-ta"] {
    background-color: #0b1410 !important;
    color: #c2d4cc !important;
}
.fi-ta-empty-state {
    background-color: #0b1410 !important;
}
.fi-ta-empty-state-label,
.fi-ta-empty-state-description {
    color: rgba(194,212,204,0.5) !important;
}

/* ── FORMULARIOS ── */
.fi-input,
.fi-select-input,
.fi-textarea,
select {
    background-color: rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(0,184,122,0.15) !important;
    color: rgba(194,212,204,0.9) !important;
    border-radius: 8px !important;
}
.fi-input:focus,
.fi-select-input:focus {
    border-color: rgba(0,184,122,0.4) !important;
    box-shadow: 0 0 0 3px rgba(0,184,122,0.06) !important;
}

/* ── SECTIONS / CARDS ── */
.fi-section,
.fi-card {
    background-color: #0b1410 !important;
    border: 1px solid rgba(0,184,122,0.08) !important;
    border-radius: 12px !important;
}
.fi-section-header-heading {
    color: rgba(0,184,122,0.7) !important;
    font-family: 'Orbitron', monospace !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.15em !important;
}

/* ── LABELS ── */
.fi-fo-field-wrp label {
    color: rgba(0,184,122,0.6) !important;
    font-family: 'Orbitron', monospace !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}

/* ── SIDEBAR ITEM ACTIVO ── */
.fi-sidebar-item-button.fi-active {
    background-color: rgba(0,184,122,0.12) !important;
    border-left: 2px solid #4CAF50 !important;
}
.fi-sidebar-item-button.fi-active .fi-sidebar-item-label {
    color: #4CAF50 !important;
}

/* ── TOPBAR ── */
.fi-topbar {
    background-color: #0b1410 !important;
    border-bottom: 1px solid rgba(0,184,122,0.1) !important;
}

/* ── PÁGINA HEADING ── */
.fi-page-heading {
    color: #4CAF50 !important;
    font-family: 'Orbitron', monospace !important;
}

/* ── SELECT OPCIONES ── */
[data-headlessui-state] [role="option"],
.fi-select-option {
    background-color: #0d1a14 !important;
    color: rgba(194,212,204,0.85) !important;
}
[data-headlessui-state] [role="option"]:hover {
    background-color: rgba(0,184,122,0.1) !important;
}

/* ── BOTÓN PRIMARIO ── */
.fi-btn-color-primary {
    background-color: #4CAF50 !important;
    color: #fff !important;
    font-family: 'Orbitron', monospace !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.1em !important;
}
.fi-btn-color-primary:hover {
    background-color: #66BB6A !important;
}

/* ── HELPER TEXT ── */
.fi-fo-helper-text {
    color: rgba(194,212,204,0.35) !important;
    font-size: 0.72rem !important;
}

/* ─── LOGIN PAGE TÉCNICO ─── */
.fi-simple-main {
    background: linear-gradient(135deg, #050d05 0%, #0d1a0d 50%, #0a120a 100%) !important;
    min-height: 100vh;
}
.fi-simple-layout::before {
    content: "\1F527  PORTAL TECNICO";
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 16px;
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: #4CAF50;
    text-transform: uppercase;
}