/* TicketsBot dashboard's gray/blue palette, table layout and collapsible cards
   adapted under MIT; see THIRD_PARTY_NOTICES.md. */
.ticket-workspace{--tw-bg:#111827;--tw-card:#1f2937;--tw-line:#374151;--tw-blue:#3b82f6;max-width:1152px;margin:0 auto;padding:12px 12px 56px;color:#f9fafb;font-size:14px}
.tw-breadcrumb{display:flex;gap:10px;color:#9ca3af;font-size:12px;margin-bottom:26px}.tw-breadcrumb span{color:#64748b}
.tw-heading{text-align:center;margin:0 0 28px}.tw-heading h1{font-size:30px;letter-spacing:-.6px;margin:0 0 8px;font-weight:650}.tw-heading p{color:#9ca3af;margin:0}
.tw-nav{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--tw-line);margin-bottom:30px;padding:0 2px}.tw-nav a{padding:12px 18px;color:#9ca3af;border-bottom:2px solid transparent;font-weight:600;text-decoration:none}.tw-nav a.active{color:#60a5fa;border-color:#3b82f6}.tw-nav a:hover{color:white}.tw-nav b{margin-left:9px;padding:2px 7px;border-radius:5px;background:#374151;font-size:11px}
.ticket-workspace button,.ticket-workspace .button{border-radius:7px;font-weight:500;background:#374151;border-color:#4b5563;color:#f9fafb;text-decoration:none;white-space:nowrap}.ticket-workspace .primary{background:#2563eb;border-color:#2563eb}.ticket-workspace .primary:hover{background:#1d4ed8}.ticket-workspace .danger{color:#fda4af}
.tw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.tw-stats article{padding:22px 24px;background:var(--tw-card);border:1px solid var(--tw-line);border-radius:12px}.tw-stats span{display:block;color:#9ca3af;font-size:12px}.tw-stats strong{display:block;font-size:30px;margin-top:7px;font-weight:600}
.tw-card{background:var(--tw-card);border-radius:12px;padding:24px;margin-bottom:22px;border:1px solid #303c4e}.tw-card h2{font-size:20px;margin:0 0 18px;font-weight:500}.tw-card p{color:#9ca3af;font-size:13px}.tw-card a{color:#93c5fd}.tw-card .primary{color:white}
.tw-setup{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;padding:30px}.tw-eyebrow{font-size:10px;letter-spacing:1.5px;color:#60a5fa;font-weight:700}.tw-setup h2{margin:12px 0 6px;font-size:27px}.tw-setup .primary{display:inline-block;margin-top:16px}.tw-steps{display:grid;gap:0}.tw-steps a{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #374151;color:#e5e7eb;text-decoration:none}.tw-steps a:last-child{border-bottom:0}.tw-steps b{font-size:12px;color:#60a5fa}.tw-steps span:last-child{margin-left:auto;color:#94a3b8}.tw-steps strong,.tw-steps small{display:block}.tw-steps strong{font-size:13px;font-weight:500}.tw-steps small{font-size:11px;color:#9ca3af;margin-top:3px}
.tw-section-heading,.tw-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:30px 0 18px}.tw-section-heading h2,.tw-toolbar h2{margin:0;font-size:20px;font-weight:500}.tw-toolbar p{margin:4px 0 0;color:#9ca3af;font-size:12px}.tw-section-heading a{color:#60a5fa;font-size:12px}.tw-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tw-actions .button,.tw-actions button{padding:7px 10px;font-size:12px}.tw-table-heading{font-size:16px;font-weight:500;margin:26px 0 12px}.tw-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--tw-line);box-shadow:0 8px 20px #0001}.tw-table{width:100%;border-collapse:collapse;background:#1f2937;text-align:left}.tw-table th{background:#374151;color:#e5e7eb;font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.6px;padding:14px 16px}.tw-table td{padding:16px;border-bottom:1px solid #374151;font-size:12px;vertical-align:middle}.tw-table tr:last-child td{border-bottom:0}.tw-table tbody tr:hover{background:#263346}.tw-table strong{font-weight:500}.tw-table small{display:block;color:#9ca3af;font-size:11px;margin-top:6px}.tw-title-link{font-weight:550;color:#93c5fd;text-decoration:none}.tw-channel{color:#9ca3af}.tw-empty{text-align:center;color:#9ca3af;padding:32px!important}
.tw-status{display:inline-block;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;text-transform:capitalize;background:#374151;color:#cbd5e1}.tw-status.open{color:#86efac;background:#14532d66}.tw-status.pending{color:#fde68a;background:#78350f66}.tw-status.closed{color:#93c5fd;background:#1e3a8a66}.tw-status.deleted{color:#fda4af;background:#88133744}
.tw-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;background:#1f2937;padding:20px;border-radius:12px;margin-bottom:15px}.ticket-workspace label{color:#d1d5db;font-size:12px}.ticket-workspace input:not([type=checkbox]),.ticket-workspace select,.ticket-workspace textarea{background:#111827;border-color:#4b5563;color:#f9fafb;border-radius:7px;font-size:13px}.tw-bulk{display:flex;gap:10px;align-items:center;margin:12px 0;color:#9ca3af;font-size:11px}.tw-bulk span{margin-right:auto}.tw-bulk button{font-size:11px;padding:7px 10px}.tw-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;color:#9ca3af}.tw-pagination button{font-size:12px}.tw-back{display:inline-block;color:#9ca3af;font-size:12px;text-decoration:none;margin-bottom:12px}
#ticket-workspace-editor{margin-top:20px}#ticket-workspace-editor>h2{display:none}#ticket-workspace-editor .form-stack{gap:16px}#ticket-workspace-editor>.form-stack>.form-grid,#ticket-workspace-editor>.form-stack>.toggle,#ticket-workspace-editor>.form-stack>.role-list{background:#1f2937;padding:20px;border-radius:12px}#ticket-workspace-editor .role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#ticket-workspace-editor .role-list label{padding:7px}#ticket-workspace-editor .dialog-actions{position:sticky;bottom:15px;background:#111827ee;padding:16px;border:1px solid #374151;box-shadow:0 8px 30px #0005;border-radius:10px;z-index:3;backdrop-filter:blur(10px)}
.ticket-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ticket-type-tabs button{padding:10px 16px}.ticket-type-tabs button.active{background:#2563eb;border-color:#3b82f6}.ticket-workspace .ticket-type-editor{margin:0;padding:0;border:0;background:transparent}.ticket-workspace .ticket-type-editor>summary{display:none}.ticket-workspace .ticket-type-editor>.form-stack{margin-top:0}.ticket-settings-section{background:#1f2937;border:1px solid #303c4e;border-radius:12px;margin-bottom:16px;overflow:hidden}.ticket-settings-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-size:18px;font-weight:500}.ticket-settings-section>summary::-webkit-details-marker{display:none}.ticket-settings-section>summary:hover{background:#293648}.ticket-settings-section[open]>summary{border-bottom:1px solid #374151}.section-chevron{color:#9ca3af;font-size:17px}.ticket-settings-section[open] .section-chevron{transform:rotate(180deg)}.ticket-settings-body{padding:22px 24px}.ticket-settings-body .form-grid{gap:20px}.ticket-settings-body .form-grid>label.emoji-field{grid-column:1/-1}.ticket-settings-body h3{margin-top:0;color:#e5e7eb;font-weight:500}.ticket-switch{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #374151;font-size:13px!important}.ticket-switch input{accent-color:#3b82f6;height:18px;width:18px}.ticket-form-question{background:#111827;border:1px solid #374151;padding:16px;border-radius:8px;margin-bottom:14px}.ticket-form-question .danger{margin-top:10px}.ticket-workspace .message-design-block{background:#1f2937;border-color:#374151;border-radius:12px;margin-top:0}.ticket-workspace .ticket-settings-body .message-design-block{background:#111827}.ticket-workspace .server-emoji-picker{background:#111827}.ticket-workspace .discord-embed{background:#2b2d31}.ticket-workspace .ticket-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}
.tw-history-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.tw-history-meta{padding:20px;position:sticky;top:20px}.tw-history-meta h3{margin:0 0 18px;font-size:15px}.tw-history-meta>div{margin:13px 0}.tw-history-meta small,.tw-history-meta span{display:block;overflow-wrap:anywhere}.tw-history-meta small{font-size:10px;color:#9ca3af;margin-bottom:4px}.tw-history-meta span{font-size:12px;white-space:pre-wrap}.tw-history-meta>a{display:block;font-size:11px;margin:20px 0}.tw-chat{background:#313338;border:1px solid #41434a;border-radius:12px;overflow:hidden;min-width:0}.tw-chat-heading{padding:16px 20px;border-bottom:1px solid #42444c;display:flex;justify-content:space-between;gap:20px;font-size:13px}.tw-chat-heading span{font-size:11px;color:#aeb0bb}.tw-message{display:flex;gap:13px;padding:18px 20px;min-width:0}.tw-message:hover{background:#2e3035}.tw-message-avatar{width:34px;height:34px;border-radius:50%;background:#5865f2;display:grid;place-items:center;color:#fff;flex-shrink:0;font-size:14px}.tw-message-content{min-width:0;flex:1}.tw-message header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.tw-message header strong{color:#f3f4f5;font-size:13px;font-weight:600}.tw-message time,.tw-message header small{font-size:9px;color:#aaacb5}.tw-app{font-size:8px;font-weight:600;line-height:1;background:#5865f2;color:white;padding:3px;border-radius:3px}.tw-message-text{font-size:13px;line-height:1.6;color:#dbdee1;overflow-wrap:anywhere}.tw-message .discord-message{gap:0;margin-top:7px}.tw-message .discord-body{min-width:0}.tw-message .discord-embed{max-width:100%;margin-top:6px}.tw-message .discord-embed .discord-image{max-height:360px}.tw-attachments{display:grid;gap:10px;margin-top:8px}.tw-attachments figure{margin:0;max-width:520px;background:#232428;border:1px solid #42444b;border-radius:8px;overflow:hidden}.tw-attachments img,.tw-attachments video{display:block;max-width:100%;width:auto;max-height:450px;object-fit:contain}.tw-attachments video{width:100%}.tw-attachments audio{max-width:100%;margin:12px}.tw-attachments figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px;font-size:11px;overflow-wrap:anywhere}.tw-attachments a{color:#93c5fd}.tw-attachments small{color:#a0a2ad;font-size:9px;white-space:nowrap}.tw-asset-error{font-size:11px;color:#fda4af}
@media(min-width:1500px){.ticket-workspace{padding-top:28px}.tw-heading{margin-bottom:36px}}
@media(max-width:900px){.tw-stats{grid-template-columns:repeat(2,1fr)}.tw-setup{grid-template-columns:1fr;gap:20px}.tw-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-history-layout{grid-template-columns:1fr}.tw-history-meta{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tw-history-meta h3{grid-column:1/-1}.tw-toolbar{align-items:flex-start;flex-wrap:wrap}#ticket-workspace-editor .role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ticket-workspace{padding:0 0 30px}.tw-nav{gap:0}.tw-nav a{padding:10px;font-size:11px}.tw-heading h1{font-size:25px}.tw-card,.tw-setup{padding:18px}.tw-stats{gap:10px}.tw-stats article{padding:16px}.tw-filters{grid-template-columns:1fr;padding:15px}.ticket-workspace .ticket-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}#ticket-workspace-editor .role-list{grid-template-columns:1fr}.ticket-settings-body{padding:16px}.ticket-settings-section>summary{padding:17px;font-size:16px}.tw-message{padding:14px 10px;gap:9px}.tw-message-avatar{width:27px;height:27px;font-size:12px}.tw-history-meta{display:block}.tw-chat-heading{padding:13px;font-size:11px}}

.tw-message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}