.senha-container{max-width:1100px;margin:auto;padding:45px 24px 80px}.senha-voltar{color:var(--color-primary);font-size:14px;font-weight:600;text-decoration:none}.senha-voltar:hover{text-decoration:underline}.senha-intro{text-align:center;margin:45px 0 35px}.senha-intro h1{margin-bottom:12px;font-size:clamp(30px,5vw,44px)}.senha-intro p{color:var(--color-text-secondary);line-height:1.6}.senha-ferramenta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:35px;display:grid}.senha-ferramenta h2{margin:0 0 25px;font-size:20px}.senha-configuracoes,.senha-resultados{min-width:0}.senha-campo{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.senha-campo label,.senha-tipos legend{font-size:14px;font-weight:600}.senha-campo small,.senha-forca small{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.senha-controle-comprimento{align-items:center;gap:16px;display:flex}#senha-slider{min-width:0;accent-color:var(--color-primary);flex:1}#senha-comprimento{border:1px solid #cbd5e1;border-radius:8px;width:82px;padding:12px;font-size:15px}.senha-tipos{border:0;flex-direction:column;gap:15px;margin:0 0 30px;padding:0;display:flex}.senha-tipos legend{margin-bottom:17px}.senha-tipos label{cursor:pointer;align-items:center;gap:11px;font-size:14px;display:flex}.senha-tipos input{width:17px;height:17px;accent-color:var(--color-primary)}#senha-quantidade{background:var(--color-surface);border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:15px}.senha-botao-principal{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;width:100%;padding:15px 20px;font-size:15px;font-weight:700}.senha-botao-principal:hover{background:var(--color-primary-hover)}.senha-botao-principal:disabled{opacity:.6;cursor:not-allowed}.senha-aviso{color:#475569;min-height:20px;font-size:13px;line-height:1.6}.senha-placeholder{text-align:center;min-height:260px;color:var(--color-text-secondary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.senha-placeholder span{font-size:55px}.senha-placeholder p{max-width:260px;line-height:1.6}.senha-placeholder[hidden],#senha-painel[hidden]{display:none}.senha-forca{margin-top:24px;padding:0 5px}.senha-forca[hidden]{display:none}.senha-forca-topo{justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.senha-forca-trilha{background:#e2e8f0;border-radius:20px;height:9px;margin-bottom:12px;overflow:hidden}#senha-forca-barra{border-radius:20px;width:0;height:100%;transition:width .2s}#senha-forca-barra.muito-fraca,#senha-forca-barra.fraca{background:#ef4444}#senha-forca-barra.moderada{background:#eab308}#senha-forca-barra.forte{background:#22c55e}#senha-forca-barra.muito-forte{background:#16a34a}.senha-lista{flex-direction:column;gap:12px;display:flex}.senha-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:15px;min-width:0;padding:20px;display:flex}.senha-valor{width:100%;min-width:0;color:var(--color-dark);letter-spacing:-.5px;font-variant-ligatures:none;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:Consolas,monospace;font-weight:500;line-height:1.3;overflow-x:auto}.senha-valor:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:3px}.senha-valor.senha-texto-grande{font-size:32px}.senha-valor.senha-texto-medio{font-size:24px}.senha-valor.senha-texto-pequeno{font-size:17px}.senha-valor.senha-texto-compacto{font-size:13px}.senha-copiar{color:var(--color-primary);cursor:pointer;background:#eff6ff;border:0;border-radius:7px;flex-shrink:0;padding:10px 14px;font-weight:600}.senha-copiar:hover{background:#dbeafe}.senha-privacidade{color:var(--color-text-secondary);text-align:center;margin-top:25px;font-size:12px;line-height:1.6}@media (width<=750px){.senha-ferramenta{grid-template-columns:minmax(0,1fr);gap:35px;padding:22px}.senha-container{padding:30px 16px 60px}}@media (width<=600px){.senha-item{gap:10px;padding:15px}.senha-valor.senha-texto-grande{font-size:24px}.senha-valor.senha-texto-medio{font-size:19px}.senha-valor.senha-texto-pequeno{font-size:15px}.senha-valor.senha-texto-compacto{font-size:12px}}@media (width<=420px){.senha-item{flex-direction:column}.senha-copiar{width:100%}}
