.tlst-wrap,.tlst-auth-gate{direction:rtl;background:#fff;border:1px solid #ececec;border-radius:20px;margin:16px 0;padding:20px;box-shadow:0 10px 30px #0f172a0a}.tlst-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tlst-head h2,.tlst-auth-gate h2,.tlst-form-title h2{color:#162e10;margin:0;font-size:22px;font-weight:800}.tlst-form-title{margin-bottom:16px}.tlst-form-title p{color:#64748b;margin:8px 0 0;line-height:1.9}.tlst-back-link{color:#475569;align-items:center;gap:6px;margin-bottom:8px;display:inline-flex;text-decoration:none!important}.tlst-back-link:hover{color:#162e10}.tlst-filters{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.tlst-filters input,.tlst-filters select,.tlst-form input,.tlst-form select,.tlst-form textarea,.tlst-csat select,.tlst-csat textarea{color:#111827;width:100%;min-height:46px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:16px;outline:none;padding:10px 13px;transition:border-color .15s,box-shadow .15s,background .15s}.tlst-filters input:focus,.tlst-filters select:focus,.tlst-form input:focus,.tlst-form select:focus,.tlst-form textarea:focus,.tlst-csat select:focus,.tlst-csat textarea:focus{background:#fff;border-color:#c7a45b;box-shadow:0 0 0 4px #c7a45b1f}.tlst-filters input{flex:220px}.tlst-filters select{flex:0 200px}.tlst-form{gap:16px;display:grid}.tlst-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tlst-field,.tlst-csat{color:#1f2937;gap:7px;font-weight:700;display:grid}.tlst-field span{align-items:center;gap:6px;display:inline-flex}.tlst-field small{color:#64748b;font-weight:500;line-height:1.8}.tlst-field-subject{background:linear-gradient(#fffdf7 0%,#fff 100%);border:1px solid #f0dfbb;border-radius:18px;padding:14px}.tlst-subject-input{font-size:15px;font-weight:700;min-height:52px!important}.tlst-submit-button,.tlst-primary-action,.tlst-auth-button,.tlst-open-ticket-button{color:#fff!important;background:#162e10!important;border-color:#162e10!important;border-radius:16px!important;padding-inline:18px!important;font-weight:800!important}.tlst-submit-button:hover,.tlst-primary-action:hover,.tlst-auth-button:hover,.tlst-open-ticket-button:hover{filter:brightness(1.05);color:#fff!important}.tlst-empty,.tlst-error{color:#475569;background:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;padding:18px;line-height:1.9}.tlst-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.tlst-ticket-list{gap:10px;display:grid}.tlst-ticket-row{color:inherit;background:#fff;border:1px solid #ececec;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex;text-decoration:none!important}.tlst-ticket-row:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000000f}.tlst-ticket-row span{color:#64748b;font-size:13px}.tlst-badge{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-closed{color:#475569;background:#f1f5f9}.status-resolved{color:#047857;background:#ecfdf5}.status-pending_agent{color:#c2410c;background:#fff7ed}.status-pending_customer{color:#1d4ed8;background:#eff6ff}.priority-urgent{color:#b91c1c;background:#fef2f2}.priority-high{color:#c2410c;background:#fff7ed}.priority-normal{color:#1d4ed8;background:#eff6ff}.priority-low{color:#475569;background:#f8fafc}.tlst-conversation{gap:12px;margin:18px 0;display:grid}.tlst-message{background:#f8fafc;border:1px solid #eef2f7;border-radius:18px;max-width:84%;padding:14px}.tlst-message.sender-customer{background:#f7f1e6;margin-inline-start:auto}.tlst-message.sender-agent{background:#eef7ee;margin-inline-end:auto}.tlst-message strong{margin-bottom:4px;display:block}.tlst-message time{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.tlst-reply-form{border-top:1px solid #eef2f7;padding-top:16px}.tlst-close-form{margin-top:12px}.tlst-csat,.tlst-csat-done{border-top:1px solid #eee;margin-top:18px;padding-top:16px}.tlst-pagination{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tlst-pagination a{border:1px solid #ddd;border-radius:10px;padding:6px 10px;text-decoration:none}.tlst-pagination a.is-active{color:#fff;background:#162e10;border-color:#162e10}.tlst-auth-gate{text-align:center;line-height:1.9}@media (width<=640px){.tlst-ticket-row{flex-direction:column;align-items:flex-start}.tlst-message{max-width:100%}.tlst-wrap,.tlst-auth-gate{padding:14px}.tlst-form-grid{grid-template-columns:1fr}.tlst-head h2,.tlst-auth-gate h2,.tlst-form-title h2{font-size:20px}}.tlst-relation-help{color:#4b5563;background:#162e100b;border:1px solid #162e1024;border-radius:14px;margin:12px 0 16px;padding:12px 14px;font-size:13px;line-height:1.9}.tlst-conversation{text-align:right;direction:rtl;unicode-bidi:isolate;flex-direction:column!important;gap:14px!important;display:flex!important}.tlst-message{box-sizing:border-box;text-align:right;overflow-wrap:anywhere;direction:rtl;width:fit-content;min-width:min(230px,100%);max-width:min(84%,720px);line-height:1.9;float:none!important;clear:both!important}.tlst-message.is-mine,.tlst-message.sender-customer{background:#f7f1e6;border-color:#ead8b5;border-bottom-right-radius:6px;border-bottom-left-radius:18px;align-self:auto!important;margin-left:auto!important;margin-right:0!important}.tlst-message.is-support,.tlst-message.sender-agent,.tlst-message.sender-system{background:#eef7ee;border-color:#d8ead8;border-bottom-right-radius:18px;border-bottom-left-radius:6px;align-self:auto!important;margin-left:0!important;margin-right:auto!important}.tlst-message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;display:flex!important}.tlst-message-meta strong,.tlst-message-meta time{white-space:nowrap;margin:0!important;padding:0!important;display:inline-flex!important}.tlst-message-meta strong{color:#162e10;font-weight:900}.tlst-message-meta time{color:#64748b;font-size:12px}.tlst-message-body p:last-child{margin-bottom:0}.tlst-message-attachment{margin:10px 0 0}@media (width<=640px){.tlst-message{min-width:min(180px,100%);max-width:94%}}