.ticket-page{padding-top:24px;padding-bottom:40px}.ticket-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.ticket-page .page-title{margin:18px 0 24px}.ticket-page .page-title .btn{margin-top:10px}.ticket-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.ticket-toolbar [role=status]{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.ticket-panel{border:1px solid #342b3b;background:#1c1622;padding:24px;border-radius:14px;min-width:0}.ticket-panel h2{font-size:20px;margin-bottom:14px}.ticket-panel p{color:#ada2b5}.ticket-page .btn,.ticket-workspace .btn,.ticket-filters .chip{min-height:46px;white-space:normal;text-align:center}.ticket-page input,.ticket-page textarea,.ticket-page select,.ticket-workspace input,.ticket-workspace textarea,.ticket-workspace select{font-size:16px;min-height:48px;width:100%;min-width:0}.ticket-panel .field{display:block;margin-bottom:18px}.ticket-panel .field>span{display:block;margin-bottom:8px}.ticket-toolbar .btn{flex-shrink:0}.ticket-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ticket-filters small{margin-left:5px;opacity:.8}.ticket-status{display:inline-flex;align-items:center;padding:5px 9px;font-size:12px;font-weight:600;line-height:1.4;border-radius:7px;background:#705b2633;color:#f1cf7e}.ticket-status.is-in_progress{background:#416aa72c;color:#97baff}.ticket-status.is-awaiting_user{background:#aa55832c;color:#ffadd3}.ticket-status.is-resolved{background:#31956826;color:#83dfb2}.ticket-list{display:grid;gap:14px}.ticket-list-card{display:block;border:1px solid #342b3b;background:#1c1622;border-radius:14px;padding:22px;transition:border-color .15s;overflow-wrap:anywhere;min-width:0}.ticket-list-card:hover{border-color:#b27091}.ticket-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ticket-card-top>small{font-size:11px;color:var(--muted);letter-spacing:.5px}.ticket-list-card h2{font-size:18px;margin-bottom:12px;line-height:1.45}.ticket-list-card p{color:var(--muted);margin:0 0 10px}.ticket-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.ticket-card-bottom time{font-size:12px;color:var(--muted)}.ticket-card-bottom>span{font-size:13px;color:#f4a6c6}.ticket-more{margin-top:22px;width:100%}.ticket-empty{padding:40px 20px;text-align:center;border:1px dashed #403447;border-radius:14px}.ticket-empty p{color:var(--muted)}.ticket-heading{margin-bottom:20px;overflow-wrap:anywhere}.ticket-heading h2{font-size:24px;line-height:1.35}.ticket-heading>p{font-size:12px;margin-bottom:0}.ticket-heading>.btn{margin-top:18px}.ticket-owner{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;font-size:13px}.ticket-owner code{flex-basis:100%;overflow-wrap:anywhere}.ticket-detail-grid{display:grid;gap:20px}.ticket-thread{padding:0;margin:0;list-style:none;display:grid;gap:18px}.ticket-message{padding:18px;background:#29202f;border:1px solid #3a2e43;border-radius:12px;overflow-wrap:anywhere}.ticket-message.is-reply{background:#282033;border-color:#544062}.ticket-message.is-internal{background:#65501718;border-style:dashed;border-color:#806b38}.ticket-message-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}.ticket-message-meta time,.ticket-status-event time{font-size:11px;color:var(--muted)}.ticket-message p{color:#eee4f4;margin:12px 0 0;white-space:pre-wrap;line-height:1.7}.ticket-private-label{display:block;color:#e7c077;margin-top:8px}.ticket-status-event{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 4px;color:var(--muted)}.ticket-status-event .ticket-status{margin-left:6px;font-size:11px}.ticket-compose p{font-size:13px}.ticket-compose .btn{width:100%}.ticket-compose .form-error{color:#ff93b3}.ticket-internal-compose{border-top:1px solid #3d3145;margin-top:28px;padding-top:26px}.ticket-older{margin-bottom:20px;width:100%}.light-mode .ticket-workspace{--muted:#77717e}.light-mode .ticket-panel,.light-mode .ticket-list-card{background:white;border-color:#e7e1eb}.light-mode .ticket-panel p{color:#77717e}.light-mode .ticket-list-card:hover{border-color:#c7789a}.light-mode .ticket-message{background:#f7f4f9;border-color:#e4dce9}.light-mode .ticket-message.is-reply{background:#fcf2f7;border-color:#efdae4}.light-mode .ticket-message.is-internal{background:#fffaf0;border-color:#dcc791}.light-mode .ticket-message p{color:#3a3242}.light-mode .ticket-status{color:#8c640b;background:#fff3ce}.light-mode .ticket-status.is-in_progress{color:#2a61ad;background:#edf4ff}.light-mode .ticket-status.is-awaiting_user{color:#a13d75;background:#fff0f8}.light-mode .ticket-status.is-resolved{color:#208251;background:#eaf8ef}.light-mode .ticket-private-label{color:#8c640b}.light-mode .ticket-card-bottom>span{color:#b73c77}.light-mode .ticket-internal-compose{border-color:#e7e1eb}.light-mode .ticket-compose .form-error{color:#bc2b53}
@media(min-width:1000px){.ticket-page{max-width:1120px}.ticket-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start}.ticket-empty{grid-column:1/-1}}
@media(max-width:600px){.ticket-panel,.ticket-list-card{padding:20px 16px}.ticket-page .page-title h1{font-size:32px}.ticket-card-bottom{align-items:flex-start;flex-direction:column;gap:10px}.ticket-card-top{gap:8px}.ticket-filters{gap:6px}.ticket-filters .chip{padding:9px 11px}.ticket-message{padding:16px 13px}.ticket-message-meta{align-items:flex-start;flex-direction:column;gap:6px}.ticket-heading h2{font-size:21px}.ticket-message p{font-size:14px}.ticket-status-event{align-items:flex-start;flex-direction:column;gap:7px}.ticket-compose .btn,.ticket-page form>.btn{width:100%}}