/* Estilos para asegurar que el admin de Django no sea afectado por estilos personalizados */

/* Excluir el admin del modo oscuro */
body.dark-mode .admin-interface,
body.dark-mode #admin,
body.dark-mode .admin,
body.dark-mode [class*="admin"] {
    background-color: #fff !important;
    color: #333 !important;
}

/* Asegurar que el admin use sus propios estilos */
#admin,
.admin-interface,
.admin,
[class*="admin"] {
    /* Reset de estilos personalizados */
    font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Excluir elementos del admin de estilos personalizados */
#admin *,
.admin-interface *,
.admin *,
[class*="admin"] * {
    box-sizing: border-box !important;
}

/* Asegurar que los enlaces del admin no sean afectados */
#admin a,
.admin-interface a,
.admin a,
[class*="admin"] a {
    color: #447e9b !important;
    text-decoration: none !important;
}

#admin a:hover,
.admin-interface a:hover,
.admin a:hover,
[class*="admin"] a:hover {
    color: #036 !important;
}

/* Excluir tablas del admin de estilos personalizados */
#admin table,
.admin-interface table,
.admin table,
[class*="admin"] table {
    border-collapse: collapse !important;
    border: 1px solid #ddd !important;
    width: 100% !important;
}

#admin th,
.admin-interface th,
.admin th,
[class*="admin"] th {
    background: #f8f8f8 !important;
    color: #333 !important;
    font-weight: bold !important;
    padding: 8px !important;
    text-align: left !important;
}

#admin td,
.admin-interface td,
.admin td,
[class*="admin"] td {
    padding: 8px !important;
    border-bottom: 1px solid #ddd !important;
}

/* Excluir formularios del admin */
#admin form,
.admin-interface form,
.admin form,
[class*="admin"] form {
    margin: 0 !important;
    padding: 0 !important;
}

#admin input,
.admin-interface input,
.admin input,
[class*="admin"] input {
    font-family: inherit !important;
    font-size: inherit !important;
}

/* Excluir botones del admin */
#admin .button,
.admin-interface .button,
.admin .button,
[class*="admin"] .button,
#admin input[type="submit"],
.admin-interface input[type="submit"],
.admin input[type="submit"],
[class*="admin"] input[type="submit"] {
    background: #79aec8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    cursor: pointer !important;
}

#admin .button:hover,
.admin-interface .button:hover,
.admin .button:hover,
[class*="admin"] .button:hover,
#admin input[type="submit"]:hover,
.admin-interface input[type="submit"]:hover,
.admin input[type="submit"]:hover,
[class*="admin"] input[type="submit"]:hover {
    background: #417690 !important;
}

/* Excluir el header del admin */
#admin #header,
.admin-interface #header,
.admin #header,
[class*="admin"] #header {
    background: #417690 !important;
    color: #fff !important;
    padding: 15px 16px !important;
}

/* Excluir el breadcrumb del admin */
#admin .breadcrumbs,
.admin-interface .breadcrumbs,
.admin .breadcrumbs,
[class*="admin"] .breadcrumbs {
    background: #f8f8f8 !important;
    color: #666 !important;
    padding: 15px 16px !important;
    border-bottom: 1px solid #ddd !important;
}

/* Excluir el contenido principal del admin */
#admin #content,
.admin-interface #content,
.admin #content,
[class*="admin"] #content {
    padding: 20px !important;
    background: #fff !important;
}

/* Excluir el sidebar del admin */
#admin #nav-sidebar,
.admin-interface #nav-sidebar,
.admin #nav-sidebar,
[class*="admin"] #nav-sidebar {
    background: #f8f8f8 !important;
    border-right: 1px solid #ddd !important;
}

/* Excluir módulos del admin */
#admin .module,
.admin-interface .module,
.admin .module,
[class*="admin"] .module {
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

#admin .module h2,
.admin-interface .module h2,
.admin .module h2,
[class*="admin"] .module h2 {
    background: #79aec8 !important;
    color: #fff !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    border-radius: 4px 4px 0 0 !important;
}

/* Excluir mensajes del admin */
#admin .messagelist,
.admin-interface .messagelist,
.admin .messagelist,
[class*="admin"] .messagelist {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

#admin .messagelist li,
.admin-interface .messagelist li,
.admin .messagelist li,
[class*="admin"] .messagelist li {
    background: #dfd !important;
    color: #333 !important;
    padding: 10px 12px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 4px !important;
    border: 1px solid #6b6 !important;
}