#tab-payment_tickets .st-app{--accent:var(--primary);--accent-dim:var(--primary-dim);--text-3:var(--text-sec);--border-2:var(--border2);--bg-2:var(--bg2)}
.st-page{max-width:1160px;margin:0 auto;padding:40px 24px 72px}.st-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.st-page-heading h1{font-size:32px;margin:12px 0 8px;letter-spacing:-1px}.st-page-heading p{font-size:13px;color:var(--text-3)}
.st-app{color:var(--text);font-size:14px}.st-app *{box-sizing:border-box}.st-app [hidden],.st-page [hidden]{display:none!important}.st-app button,.st-app input,.st-app select,.st-app textarea{font:inherit}.st-app button:disabled{opacity:.5;cursor:not-allowed}.st-app button{cursor:pointer}.st-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.st-sidebar,.st-main{border:1px solid var(--border);border-radius:18px;background:var(--bg);padding:22px;min-width:0}.st-sidebar{position:sticky;top:85px}.st-main{min-height:480px}.st-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.st-app h2{font-size:19px;line-height:1.5;margin:0;font-weight:650;overflow-wrap:anywhere}.st-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.st-field>label,.st-reply-form>label{font-size:13px;font-weight:600}.st-app input,.st-app select,.st-app textarea{width:100%;min-width:0;border:1px solid var(--border-2);border-radius:9px;padding:10px 11px;background:var(--bg);color:var(--text);font-size:14px}.st-app input:focus,.st-app select:focus,.st-app textarea:focus{outline:2px solid var(--accent-dim);border-color:var(--accent)}.st-app textarea{resize:vertical;line-height:1.7}.st-search{display:flex;gap:6px;margin-bottom:14px}.st-search input{flex:1;min-width:0;font-size:12px}.st-muted{font-size:12px;color:var(--text-3);line-height:1.7}.st-link{font-size:12px;background:none;color:var(--accent);border:0;padding:6px 0;text-decoration:none;cursor:pointer}.st-alert{padding:12px 16px;border-radius:10px;background:var(--accent-dim);font-size:13px;line-height:1.7;margin-bottom:18px;overflow-wrap:anywhere}.st-alert.error{background:#fff3f3;color:#942929}.st-alert a{color:var(--accent)}
.st-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;margin:16px 0}.st-ticket{display:block;text-align:left;width:100%;padding:13px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px}.st-ticket.active{background:var(--accent-dim);border-color:var(--accent)}.st-ticket>strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin:7px 0}.st-ticket>small{display:block;font-size:11px;color:var(--text-3);overflow-wrap:anywhere}.st-ticket>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.st-badge{display:inline-block;background:var(--accent-dim);color:var(--accent);padding:3px 8px;border-radius:12px;font-size:11px;white-space:nowrap}.st-unread{background:var(--accent);color:#fff;border-radius:10px;padding:2px 7px;font-size:10px}.st-badge.resolved{background:#eaf4ec;color:#276534}.st-pagination{display:flex;justify-content:space-between;align-items:center}.st-empty{padding:80px 10px;text-align:center;color:var(--text-3);font-size:13px;line-height:1.8}.st-panel-heading{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:20px}.st-panel-heading p{font-size:12px;line-height:1.7;color:var(--text-3);margin-top:8px}.st-ticket-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:11px;color:var(--text-3);flex-wrap:wrap}.st-ticket-meta>span:first-child{font-family:monospace;overflow-wrap:anywhere}.st-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px}.st-detail-actions>div{display:flex;align-items:center;gap:7px;font-size:12px;flex-wrap:wrap}.st-detail-actions select{width:auto;max-width:180px;font-size:12px}.st-detail-actions label{font-size:12px}
.st-conversation{max-height:520px;min-height:210px;overflow:auto;overscroll-behavior:contain;padding:6px 6px 14px;scrollbar-gutter:stable}.st-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 20px}.st-message.mine{align-items:flex-end}.st-message-meta{font-size:11px;color:var(--text-3);margin:0 4px 7px;line-height:1.6}.st-message-body{max-width:88%;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.st-message.mine .st-message-body{background:var(--accent-dim);border-color:rgba(0,113,227,.1)}.st-system-message{font-size:11px;line-height:1.7;color:var(--text-3);text-align:center;margin:16px 0;overflow-wrap:anywhere}.st-older{display:block;margin:0 auto 16px}.st-reply-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.st-reply-form textarea{margin-top:9px}.st-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.st-reply-footer .btn{flex-shrink:0}.st-back{margin-bottom:16px}
@media(max-width:900px){.st-layout{grid-template-columns:260px minmax(0,1fr);gap:14px}.st-sidebar,.st-main{padding:18px}}
@media(max-width:650px){.st-page{padding:28px 16px 50px}.st-page-heading{align-items:flex-start}.st-page-heading h1{font-size:28px}.st-page-heading p{font-size:12px}.st-page-heading>.btn{font-size:12px;flex-shrink:0;margin-top:36px}.st-layout{grid-template-columns:minmax(0,1fr)}.st-sidebar{position:static}.st-app:not(.viewing) .st-main{display:none}.st-app.viewing .st-sidebar{display:none}.st-list{max-height:none}.st-main{min-height:0}.st-conversation{max-height:460px}.st-message-body{max-width:95%}.st-reply-footer{align-items:flex-start}.st-reply-footer .st-muted{font-size:11px}.st-ticket-meta{align-items:flex-start}.st-ticket-meta>span:first-child{font-size:10px}}