/* Páginas de formulário (staff.html) e painel (admin.html). Usa as cores do :root de style.css */
.wrap{max-width:760px;margin:0 auto;padding-top:24px}.wrap.wide{max-width:1000px}
.fld{margin:0 0 16px}.fld>label,.lbl{display:block;font-size:13px;color:var(--mut);margin:0 0 6px}
input[type=text],input[type=password],textarea,select{width:100%;background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;font:inherit}
input:focus,textarea:focus,select:focus{outline:2px solid var(--ac);outline-offset:1px}textarea{resize:vertical}
.chk{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;cursor:pointer}.chk input{margin-top:5px}
.note{margin:14px 0;padding:11px 14px;border-radius:var(--r);border:1px solid var(--line)}.note.ok{color:var(--ok);border-color:var(--ok)}.note.err{color:var(--rd);border-color:var(--rd)}
.stack{display:grid;gap:14px}.row2{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mut{color:var(--mut);font-size:13px}.sp{height:28px}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid var(--line)}
.tag.pending{color:var(--wa)}.tag.review{color:var(--bl)}.tag.approved{color:var(--ok)}.tag.rejected{color:var(--rd)}
.code{font:800 26px Sora,sans-serif;letter-spacing:.12em;margin:8px 0}.item{cursor:pointer}.item:hover{border-color:var(--mut)}
.tabs2{display:flex;gap:6px;margin:0 0 20px;flex-wrap:wrap}.qa{border-top:1px solid var(--line);padding:10px 0}.qa b{display:block;font-size:13px;color:var(--mut);font-weight:500}.qa span{white-space:pre-wrap;word-break:break-word}
.qed{border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:0 0 12px;background:var(--bg)}
a.btn.top{margin-left:auto}

.card,.qed{min-width:0;overflow-wrap:anywhere}.code{font-size:clamp(15px,4vw,26px);overflow-wrap:anywhere}.btn:disabled{opacity:.55;cursor:wait}.item:focus-visible{outline:2px solid var(--ac);outline-offset:3px}@media(max-width:480px){.wrap{padding-top:16px}.row2>select{max-width:100%}.tabs2 .btn{flex-grow:1}}

.staff-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.staff-heading h2{margin:0}.staff-heading .btn{white-space:nowrap}