/* Minha Central — melhorias de usabilidade 23/10/2026 */
/* Botões de mostrar senha no login e em Configurações */
.password-input-wrap{position:relative;display:block;width:100%;min-width:0;margin-top:6px}
.password-input-wrap>input{display:block;width:100%!important;box-sizing:border-box;padding-right:58px!important;min-height:48px}
.password-visibility{
 position:absolute;right:5px;top:50%;transform:translateY(-50%);
 display:grid;place-items:center;width:43px;height:43px;min-height:43px;
 border:0!important;border-radius:10px;background:transparent!important;color:var(--read-secondary,var(--muted))!important;
 padding:8px;cursor:pointer;z-index:2
}
.password-visibility svg{width:23px;height:23px;display:block;pointer-events:none}
.password-visibility .password-eye-strike{display:none}
.password-visibility[aria-pressed="true"] .password-eye-strike{display:block}
.password-visibility:hover{background:var(--read-raised,var(--surface-2))!important;color:var(--read-strong,var(--text))!important}
.password-visibility:focus-visible{outline:3px solid var(--read-accent,#FF9F1C)!important;outline-offset:1px}
.auth-help{margin:14px 0 0;font-size:.83rem;color:var(--read-secondary,var(--muted));line-height:1.45}
.auth-help a{color:var(--read-accent,#FF9F1C);font-weight:780;text-decoration:underline;text-underline-offset:3px}
.auth-help a:hover{opacity:.82}
/* Campo de código é mantido por compatibilidade; invisível ao usuário */
#new-code-wrap[hidden]{display:none!important}
#routine-code-info{background:var(--read-raised,var(--surface-2));border:1px solid var(--read-stroke,var(--line));padding:10px 12px;border-radius:11px;margin:10px 0 14px;line-height:1.5}
#edit-dialog #editor-heading{font-size:clamp(1.1rem,3vw,1.35rem)}
#edit-dialog #save-routine{min-height:48px;font-size:.98rem;font-weight:800}
#edit-dialog .edit-row{min-width:0}
#edit-dialog .edit-row input{min-width:0}
/* Central de ajuda e suporte */
#view-more .help-section{margin-top:23px;background:var(--read-card,var(--surface));color:var(--read-strong,var(--text));border:1px solid var(--read-stroke,var(--line));border-radius:19px;padding:clamp(16px,2.8vw,24px);max-width:100%}
#view-more .help-intro .kicker{display:block;margin-bottom:4px}
#view-more .help-intro h2{font-size:clamp(1.2rem,3vw,1.45rem);margin:5px 0;color:var(--read-strong,var(--text))}
#view-more .help-intro p{font-size:.9rem;margin:8px 0 15px;color:var(--read-secondary,var(--muted));max-width:680px;line-height:1.55}
#view-more .help-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:17px;background:var(--read-raised,var(--surface-2));border:1px solid var(--read-stroke,var(--line));border-radius:15px}
#view-more .help-panel-copy{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:550px}
#view-more .help-panel-copy strong{font-size:1.02rem;color:var(--read-strong,var(--text))}
#view-more .help-panel-copy span{font-size:.88rem;color:var(--read-secondary,var(--muted));font-variant-numeric:tabular-nums}
#view-more .help-panel-copy small{font-size:.76rem;color:var(--read-muted,var(--muted));line-height:1.4}
#view-more .support-button{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
 background:var(--read-accent,#FF9F1C);color:var(--read-accent-on,#201408);font-size:.89rem;font-weight:800;
 border:1px solid var(--read-accent,#FF9F1C);border-radius:12px;text-decoration:none;padding:12px 17px
}
#view-more .support-button:hover{filter:brightness(1.07)}
#view-more .support-button svg{width:22px;height:22px;flex-shrink:0}
#view-more .help-about{border-top:1px solid var(--read-stroke-light,var(--line));margin-top:16px}
#view-more .help-about summary{min-height:44px;cursor:pointer;padding:14px 0 6px;font-size:.88rem;font-weight:760;color:var(--read-secondary,var(--muted))}
#view-more .help-about p{margin:4px 0 5px;line-height:1.6;color:var(--read-secondary,var(--muted));font-size:.85rem;max-width:740px}
#view-more .help-section a:focus-visible,.auth-help a:focus-visible{outline:3px solid var(--read-accent,#FF9F1C);outline-offset:3px}
@media(max-width:779px){
 #view-more .help-section{padding:16px}
 #view-more .help-panel{padding:15px;align-items:stretch}
 #view-more .support-button{width:100%;min-height:50px}
 #view-more .help-intro p{font-size:.85rem}
 #edit-dialog #routine-code-info{font-size:.81rem}
}


/* Escolha de modelos de treinos: prévia legível antes de instalar */
#starter-dialog .starter-model-preview{
 margin:14px 0 12px;padding:15px 16px;border-radius:13px;
 border:1px solid var(--read-stroke,var(--line));
 background:var(--read-raised,var(--surface-2));
 display:flex;flex-direction:column;align-items:flex-start;gap:7px
}
#starter-dialog .starter-model-preview strong{color:var(--read-strong,var(--text));font-size:.98rem;font-weight:800;line-height:1.4}
#starter-dialog .starter-model-preview p{margin:0;color:var(--read-secondary,var(--muted));font-size:.89rem;line-height:1.5}
#starter-dialog .starter-model-preview span{color:var(--read-accent,var(--accent));font-weight:700;font-size:.82rem;line-height:1.45}
#starter-dialog .starter-alert{font-size:.8rem;line-height:1.55}
#starter-dialog #starter-submit{min-height:48px}
@media(max-width:779px){
 #starter-dialog .starter-model-preview{padding:13px}
 #starter-dialog .starter-model-preview strong{font-size:.92rem}
 #starter-dialog .starter-model-preview p{font-size:.84rem}
 #starter-dialog .starter-model-preview span{font-size:.78rem}
}