/* ============================================================ TuneBox - conta.css Estilos ADITIVOS das paginas de conta (Rodada 3). Complementa tunebox.css; nao redefine nada que ja exista la. Usa as variaveis reais do tema (--txt, --s2, --s3, --r, --blue, --green, --err). Carregado no apos tunebox.css. O que tunebox.css JA fornece e reusamos sem redeclarar: .card .btn .btn-primary .btn-ghost .btn-outline .note .note.info .note.ok .center .muted .tiny .grid .g2 .sect-tag O que falta e definimos aqui: .field (label + input dos formularios) e a variante .note.erro ============================================================ */ /* ---- campo de formulario (label em cima, input embaixo) ---- */ .field{display:block;margin:0 0 14px} .field>span{display:block;font-family:var(--display);font-weight:600;font-size:13px; margin:0 0 6px;color:var(--txt)} .field>span small{font-weight:400;font-family:var(--body)} .field input{ width:100%;height:44px;padding:0 14px; font-family:var(--body);font-size:15px;color:var(--txt); background:var(--s2);border:1px solid var(--s3);border-radius:var(--r); outline:none;transition:.15s} .field input::placeholder{color:var(--txt3)} .field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.22)} /* ---- variante de erro do .note (tunebox.css traz info/ok, falta erro) ---- */ .note.erro{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.34);color:#ffb3c0} /* ---- o form do botao "Sair" no header nao deve herdar margens ---- */ header.site form{margin:0}