/* Quitto: paleta da marca (verde de "quitado", grafite, menta, amarelo de destaque) */
:root{
  --verde:#0F9F6E;--verde-escuro:#0A5C42;--menta:#E3F6EE;--grafite:#1F2328;--amarelo:#FFC83D;
  --fundo:#F6F8F7;--cartao:#fff;--borda:#E3E8E6;--tinta:#1F2328;--tinta-2:#4B5563;--tinta-3:#8A94A0;
  --vermelho:#D93D3D;--ambar:#C98A00;--fundo-2:#F2F5F3;--borda-forte:#C9D3CE;
  --verde-suave:#F1FAF5;--ambar-suave:#FFF6DB;--vermelho-suave:#FBEAEA;--azul-suave:#EAF2FC;--ambar-tinta:#8A5E00;--raio:12px;--sombra:0 1px 2px rgba(16,24,40,.06),0 4px 14px -6px rgba(16,24,40,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font:400 14.5px/1.45 Inter,system-ui,sans-serif;color:var(--tinta);background:var(--fundo);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--verde-escuro)}
[hidden]{display:none!important}

.marca{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.4px;color:var(--grafite)}
.marca i{width:30px;height:30px;border-radius:9px;background:var(--verde);display:grid;place-items:center;color:#fff;font-style:normal;font-size:17px}
.marca .logo{width:32px;height:32px;border-radius:8px;flex:none;display:block}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:var(--verde);color:#fff;
     font-weight:700;padding:10px 16px;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:hover{background:var(--verde-escuro)}
.btn:disabled{opacity:.5;cursor:default}
.btn.claro{background:var(--cartao);color:var(--tinta);border:1px solid var(--borda)}
.btn.claro:hover{background:var(--fundo)}
.btn.zap{background:#25D366}
.btn.perigo{background:var(--cartao);color:var(--vermelho);border:1px solid #f1c9c9}
.btn.mini{padding:6px 10px;font-size:13px;border-radius:8px}

.campo{display:flex;flex-direction:column;gap:5px}
.campo label{font-size:12.5px;font-weight:600;color:var(--tinta-2)}
.campo input,.campo select,.campo textarea{width:100%;border:1px solid var(--borda);border-radius:10px;padding:10px 12px;background:var(--cartao);outline:none}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--verde);box-shadow:0 0 0 3px var(--menta)}
.erro{color:var(--vermelho);font-size:13px;min-height:18px}

/* olho para ver a senha (senha.js) */
.senha-caixa{position:relative;display:block;width:100%}
.senha-caixa input{width:100%;padding-right:44px !important}
.senha-olho{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--tinta-3,#6b7280)}
.senha-olho:hover{background:rgba(0,0,0,.05);color:var(--tinta,#1f2328)}
.senha-olho svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}