.ticket-toolbar { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.ticket-search { flex:1; margin:0; }
.ticket-filter-label { display:flex; align-items:center; gap:8px; color:#858b8f; font-size:12px; }
.ticket-filter-label select { min-height:40px; padding:0 34px 0 12px; border:1px solid #292d30; border-radius:9px; color:#e8ebed; background:#111315; }
.ticket-categories { display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px 8px; margin-bottom:14px; padding-bottom:2px; }
.ticket-category-group { flex:none; border:1px solid #232729; border-radius:10px; background:#0d0f11; padding:6px 8px; }
.ticket-category-group.empty { opacity:.6; }
.ticket-category-summary { display:flex; align-items:center; gap:8px; cursor:pointer; color:#92989c; font-size:12px; list-style:none; }
.ticket-category-summary::-webkit-details-marker { display:none; }
.ticket-category-summary::before { content:"▸"; color:#6d7378; font-size:10px; }
.ticket-category-group[open] .ticket-category-summary::before { content:"▾"; }
.ticket-category-summary b { min-width:20px; padding:2px 6px; border-radius:99px; color:#b6e1ff; background:#69bbf522; font-size:10px; text-align:center; }
.ticket-subcategories { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.ticket-category { min-height:38px; display:inline-flex; align-items:center; gap:8px; flex:none; padding:8px 12px; border:1px solid #292d30; border-radius:9px; color:#92989c; background:#101214; cursor:pointer; }
.ticket-category:hover { color:#d8dcdf; border-color:#3a3f43; }
.ticket-category.active { color:#fff; border-color:#6cb9f05e; background:#69bbf51c; }
.ticket-category b { min-width:20px; padding:2px 6px; border-radius:99px; color:#b6e1ff; background:#69bbf522; font-size:10px; text-align:center; }
.ticket-workspace { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(360px,1.45fr) minmax(210px,.68fr); gap:14px; min-height:590px; }
.ticket-list-panel,.ticket-conversation,.ticket-info { overflow:hidden; }
.ticket-list { max-height:680px; overflow:auto; padding:8px; }
.ticket-list-item { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; padding:13px; border:1px solid transparent; border-radius:9px; color:#dde2e5; background:transparent; text-align:left; cursor:pointer; }
.ticket-list-item:hover,.ticket-list-item.active { border-color:#69bbf53d; background:#69bbf514; }
.ticket-list-item strong,.ticket-list-item small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticket-list-item small,.ticket-muted { color:#777c80; }
.ticket-status { align-self:start; padding:3px 7px; border-radius:99px; color:#7de0a5; background:#42d98a16; font-size:9px; text-transform:uppercase; }
.ticket-status.closed { color:#999fa3; background:#ffffff0b; }
.ticket-chat-header { padding:18px 20px; border-bottom:1px solid #202426; }
.ticket-chat-header h3 { margin:0 0 3px; }.ticket-chat-header p { color:#777c80; font-size:12px; }
.ticket-messages { height:470px; overflow:auto; display:flex; flex-direction:column; gap:12px; padding:20px; }
.ticket-message { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; }
.ticket-message img,.ticket-message-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#c5e7ff; background:#67c0ff24; object-fit:cover; font-size:12px; }
.ticket-message header { display:flex; align-items:baseline; gap:7px; }.ticket-message header span { color:#666c70; font-size:10px; }
.rank-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticket-message header .rank-name { font-size:inherit; color:inherit; }
.ticket-info-body dd .rank-name { display:block; }
.ticket-message p { margin:4px 0 0; color:#c9cdd0; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.ticket-attachments { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }.ticket-attachments img { width:auto; height:auto; max-width:min(360px,100%); max-height:260px; border-radius:8px; }.ticket-attachments a { color:#a2d8ff; font-size:12px; }
.ticket-reply { display:grid; grid-template-columns:1fr auto; gap:8px; padding:14px; border-top:1px solid #202426; }.ticket-reply label { position:absolute; clip:rect(0 0 0 0); }.ticket-reply textarea { resize:none; padding:11px; border:1px solid #292d30; border-radius:9px; color:#eef0f2; background:#090b0c; }.ticket-reply button { align-self:end; }
.ticket-info-body { padding:18px; }.ticket-info-body dl { display:grid; gap:13px; }.ticket-info-body dt { color:#666c70; font-size:10px; text-transform:uppercase; }.ticket-info-body dd { margin:3px 0 0; color:#d6dadc; font-size:12px; overflow-wrap:anywhere; }
.ticket-actions { display:grid; gap:8px; padding:0 18px 18px; }.ticket-actions .danger { color:#ff9292; }
@media (max-width:1100px) { .ticket-workspace { grid-template-columns:220px minmax(0,1fr); }.ticket-info { grid-column:1/-1; }.ticket-info-body dl { grid-template-columns:repeat(3,1fr); }.ticket-actions { display:flex; } }
@media (max-width:720px) { .ticket-toolbar { align-items:stretch; flex-direction:column; }.ticket-workspace { grid-template-columns:1fr; }.ticket-list { max-height:250px; }.ticket-info { grid-column:auto; }.ticket-info-body dl { grid-template-columns:1fr 1fr; }.ticket-messages { height:420px; } }