body{margin:0;background:#08090b;color:#f4f6f8;font:14px Inter,Arial;padding:40px}
.wrap{max-width:820px;margin:auto}
.brand{font-weight:800;font-size:20px;margin-bottom:50px}
.brand b{background:#6c7cff;padding:7px 10px;border-radius:8px;margin-right:8px}
.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}
.muted{color:#a3abb8}
.btn{display:inline-block;background:#6c7cff;color:white;padding:11px 16px;border-radius:8px;text-decoration:none;font-weight:700;font-size:12px;border:0;cursor:pointer;font-family:inherit}
.btn.ghost{background:transparent;border:1px solid #252b35;color:#f4f6f8}
.hidden{display:none}
.card{background:#111419;border:1px solid #252b35;border-radius:14px;padding:20px;margin-bottom:16px}
.login-card{max-width:360px;margin:60px auto}
.login-card label{display:block;font-size:12px;color:#89919f;margin:14px 0 6px}
.login-card input{width:100%;box-sizing:border-box;background:#0c0e11;border:1px solid #252b35;border-radius:8px;padding:11px;color:white;font:inherit}
.login-card .btn{width:100%;margin-top:20px;text-align:center}
.error{color:#ff8a8a;font-size:12px;margin-top:12px;min-height:16px}
.ticket-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #1c2129;cursor:pointer}
.ticket-row:last-child{border-bottom:none}
.ticket-row:hover{opacity:.85}
.ticket-row b{display:block;font-size:14px}
.ticket-row small{color:#8b93a1}
.pill{font-size:11px;padding:4px 9px;border-radius:6px;white-space:nowrap}
.pill.open{color:#45d39c;background:#173a31}
.pill.pending{color:#f5c451;background:#3a2f17}
.pill.closed{color:#c9cfda;background:#20242c}
form label{display:block;font-size:12px;color:#89919f;margin:14px 0 6px}
form input,form select,form textarea{width:100%;box-sizing:border-box;background:#0c0e11;border:1px solid #252b35;border-radius:8px;padding:11px;color:white;font:inherit}
form textarea{resize:vertical;min-height:90px}
.msg{padding:12px 14px;border-radius:10px;margin-bottom:10px;max-width:85%}
.msg.player{background:#171a20;margin-left:0}
.msg.admin{background:#1c2540;margin-left:auto}
.msg small{display:block;color:#8b93a1;margin-top:6px;font-size:11px}
.back{color:#8b93a1;text-decoration:none;font-size:12px;display:inline-block;margin-bottom:14px}
@media(max-width:650px){body{padding:22px}}
/* linhas de ticket viraram <button> para funcionar com teclado */
button.ticket-row{width:100%;background:none;border:0;border-bottom:1px solid #1c2129;color:inherit;font:inherit;text-align:left}
button.ticket-row:last-child{border-bottom:none}
.back.linklike{color:#a3abb8;text-decoration:none;font-size:12px}