/* Colores base para cuidar los ojos */
body { 
    font-family: sans-serif; 
    margin: 20px; 
    background: #121212; /* Gris casi negro, muy suave */
    color: #e0e0e0;      /* Texto gris claro para que no deslumbre */
}

header, footer { 
    padding: 10px 0; 
    border-bottom: 1px solid #333; 
}

footer { 
    margin-top: 20px; 
    border-top: 1px solid #333; 
    border-bottom: none; 
    font-size: 0.8em; 
    color: #888;
}

/* Enlaces */
a { color: #66b2ff; text-decoration: none; } /* Azul más claro y legible en fondo oscuro */
a:hover { text-decoration: underline; }

/* Tabla oscura y elegante */
table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 15px; 
    background: #1e1e1e; /* Fondo de celdas un poco más claro que el fondo general */
}

th, td { 
    padding: 10px; 
    border: 1px solid #333; 
    text-align: left; 
}

th { 
    background: #2d2d2d; 
}

th a { 
    color: #e0e0e0; 
    display: block; 
}

/* Registro cliqueable en index.php */
.link-registro {
    color: #66b2ff;
    font-weight: bold;
}
.link-registro:hover {
    color: #99ccff;
}

/* Herramientas y Filtro inteligente */
.herramientas { 
    display: flex; 
    justify-content: space-between; 
    margin-top: 15px; 
}

#filtro { 
    width: 70%; 
    padding: 6px 10px; 
    border: 1px solid #444; 
    border-radius: 4px; 
    background: #252525; 
    color: #fff; 
}
#filtro::placeholder { color: #777; }
#filtro:focus { outline: 1px solid #66b2ff; }

/* Botones */
.btn { 
    background: #333; 
    color: #fff; 
    padding: 6px 12px; 
    border: 1px solid #555; 
    cursor: pointer; 
    text-decoration: none; 
    border-radius: 4px; 
}
.btn:hover { 
    background: #444; 
    border-color: #66b2ff;
}

/* Litas externas en ver.php */
.link-externo { 
    color: #ff9933; /* Un tono naranja/dorado que resalta excelente en la oscuridad */
    text-decoration: underline; 
    font-weight: 500; 
}

/* Menú de acciones en ver.php */
.menu-acciones { 
    background: #1e1e1e; 
    padding: 8px; 
    margin: 15px 0; 
    font-weight: bold; 
    font-size: 0.9em; 
    border: 1px solid #333;
}
.menu-acciones a { margin: 0 5px; color: #aaa; }
.menu-acciones a:hover { color: #fff; }

/* Formulario e Inputs */
.formulario-detalle div { margin-bottom: 12px; }
.formulario-detalle label { display: inline-block; width: 140px; font-weight: bold; color: #aaa; }
.formulario-detalle input[type="text"] { 
    width: 400px; 
    padding: 5px; 
    border: 1px solid #444; 
    background: #252525; 
    color: #fff; 
    border-radius: 4px;
}
.formulario-detalle input:disabled { 
    background: #151515; 
    border-color: #2d2d2d; 
    color: #777; 
}