/* Affyvox — campos de senha (Out/2026): olho, Caps Lock, dicas e força. Dois temas: escuro (login, criar senha)
   e claro (Configurações). Cores com contraste AA no fundo real de cada tela. */
.sx-caixa{position:relative;display:block;width:100%}
.sx-caixa > input.sx-campo{padding-right:48px !important;width:100%}
.sx-olho{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:10px;cursor:pointer;padding:0}
.sx-escuro .sx-olho,.sx-caixa.sx-escuro .sx-olho{color:#C9D6EA}
.sx-caixa.sx-claro .sx-olho{color:#475569}
.sx-olho:hover{background:rgba(127,140,170,.16)}
.sx-olho:focus-visible{outline:2px solid #8FB6FF;outline-offset:1px}
.sx-caps{margin-top:6px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px}
.sx-caps::before{content:'⇪';font-size:14px}
.sx-caps.sx-escuro{color:#FFD98A}
.sx-caps.sx-claro{color:#6B4A00}
.sx-caps[hidden],.sx-dicas [hidden]{display:none}
.sx-dicas{margin-top:10px;padding:12px 14px;border-radius:12px;font-size:12.5px;line-height:1.45}
.sx-dicas.sx-escuro{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#C9D6EA}
.sx-dicas.sx-claro{background:#F8FAFC;border:1px solid rgba(15,23,42,.10);color:#475569}
.sx-topo{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.sx-barra{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.sx-barra span{height:6px;border-radius:4px;background:rgba(127,140,170,.30)}
.sx-barra[data-nivel="0"] span:nth-child(-n+1){background:#EF4444}
.sx-barra[data-nivel="1"] span:nth-child(-n+2){background:#F59E0B}
.sx-barra[data-nivel="2"] span:nth-child(-n+3){background:#22C55E}
.sx-barra[data-nivel="3"] span{background:#16A34A}
.sx-nivel{font-weight:700;min-width:86px;text-align:right}
.sx-escuro .sx-nivel{color:#fff}
.sx-claro .sx-nivel{color:#0F172A}
.sx-lista{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sx-lista li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sx-marca{width:14px;flex-shrink:0;text-align:center;font-weight:700}
.sx-txt{flex:1 1 auto;min-width:0}
.sx-grupo{margin:8px 0 4px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.sx-escuro .sx-grupo{color:#C9D6EA}
.sx-escuro .sx-grupo.obrig{color:#FFD98A}
.sx-claro .sx-grupo{color:#475569}
.sx-claro .sx-grupo.obrig{color:#6B4A00}
.sx-escuro .sx-lista li.ok{color:#A7F3D0}
.sx-claro .sx-lista li.ok{color:#166534}
.sx-frase{margin:8px 0 0;font-size:12px}
.sx-igual{margin-top:6px;font-size:12.5px;font-weight:600;min-height:0}
.sx-igual.sx-escuro.ok{color:#A7F3D0}
.sx-igual.sx-escuro.dif{color:#FECACA}
.sx-igual.sx-claro.ok{color:#166534}
.sx-igual.sx-claro.dif{color:#991B1B}
.sx-falta{margin:6px 0 4px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600}
.sx-falta.sx-escuro{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#FECACA}
.sx-falta.sx-claro{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B}
.sx-falta[hidden]{display:none}
.sx-olho svg{position:static !important;transform:none !important;opacity:1 !important;left:auto !important;top:auto !important}