/* LockLine – Skin Pro que respeta tus IDs/clases existentes (Tailwind) */
:root{
  --brand:#3b82f6; --brand2:#60a5fa;
  --stroke:#1f2a44; --ring:#2563eb; --muted:#9fb2d1;
  --text:#e7eefc;
  --panel:#0c1326cc;
}

/* Fondo y tipografía */
body{
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  background:
    radial-gradient(900px 420px at 85% -10%, #1a3b80 0%, transparent 60%),
    radial-gradient(700px 380px at -10% 30%, #0f2a61 0%, transparent 55%),
    linear-gradient(180deg, #0a0f1e 0%, #0e1830 100%) !important;
}

/* Título con gradiente */
h1{
  background: linear-gradient(90deg, var(--brand) 0%, var(--brand2) 70%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
  text-shadow:0 0 18px rgba(59,130,246,.25);
  font-weight:800 !important;
}

/* Tarjeta principal (tu contenedor bg-gray-800) */
main.bg-gray-800{
  background: var(--panel) !important;
  border:1px solid var(--stroke) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
  position: relative;
  backdrop-filter: blur(8px);
}
main.bg-gray-800::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:-1;
  background: linear-gradient(135deg,#1f3a8a,transparent 35%,#1d4ed8 60%,transparent 85%);
  filter: blur(12px); opacity:.35;
}

/* Inputs */
input[type="text"], input[type="number"], input[list], textarea, select{
  background:#0e1730 !important;
  border:1px solid var(--stroke) !important;
  color:var(--text) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
}
input::placeholder{ color:#8aa0c2 !important; }
input:focus, textarea:focus, select:focus{
  outline: none !important;
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 28%, transparent) !important;
}

/* Botón Calcular */
button.w-full.bg-blue-600{
  background: linear-gradient(180deg,#3776ee 0%,#1f4ed8 100%) !important;
  border-radius:12px !important;
  font-weight:800 !important;
  box-shadow:0 10px 24px rgba(37,99,235,.35) !important;
}
button.w-full.bg-blue-600:hover{ filter:brightness(1.08) !important; }

/* Secciones (Ajustes/Datos/Lesiones) */
section.bg-gray-900\/40{
  background:#0b1430b3 !important;
  border:1px solid var(--stroke) !important;
  border-radius:14px !important;
}

/* Resultado */
#resultado{
  background:#0a132db0 !important;
  border:1px solid var(--stroke) !important;
  border-radius:14px !important;
  padding:20px !important;
}

/* Gráfico */
#graficoContainer canvas{
  background:#0a1226 !important;
  border:1px solid var(--stroke) !important;
  border-radius:14px !important;
  padding:10px !important;
}

/* Toggles */
#toggleAdvanced, #toggleData, #toggleInj{
  color:#60a5fa !important; font-weight:700 !important;
}

/* Scrollbar sutil */
*::-webkit-scrollbar{ height:10px; width:10px }
*::-webkit-scrollbar-thumb{ background:#1e2a47; border-radius:8px; border:2px solid #0b1220 }
*::-webkit-scrollbar-track{ background:transparent }