/* Ultra-professional minimal UI (corregido) */
/*
 // --- CONFIGURACIÓN DOLIBARR ---
    $DOLI_API_URL = "https://erp.ingemansol.es/api/index.php"; // Ajustar si es diferente
    $DOLI_API_KEY = "9wqMNej0LP1QuxUuvS515S9p2QEW79oq";
*/

*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#f4f7fb;margin:0;padding:24px}
.container{max-width:980px;margin:24px auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 12px 40px rgba(20,30,60,.06)}
.logo{display:block;margin:0 auto 12px;width:120px}
.top{text-align:center}
.lead{color:#5b6b7a;margin-top:6px}

/* Grid: 2 columnas fijas en escritorio, 1 en móvil */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.field{display:flex;flex-direction:column}
.field label{font-weight:600;margin-bottom:6px;color:#223344;font-size:13px}
.field input,.field select,.field textarea{padding:10px;border:1px solid #e6eef7;border-radius:8px;font-size:16px}

/* Elementos que ocupan todo el ancho */
.full{grid-column:1/3}

.message{margin-top:8px;font-weight:700}
button{background:linear-gradient(180deg,#0b66ff,#0353d9);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:800;cursor:pointer}

/* Disabled button styles */
button:disabled{opacity:0.6;cursor:not-allowed;filter:grayscale(40%)}

@media(max-width:800px){ .grid{grid-template-columns:1fr} .full{grid-column:auto} }