/* Frequentti · layout das telas da equipe (entrar, equipe, painel). Tokens e componentes base vêm de /louca.css */
a{color:var(--brand)}
.wrap{max-width:760px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.top .wm{font-size:1.5rem}
.card{margin-top:14px;padding:20px}
.card h2{font-size:1.2rem;margin-bottom:10px}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select,textarea{width:100%;min-height:46px}
textarea{min-height:84px;resize:vertical}
.field{margin-top:14px}
.field .hint,.hint{margin-top:5px;color:var(--muted);font-size:.84rem}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.92rem}
.check input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--brand);padding:0}
.btn.sm{min-height:44px;padding:6px 14px;font-size:.9rem}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.msg{margin-top:14px;padding:13px 16px;border-radius:14px;font-size:.92rem;background:var(--brand-soft);color:var(--ink)}
.msg.erro{background:var(--alert-soft);color:var(--alert);font-weight:600;box-shadow:inset 3px 0 0 var(--alert)}
.msg.aviso{background:var(--warn-soft);box-shadow:inset 3px 0 0 var(--warn)}
.linkbtn{background:none;border:0;border-radius:8px;padding:6px 2px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-weight:600;min-height:44px}