/**
 * ERP Admin Theme - THE FINAL WALL (V5 - THE DICTATOR EDITION)
 * Blindaje total, exhaustivo y milimétrico de la interfaz de Django Admin.
 */

/* ==========================================================================
   1. PALETA DE COLORES - DESGLOSE RADICAL Y EXHAUSTIVO
   ========================================================================== */

html[data-erp-theme="day"] {
    /* --- GLOBALES Y ESTRUCTURA --- */
    --erp-bg-main: #ffffff;             /* Fondo principal de la vista (Body, Content) */
    --erp-bg-alt: #ff8c00;              /* Fondos alternos, bloques secundarios, cebras */
    --erp-border: #e0e0e0;              /* Color de TODOS los bordes (tablas, inputs, divisiones) */
    --erp-text-main: #1a1919;           /* Texto general de datos y párrafos */
    --erp-text-muted: #666666;          /* Texto secundario (ayudas, contadores, notas) */
    --erp-accent: #ff8c00;              /* Color de acento general (enlaces sueltos, focus) */

    /* --- HEADER (Barra superior negra/naranja) --- */
    --erp-header-bg: #ff8c00;           /* Fondo de la barra superior */
    --erp-header-text-title: #ffffff;   /* Texto del título principal (IMALASA) */
    --erp-header-text-links: #000000;   /* Texto de "VER EL SITIO", "CERRAR SESIÓN", etc. */
    --erp-header-text-hover: #ffffff;   /* Color al pasar el ratón por los enlaces del header */

    /* --- BREADCRUMBS (Migas de pan) --- */
    --erp-bread-bg: #f0f0f0;            /* Fondo de la barra de migas de pan */
    --erp-bread-text: #111111;          /* Texto fijo de la ruta actual */
    --erp-bread-link: #ff8c00;          /* Enlaces navegables de la ruta */

    /* --- MENÚ LATERAL (Sidebar) --- */
    --erp-sidebar-bg: #ffffff;          /* Fondo base del menú lateral */
    --erp-sidebar-bg-hover: #fff3e0;    /* Fondo al pasar el ratón por una fila del menú */
    --erp-sidebar-bg-active: #ffe0b2;   /* Fondo de la fila en la que estás actualmente */
    --erp-sidebar-text-app: #ff8c00;    /* Títulos de aplicación (CATALOG, CUSTOMERS...) */
    --erp-sidebar-text-model: #333333;  /* Nombres de los modelos (1. productos, 2. Modelos...) */
    --erp-sidebar-text-add: #28a745;    /* Texto e icono del botón "+ Añadir" */
    --erp-sidebar-border: #e0e0e0;      /* Borde derecho que separa el menú del contenido */

    /* --- TABLAS (Listados de datos) --- */
    --erp-table-bg-row1: #ffffff;       /* Fondo de las filas impares */
    --erp-table-bg-row2: #ebebeb;       /* Fondo de las filas pares (Cebra) */
    --erp-table-bg-hover: #fff3e0;      /* Fondo de cualquier fila al pasar el ratón */
    --erp-table-bg-selected: #ffe0b2;   /* Fondo de fila cuando marcas el checkbox */
    --erp-table-header-bg: #f8f9fa;     /* Fondo de las cabeceras de columnas (ORDER CODE...) */
    --erp-table-header-text: #ff8c00;   /* Texto de las cabeceras de columnas */
    --erp-table-sorted-bg: #eeeeee;     /* Fondo de la columna por la que estás ordenando */

    /* --- BOTONES Y ACCIONES --- */
    --erp-btn-primary-bg: #ff8c00;      /* Botón principal (Guardar, Run, Buscar) */
    --erp-btn-primary-text: #000000;    /* Texto del botón principal */
    --erp-btn-secondary-bg: #008111;    /* Botón secundario (Guardar y continuar editando) */
    --erp-btn-secondary-text: #ffffff;  /* Texto del botón secundario */
    --erp-btn-delete-bg: #ba2121;       /* Botones de peligro/borrar */
    --erp-btn-delete-text: #ffffff;     /* Texto botones de peligro */
    --erp-btn-action-bg: #f8f9fa;       /* Botones superiores (AÑADIR 2. CONF. DE PEDIDO +) */
    --erp-btn-action-text: #111111;     /* Texto de botones superiores */

    /* --- FORMULARIOS (Inputs, Selects) --- */
    --erp-form-input-bg: #f0f0f0;       /* Fondo de las cajas de texto y desplegables */
    --erp-form-input-text: #111111;     /* Color de lo que escribes dentro */
    --erp-form-label-text: #333333;     /* Texto descriptivo de los campos (CLIENTE:, Realizado:) */
    --erp-form-module-title: #000000;   /* Títulos de los bloques de formulario (H2) */

    /* --- FILTROS LATERALES Y PAGINACIÓN --- */
    --erp-filter-bg: #f8f9fa;           /* Fondo de la caja de filtros derecha (si existe) */
    --erp-filter-title: #ffffff;        /* Fondo del título "Filtrar por" */
    --erp-filter-link: #ff8c00;         /* Enlaces de opciones de filtro */
    --erp-paginator-bg: #ffffff;        /* Fondo de la barra inferior de páginas */
    --erp-paginator-text: #111111;      /* Texto de "0 de 1 seleccionados", etc. */

    /* --- MENSAJES DE SISTEMA --- */
    --erp-msg-success-bg: #d4edda;      /* Fondo cartel verde de guardado */
    --erp-msg-success-text: #155724;    /* Texto cartel verde */
    --erp-msg-error-bg: #ffc6c6;        /* Fondo cartel rojo de error */
    --erp-msg-error-text: #ff0019;      /* Texto cartel rojo */
}

html[data-erp-theme="mid"] {
    --erp-bg-main: #e6e6e6;
    --erp-bg-alt: #ff8c00;
    --erp-border: #ffffff;
    --erp-text-main: #1b1b1b;
    --erp-text-muted: #bbbbbb;
    --erp-accent: #ff8c00;

    --erp-header-bg: #ff8c00;
    --erp-header-text-title: #ffffff;
    --erp-header-text-links: #000000;
    --erp-header-text-hover: #ffffff;

    --erp-bread-bg: #dadada;
    --erp-bread-text: #111111;
    --erp-bread-link: #ff8c00;

    --erp-sidebar-bg: #e6e6e6;
    --erp-sidebar-bg-hover: #f8f8f8;
    --erp-sidebar-bg-active: #e6e6e6;
    --erp-sidebar-text-app: #ff8c00;
    --erp-sidebar-text-model: #1b1b1b;
    --erp-sidebar-text-add: #ffb84d;
    --erp-sidebar-border: #ff8c00;

    --erp-table-bg-row1: #4a4a4a;
    --erp-table-bg-row2: #3d3d3d;
    --erp-table-bg-hover: #ffe0b2;
    --erp-table-bg-selected: #666666;
    --erp-table-header-bg: #5a5a5a;
    --erp-table-header-text: #ff8c00;
    --erp-table-sorted-bg: #e6e6e6;

    --erp-btn-primary-bg: #ff8c00;
    --erp-btn-primary-text: #e6e6e6;
    --erp-btn-secondary-bg: #008111;
    --erp-btn-secondary-text: #e6e6e6;
    --erp-btn-delete-bg: #cc3333;
    --erp-btn-delete-text: #ffffff;
    --erp-btn-action-bg: #3d3d3d;
    --erp-btn-action-text: #ffffff;

    --erp-form-input-bg: #e4e4e4;
    --erp-form-input-text: #181818;
    --erp-form-label-text: #eeeeee;
    --erp-form-module-title: #ff8c00;

    --erp-filter-bg: #3d3d3d;
    --erp-filter-title: #ff8c00;
    --erp-filter-link: #ff8c00;
    --erp-paginator-bg: #3d3d3d;
    --erp-paginator-text: #eeeeee;

    --erp-msg-success-bg: #2b542c;
    --erp-msg-success-text: #d4edda;
    --erp-msg-error-bg: #662c30;
    --erp-msg-error-text: #f8d7da;
}

html[data-erp-theme="night"] {
    --erp-bg-main: #000000;
    --erp-bg-alt: #ff8c00;
    --erp-border: #222222;
    --erp-text-main: #ffffff;
    --erp-text-muted: #888888;
    --erp-accent: #ff8c00;

    --erp-header-bg: #ff8c00;
    --erp-header-text-title: #000000;
    --erp-header-text-links: #000000;
    --erp-header-text-hover: #ffffff;

    --erp-bread-bg: #2c2c2c;
    --erp-bread-text: #ffffff;
    --erp-bread-link: #ff8c00;

    --erp-sidebar-bg: #000000;
    --erp-sidebar-bg-hover: #333333;
    --erp-sidebar-bg-active: #2a2a2a;
    --erp-sidebar-text-app: #ff8c00;
    --erp-sidebar-text-model: #cccccc;
    --erp-sidebar-text-add: #ff8c00;
    --erp-sidebar-border: #222222;

    --erp-table-bg-row1: #000000;
    --erp-table-bg-row2: #111111;
    --erp-table-bg-hover: #1a1a1a;
    --erp-table-bg-selected: #2a2a2a;
    --erp-table-header-bg: #111111;
    --erp-table-header-text: #ff8c00;
    --erp-table-sorted-bg: #1a1a1a;

    --erp-btn-primary-bg: #ff8c00;
    --erp-btn-primary-text: #000000;
    --erp-btn-secondary-bg: #008111;
    --erp-btn-secondary-text: #ffffff;
    --erp-btn-delete-bg: #a00000;
    --erp-btn-delete-text: #ffffff;
    --erp-btn-action-bg: #111111;
    --erp-btn-action-text: #ffffff;

    --erp-form-input-bg: #3b3b3b;
    --erp-form-input-text: #ffffff;
    --erp-form-label-text: #ffffff;
    --erp-form-module-title: #ffffff;

}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.form-row input[type=text][data-transformed="1"] {
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 4px;
}