/* Inherits the site's typography, blue-grey surfaces and light/dark tokens. */
.support-tickets{color:var(--color-text);font-size:14px;line-height:1.6;font-family:inherit;min-width:0;overflow-wrap:anywhere}
.support-tickets [hidden]{display:none!important}
.support-tickets h1{font-size:24px;margin:0;font-weight:600}
.support-tickets h3{font-size:16px;margin:0 0 12px;font-weight:600}
.st-head,.st-toolbar,.st-actions,.st-detail-head,.st-paging{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-head{padding:16px 0}.st-head h1,.st-head h3{flex:1;margin:0}
.st-toolbar{padding-bottom:12px;border-bottom:1px solid var(--color-border-light)}
.support-tickets button,.support-tickets input,.support-tickets select,.support-tickets textarea{font:inherit;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);box-sizing:border-box}
.support-tickets button{min-height:36px;padding:6px 10px;cursor:pointer}
.support-tickets button:disabled{cursor:default;opacity:.65}
.support-tickets button:hover{background:var(--color-surface-alt)}
.support-tickets :is(button,input,select,textarea):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.support-tickets input,.support-tickets select{min-height:38px;padding:6px 8px;min-width:0}
.st-toolbar input{flex:1;width:120px}.st-toolbar select{max-width:160px}
.support-tickets .st-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.st-status,.st-muted,.st-row small{color:var(--color-text-secondary);font-size:12px;line-height:1.6}
.st-status{margin:8px 0}.st-status:empty{display:none}
.st-layout{display:grid;grid-template-columns:minmax(0,1fr)}
.st-list{min-width:0}.st-detail{min-width:0;padding-top:16px}
.support-tickets .st-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;text-align:left;padding:14px 10px;border:0;border-radius:0;border-bottom:1px solid var(--color-border-light);background:transparent}
.st-row strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-row small{grid-column:1/-1;font-variant-numeric:tabular-nums}.st-state{font-size:12px;white-space:nowrap}.st-unread{font-size:12px;color:var(--color-primary)}
.support-tickets .st-row[aria-current="true"]{background:var(--color-surface-alt)}
.st-paging{justify-content:space-between;margin:16px 0}.st-empty{padding:20px 0;color:var(--color-text-secondary)}
.st-detail-head{justify-content:space-between;margin-bottom:12px}
.st-timeline{margin:16px 0}.st-message{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--color-border-light)}.st-message p{margin:0 0 6px}.st-body{white-space:pre-wrap;overflow-wrap:anywhere}
.st-field{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}.st-field>span{font-weight:500}.support-tickets textarea{width:100%;padding:10px;resize:vertical;min-height:96px}.st-form{margin-top:16px}.st-actions{margin-top:16px}
.st-images,.st-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.st-images a{width:100px}.st-images img{width:100%;height:90px;object-fit:contain;background:var(--color-surface-alt)}.st-previews>div{width:80px}.st-previews img{width:80px;height:70px;object-fit:contain}.st-previews button{width:100%}
.support-tickets:not(.support-tickets-admin)[data-view="detail"] .st-list,.support-tickets:not(.support-tickets-admin)[data-view="create"] .st-list{display:none}
.support-tickets:not(.support-tickets-admin)[data-view="detail"]>.st-toolbar,.support-tickets:not(.support-tickets-admin)[data-view="create"]>.st-toolbar{display:none}
/* 306px inbox + 16px gap + remaining detail = the existing admin canvas. */
.support-tickets-admin .st-layout{grid-template-columns:306px minmax(0,1fr);gap:16px;align-items:start}
.support-tickets-admin .st-detail{padding:20px;border:1px solid var(--color-border-light);border-radius:12px;background:var(--color-surface)}
.support-tickets-admin .st-list{max-height:calc(100dvh - 250px);overflow:auto}
#qaSupportTicketsPane{overflow:auto;min-height:0;flex:1;padding:0 20px 20px;overscroll-behavior:contain}
.support-main-tabs{display:flex;gap:4px;padding:0 16px 10px;border-bottom:1px solid var(--color-border-light)}.support-main-tabs button[aria-pressed="true"]{border-bottom:2px solid var(--color-primary);border-radius:0}
@media(max-width:1000px){.support-tickets-admin .st-layout{grid-template-columns:minmax(0,1fr)}.support-tickets-admin[data-view="list"] .st-detail{display:none}.support-tickets-admin:not([data-view="list"]) .st-list{display:none}.support-tickets-admin .st-list{max-height:none}.support-tickets-admin:not([data-view="list"])>.st-toolbar{display:none}}
@media(max-width:600px){#qaSupportTicketsPane{padding:0 16px 16px}.support-tickets :is(button,input,select){min-height:44px}.support-tickets textarea,.support-tickets input{font-size:16px}.support-tickets-admin .st-detail{padding:16px}.st-head{gap:6px}}