/* ========================================
   TEMA NEON - SISTEMA DE MANTENIMIENTO
   FONDO OSCURO GLOBAL
   ======================================== */

/* ===== FONDO GLOBAL ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    background: #0a0a0f !important;
    min-height: 100vh;
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: #ffffff;
}

/* ===== FONDO PARA TODOS LOS CONTENEDORES ===== */
.container,
.content,
.form-box,
.panel-ordenes,
.detalle-box,
.modal-content,
.calendario,
.ticket,
.card,
.tarjeta,
.inc-card,
.ot-card {
    background: #111118 !important;
    border: 2px solid #00d4ff !important;
    border-radius: 16px !important;
    color: #ffffff !important;
}

/* ===== TABLAS ===== */
table {
    background: #111118 !important;
    border: 1px solid #00d4ff !important;
    color: #ffffff !important;
}

table thead th {
    background: #0a0a0f !important;
    color: #00d4ff !important;
    border-bottom: 2px solid #00d4ff !important;
}

table tbody td {
    background: #111118 !important;
    color: #e2e8f0 !important;
    border-bottom: 1px solid #334155 !important;
}

table tbody tr:hover td {
    background: #1a1a2e !important;
}

/* ===== LOGIN ===== */
.login-card {
    background: rgba(0, 0, 0, 0.85) !important;
    border: 2px solid #00e5ff !important;
    box-shadow: 0 0 25px #00e5ff !important;
    border-radius: 20px !important;
}

.login-card h2 {
    color: #00e5ff !important;
    text-shadow: 0 0 10px #00e5ff !important;
}

/* ===== INPUTS Y SELECTS ===== */
input,
select,
textarea {
    background: #0a0a0f !important;
    color: #ffffff !important;
    border: 2px solid #00e5ff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

input::placeholder,
textarea::placeholder {
    color: #64748b !important;
}

select option {
    background: #0a0a0f !important;
    color: #ffffff !important;
}

/* ===== BOTONES ===== */
button,
.btn,
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger {
    background: transparent !important;
    color: #00e5ff !important;
    border: 2px solid #00e5ff !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    transition: 0.3s !important;
    cursor: pointer !important;
}

button:hover,
.btn:hover {
    background: #00e5ff !important;
    color: #000000 !important;
    box-shadow: 0 0 20px #00e5ff !important;
}

/* ===== ENLACES ===== */
a {
    color: #00d4ff !important;
    text-decoration: none !important;
}

a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* ===== TÍTULOS ===== */
h1, h2, h3, h4, h5, h6,
.title,
.subtitle {
    color: #00d4ff !important;
}

/* ===== TARJETAS DE ESTADÍSTICAS ===== */
.stat-card,
.stat-item,
.dashboard-card {
    background: #111118 !important;
    border: 2px solid #00d4ff !important;
    border-radius: 12px !important;
    padding: 15px !important;
    color: #ffffff !important;
}

.stat-card .number,
.stat-item .num {
    color: #00d4ff !important;
}

/* ===== SIDEBAR ===== */
.sidebar {
    background: rgba(10, 10, 15, 0.97) !important;
    border-right: 3px solid #00e5ff !important;
}

.sidebar .nav-btn {
    background: rgba(45, 45, 45, 0.8) !important;
    color: #eafcff !important;
}

.sidebar .nav-btn:hover {
    background: linear-gradient(135deg, #00e5ff, #00bcd4) !important;
    color: #000 !important;
}

/* ===== MODALES ===== */
.modal-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
}

.modal-box {
    background: #111118 !important;
    border: 3px solid #00d4ff !important;
    border-radius: 16px !important;
    color: #ffffff !important;
}

/* ===== BADGES ===== */
.badge {
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

.badge-pendiente,
.badge-abierta {
    background: rgba(251, 191, 36, 0.2) !important;
    color: #fbbf24 !important;
    border: 2px solid #fbbf24 !important;
}

.badge-en-proceso {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
}

.badge-finalizada,
.badge-cerrada-con-ot {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #22c55e !important;
    border: 2px solid #22c55e !important;
}

.badge-por-cerrar {
    background: rgba(249, 115, 22, 0.2) !important;
    color: #f97316 !important;
    border: 2px solid #f97316 !important;
}

.badge-anulada {
    background: rgba(100, 116, 139, 0.2) !important;
    color: #64748b !important;
    border: 2px solid #64748b !important;
}

/* ===== CALENDARIO ===== */
.fc .fc-toolbar-title {
    color: #00e5ff !important;
}

.fc .fc-daygrid-day {
    background: #0a0a0f !important;
    border-color: #334155 !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background: rgba(0, 229, 255, 0.1) !important;
}

.fc .fc-col-header-cell {
    background: rgba(0, 229, 255, 0.15) !important;
    color: #00e5ff !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 700px) {
    body {
        background: #0a0a0f !important;
    }
    .container,
    .content,
    .form-box {
        background: #111118 !important;
    }
}
/* ========================================
   ELIMINAR BORDES CELESTES DUPLICADOS
   ======================================== */

/* Eliminar bordes de contenedores que se duplican */
.container,
.content,
.form-box,
.incidencias-wrapper,
.panel-ordenes,
.detalle-box,
.calendario,
.ticket,
.card,
.tarjeta,
.inc-card,
.ot-card {
    border: none !important;
    box-shadow: none !important;
}

/* Mantener solo el borde de las tarjetas internas */
.inc-card,
.ot-card,
.tarjeta {
    border: 2px solid #00d4ff !important;
    border-radius: 16px !important;
}

/* Eliminar bordes de contenedores principales */
.main-container,
.wrapper,
.page-wrapper {
    border: none !important;
    box-shadow: none !important;
}
/* ========================================
   EFECTO HOVER GLOBAL PARA TODO EL SISTEMA
   ======================================== */

/* Para TODOS los botones */
button:hover,
.btn:hover,
.nav-btn:hover,
.action-btn:hover,
.sidebar button:hover,
.form-box button:hover,
.calendario button:hover,
.modal-btn:hover {
    background: #00e5ff !important;
    color: #000000 !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.4) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Para TODAS las tarjetas */
.inc-card:hover,
.ot-card:hover,
.tarjeta:hover,
.material-card:hover,
.opcion-card:hover,
.stat-card:hover,
.dashboard-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.3) !important;
    transition: all 0.3s ease !important;
    border-color: #00e5ff !important;
}

/* Para TODOS los enlaces */
a:hover {
    color: #00e5ff !important;
    transition: all 0.3s ease !important;
}

/* Para TODAS las filas de tablas */
tr:hover td {
    background: rgba(0, 229, 255, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Para TODOS los elementos del sidebar */
.sidebar *:hover {
    transition: all 0.3s ease !important;
}