.desk{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.desk-list{gap:8px;display:grid}.desk-new{width:100%}.tk{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.tk:hover{border-color:#4fc3f773}.tk.on{border-color:var(--blue);background:#4fc3f714}.tk b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.tk small{color:var(--dim);font-size:12px}.st{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:2px 8px;font-size:11px;font-weight:800}.st.open{color:var(--gold);background:#ffd54f26}.st.answered{color:var(--good);background:#7ddc6a26}.st.closed{color:var(--dim);background:#ffffff12}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;min-width:0;padding:20px}.panel h2{overflow-wrap:anywhere;margin-bottom:4px;font-size:20px}.panel .meta{color:var(--dim);margin:0 0 14px;font-size:13px}.thread{gap:10px;margin:14px 0;display:grid}.msg{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0d;border-radius:14px;max-width:88%;padding:10px 14px;font-size:15px}.msg.me{background:#4fc3f71a;border-color:#4fc3f74d;justify-self:end}.msg.staff{background:#ff5a3d1a;border-color:#ff5a3d59;justify-self:start}.msg small{color:var(--dim);white-space:normal;margin-bottom:4px;font-size:12px;font-weight:700;display:block}textarea,select.inp{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#00000059;border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:110px}select.inp{height:42px}select.inp option{background:#11161d}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ghost{border:1px solid var(--line);height:38px;color:var(--ink);font:600 14px var(--body);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:0 14px}.ghost:hover{border-color:#ffffff40}.ghost.on{border-color:var(--blue);color:var(--blue)}.ghost.danger{color:#ffb4a1}.hint{color:var(--dim);font-size:13px}.err{color:#ffb4a1}.tabs-row{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.tile b{font-family:var(--display);font-size:26px;font-weight:400;display:block}.tile span{color:var(--muted);font-size:13px}.tile.hot{border-color:#ff5a3d80}table.grid-t{border-collapse:collapse;width:100%;font-size:14px}table.grid-t th,table.grid-t td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}table.grid-t th{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:12px}table.grid-t tr.click{cursor:pointer}table.grid-t tr.click:hover td{background:#ffffff08}.scroll-x{overflow-x:auto}.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.tag{color:var(--muted);background:#ffffff12;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.tag.admin{color:#ffb4a1;background:#ff5a3d2e}.tag.guest{color:var(--gold);background:#ffd54f24}.tag.hidden{color:#ffb4a1;background:#ff6b6b29}.pos{color:var(--good)}.neg{color:#ffb4a1}.search{gap:8px;margin-bottom:12px;display:flex}.search input{flex:1}@media (max-width:820px){.desk{grid-template-columns:minmax(0,1fr)}}.panel h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px;font-size:15px}.panel code{color:var(--dim);font-size:12px}.fn{border-top:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:150px minmax(80px,1fr) 60px 48px;align-items:center;column-gap:12px;padding:8px 0;display:grid}.fn-l{font-weight:700}.fn-bar{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.fn-bar i{border-radius:inherit;background:linear-gradient(90deg,#4fc3f7,#7ddc6a);height:100%;display:block}.fn b{text-align:right;font-variant-numeric:tabular-nums}.fn-p{color:var(--muted);font-variant-numeric:tabular-nums}.fn small{color:var(--dim);grid-column:2/-1;font-size:12px}@media (max-width:560px){.fn{grid-template-columns:1fr 52px 44px}.fn-bar{grid-area:2/1/auto/-1}.fn small{grid-column:1/-1}}
