/* FAQ dan tiket (formulir + utas). Hanya token dari 01-tokens.css. */
.faq{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-m);margin:0 0 10px}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:600;line-height:1.5}
.faq p{padding:0 16px;margin:0 0 14px}
.tform{display:grid;gap:16px;margin:22px 0}
.tform label{display:grid;gap:6px;font-weight:600;font-size:15px}
.tform input,.tform select,.tform textarea{font:inherit;font-weight:400;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px;width:100%;box-sizing:border-box}
.tform input:focus-visible,.tform select:focus-visible,.tform textarea:focus-visible{outline:2px solid var(--kuning);outline-offset:1px}
.tform .req,.tform .opt{color:var(--muted);font-weight:400;font-size:13px}
.tform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.tform .btn{justify-self:start}
.err{color:var(--merah);margin:0}
.state{font-weight:600;margin:0 0 18px}
.thread{display:grid;gap:10px;margin:0 0 20px}
.msg{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-m);padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.op{background:var(--panel-2);border-color:var(--kuning)}
.msg .who{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}
.callout #tf-link{overflow-wrap:anywhere}
[hidden]{display:none!important}