/* =========================================
   ESTILOS LUXOR MP (IDENTITY)
   Archivo: style.css
   ========================================= */
:root {
    --lux-primary: #71639e;       
    --lux-primary-dark: #5a4e82;
    --lux-accent: #f3f0ff;        
    --lux-gold: #ffc107;
    --lux-text: #2d3748;
    --lux-success: #2c7a7b;
    --lux-warning: #d97706;
}

body {
    background-color: #f7fafc;
    color: var(--lux-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding-bottom: 100px;
}

/* --- HEADER --- */
.luxor-header {
    background-color: var(--lux-primary);
    color: white;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    position: sticky; top: 0; z-index: 1000;
}

/* --- CARDS --- */
.card-luxor {
    border: none; border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    background: white; margin-bottom: 20px; overflow: visible; 
}

.card-header-luxor {
    background-color: white; border-bottom: 2px solid var(--lux-accent);
    color: var(--lux-primary); font-weight: 800; text-transform: uppercase;
    font-size: 0.8rem; letter-spacing: 0.5px; padding: 15px;
    display: flex; justify-content: space-between; align-items: center;
}

/* --- SUMMARY BAR (CORTINA CERRADA) --- */
.mini-summary-bar {
    background-color: var(--lux-success);
    color: white;
    padding: 12px 15px;
    cursor: pointer;
    display: none; /* Oculto al inicio */
    align-items: center;
    justify-content: space-between;
    font-size: 0.9rem;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    animation: fadeIn 0.5s;
}

.mini-summary-info {
    display: flex; gap: 15px; align-items: center;
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* --- INPUTS --- */
.form-control, .form-select {
    border: 1px solid #e2e8f0;
    padding: 10px;
    font-size: 0.95rem;
}
.form-control:focus, .form-select:focus {
    border-color: var(--lux-primary); box-shadow: 0 0 0 3px rgba(113, 99, 158, 0.2);
}

.input-peso-grande {
    font-size: 2.2rem; font-weight: 800; text-align: center;
    color: var(--lux-text); height: auto; border: 2px solid var(--lux-primary);
}

/* --- LISTA AUTOCOMPLETADO --- */
#list_proveedores {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 0 0 8px 8px;
}

/* --- BOTONES --- */
.btn-luxor {
    background-color: var(--lux-primary); color: white; border: none;
    font-weight: 600; padding: 12px; border-radius: 8px; width: 100%;
    transition: background 0.3s;
}
.btn-luxor:hover { background-color: var(--lux-primary-dark); color: white;}

.btn-action-main {
    background: linear-gradient(135deg, var(--lux-primary) 0%, var(--lux-primary-dark) 100%);
    color: white; border: none; border-radius: 12px; padding: 18px;
    font-size: 1.1rem; font-weight: 700; width: 100%;
    box-shadow: 0 4px 15px rgba(113, 99, 158, 0.3);
    display: flex; justify-content: center; align-items: center; gap: 10px;
    transition: transform 0.1s;
}
.btn-action-main:active { transform: scale(0.98); }
.btn-action-main:disabled { background: #cbd5e0; cursor: not-allowed; transform: none; box-shadow: none; }

/* --- BOTONES GRILLA --- */
.btn-icon {
    width: 38px; height: 38px; border-radius: 8px; border: none;
    display: inline-flex; justify-content: center; align-items: center;
    transition: transform 0.1s; margin: 0 2px;
}
.btn-icon:active { transform: scale(0.9); }

.btn-reprint { background-color: #edf2f7; color: var(--lux-primary); }
.btn-reprint:hover { background-color: #e2e8f0; }

.btn-reweigh { background-color: #fff8e1; color: var(--lux-warning); }
.btn-reweigh:hover { background-color: #ffecb3; }

/* --- ZONA DE TRABAJO --- */
.weighing-box {
    background-color: var(--lux-accent); border-radius: 12px;
    padding: 20px; text-align: center; border: 1px dashed var(--lux-primary);
}

.display-next-id {
    background: white; border: 1px solid #e2e8f0; border-radius: 8px;
    padding: 8px 15px; font-size: 1.8rem; font-weight: 900;
    color: var(--lux-primary); letter-spacing: 2px; margin-bottom: 15px;
    display: inline-block;
}

/* --- ZONA DE TRABAJO --- */
#workstation {
    display: none; /* <--- ESTO ASEGURA QUE ESTÉ OCULTO AL INICIO */
}

/* Puedes borrar las clases .ui-disabled y .ui-active si ya no las usamos para opacidad */

/* --- ESTADOS --- */
.ui-disabled { opacity: 0.5; pointer-events: none; filter: grayscale(1); }
.ui-active { opacity: 1; pointer-events: all; filter: grayscale(0); transition: all 0.5s ease; }

/* --- OVERRIDES ODOO (Si aplica) --- */
header, nav, .o_main_navbar, footer { display: none !important; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .order-mobile-1 { order: 1; }
    .order-mobile-2 { order: 2; }
    .display-next-id { font-size: 1.5rem; }
    .mini-summary-bar { font-size: 0.8rem; padding: 10px; }
}