.tickets220{min-width:0}.ticket220-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.ticket220-toolbar h1{font-size:24px;margin:0}.ticket220-toolbar>div{display:flex;gap:10px}.ticket220-filters{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:16px;margin-bottom:24px}.ticket220-filters label{display:grid;gap:8px;font-size:16px;font-weight:600}.ticket220-filters input,.ticket220-filters select{min-height:44px;width:100%;font-size:14px}.ticket220-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line,#e1e6ed);color:inherit}.ticket220-item strong{font-size:16px;overflow-wrap:anywhere}.ticket220-item p,.ticket220-meta,.ticket220-help,.ticket220-pager,.ticket220-empty{font-size:13px;color:var(--muted,#617389);line-height:1.8}.ticket220-item p{margin:8px 0 0}.ticket220-item .tag{flex-shrink:0}.ticket220-empty{text-align:center;padding:36px}.ticket220-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}.ticket220-pager>span{margin-right:auto}.ticket220-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.ticket220-detail-head h2{font-size:20px;margin:0;overflow-wrap:anywhere}.ticket220-conversation{display:grid;gap:16px;margin:24px 0}.ticket220-closed{background:#f5f8fb;padding:16px;border-radius:8px;font-size:14px;color:#617389}.ticket220-dialog .btn{min-height:44px;font-size:14px}.ticket220-dialog .cgc-actions{display:flex}.ticket220-dialog input[type=file]{color:#173451}.tickets220 .btn{min-height:44px}.ticket220-help{margin:20px 0}.tickets220 a:focus-visible{outline:2px solid #0878e8;outline-offset:4px}
@media(max-width:640px){.ticket220-toolbar{align-items:flex-start;flex-wrap:wrap}.ticket220-filters{grid-template-columns:1fr}.ticket220-item{align-items:flex-start}.ticket220-item strong{font-size:15px}.ticket220-detail-head{align-items:flex-start;flex-wrap:wrap}.ticket220-pager{flex-wrap:wrap}.ticket220-pager>span{width:100%}}

.ticket220-toolbar{justify-content:flex-end}.ticket220-item .unread-dot{display:inline-block;margin-right:8px}.ticket220-dialog{width:min(680px,calc(100vw - 32px));background:var(--surface,#fff);color:var(--text,#173451)}.ticket220-dialog>header{background:var(--surface,#fff)}.ticket220-dialog .cgc-field>span{font-size:14px}.ticket220-dialog input,.ticket220-dialog select,.ticket220-dialog textarea{background:var(--surface,#fff);color:inherit}.ticket220-dialog .cgc-field small{line-height:1.7}.ticket220-dialog .btn{white-space:nowrap}.dark .tickets220 .cgc-ticket-message{background:var(--surface);border-color:var(--line);color:var(--text)}.dark .tickets220 .cgc-ticket-message.staff,.dark .ticket220-closed{background:var(--bg);color:var(--text)}
.ticket220-filters label{margin:0;line-height:22px;font-size:14px}.ticket220-filters input{margin:0}.ticket220-filters .choice-trigger{min-height:44px;height:44px}.ticket220-dialog label input,.ticket220-dialog label textarea,.ticket220-dialog label select{margin:0}.ticket220-dialog .cgc-ticket-dialog-body{max-height:calc(100dvh - 140px);overflow-y:auto}
.tickets220 form.ticket220-filters>label{margin:0}.ticket220-dialog form>label.cgc-field{margin:0}