/* WolfFIT SM · v7 — Mi cuenta: progreso del perfil, formulario de entrega y seguridad */

/* ---------- Texto auxiliar más legible (contraste ≥ 7:1 sobre el fondo oscuro) ---------- */
.wda-comp p,.wda-mute,.wda-none p,.wda-ch small,.wda-sec small,.wda-help small,.wda-prog small{color:#b6b6c0}
.wda-fl>span{color:#d0d0d8}

/* ---------- Botones: zona táctil mínima de 44 px y brillo más sobrio ---------- */
button.wda-btn{min-height:44px}
button.wda-btn.sm{min-height:40px}
button.wda-btn.pri{box-shadow:inset 0 1px #fff,0 6px 16px -10px #ffffff40}
button.wda-btn.pri:hover{box-shadow:inset 0 1px #fff,0 10px 22px -12px #c8a862b3}

/* ---------- «Completa tu perfil»: el porcentaje sale de la barra, grande y legible ---------- */
.wda-comp{grid-template-columns:minmax(0,1fr) minmax(190px,320px) auto;gap:18px 30px;align-items:center;padding:20px 24px}
.wda-comp .wda-bar{height:10px;margin-right:56px;overflow:visible;background:#ffffff24}
.wda-bar i{box-shadow:0 0 14px -2px #c8a86299}
.wda-bar span{left:calc(100% + 14px);right:auto;font-size:14px;font-weight:800;line-height:1;color:#ebddb2;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .wda-comp{grid-template-columns:1fr;padding:18px}
 .wda-comp .wda-btn{width:100%}
}

/* ---------- Formulario: el campo lo dibuja el contenedor, el input queda transparente ---------- */
html body .wda-iw .wda-in:not(#_),
html body .wda-iw .wda-in:focus:not(#_){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
.wda-in:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-out}
.wda-iw{min-height:50px;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff26}
.wda-iw:hover{box-shadow:inset 0 0 0 1px #ffffff3d}
.wda-iw:focus-within{background:#ffffff14;box-shadow:inset 0 0 0 1px #c8a862,0 0 0 4px #c8a86226}
.wda-iw svg{flex:none}
.wda-in::placeholder{color:#8f8f99;opacity:1}
.wda-iw:has(textarea){align-items:flex-start;padding-top:13px;padding-bottom:6px}
.wda-iw:has(textarea) .wda-in{min-height:84px;padding:0;line-height:1.5}
.wda-iw.ro{opacity:1;background:#ffffff08;cursor:not-allowed}
.wda-iw.ro .wda-in{color:#b6b6c0;cursor:not-allowed}
.wda-form .wda-grid2{gap:18px 16px}
.wda-form .wda-row{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff14}

/* ---------- Seguridad y sesión: texto a la izquierda, acción a la derecha ---------- */
.wda-sec{padding:14px 16px;margin-bottom:16px;border-radius:16px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff12}
.wda-sec+div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px}
.wda-sec+div .wda-mute{flex:1 1 260px;margin:0}
.wda-sec+div .wda-okmsg{margin-top:0;flex:1 1 100%}
.wda-split{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.wda-split .wda-ch{grid-column:1;margin-bottom:4px}
.wda-split .wda-mute{grid-column:1;margin:0}
.wda-split>.wda-btn{grid-column:2;grid-row:1/3}
@media(max-width:700px){
 .wda-sec+div .wda-btn,.wda-split>.wda-btn{width:100%}
 .wda-split{grid-template-columns:1fr}
 .wda-split>.wda-btn{grid-column:1;grid-row:auto;margin-top:16px}
}