/* CayPlay Support Tickets v4 */
.support-boot-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:.65rem;text-align:center;color:var(--text-3);border:1px solid var(--glass-border);border-radius:1.25rem;background:rgba(255,255,255,.02)}
.support-boot-state i{font-size:1.8rem;color:var(--accent)}
.support-boot-state strong{color:var(--text-1);font-size:1rem}
.support-boot-state span{font-size:.82rem;max-width:360px}

.support-entry{min-height:62vh;display:grid;place-items:center}
.support-auth-card{max-width:660px;width:100%;padding:clamp(1.5rem,5vw,3rem);border-radius:1.5rem;text-align:center;position:relative;overflow:hidden}
.support-auth-card::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,145,0,.14),transparent 70%);right:-90px;top:-110px;pointer-events:none}
.support-auth-icon{width:72px;height:72px;border-radius:22px;margin:0 auto 1.15rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ff6b00);color:#111;font-size:1.5rem;box-shadow:0 14px 34px rgba(255,145,0,.2)}
.support-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.55rem}
.support-auth-card h2{font-size:clamp(1.55rem,4vw,2.25rem);margin:.2rem 0 .8rem}
.support-auth-card>p{max-width:520px;margin:0 auto;color:var(--text-3);line-height:1.7}
.support-auth-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:1.5rem 0}
.support-auth-fallback{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border:1px solid var(--glass-border);border-radius:.75rem;color:var(--text-3);font-size:.78rem;background:rgba(255,255,255,.025)}
.support-auth-fallback a{color:var(--text-1);font-weight:700}

.support-page-user,.support-admin-page{max-width:1240px;margin:0 auto}
.support-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}
.support-page-heading .section-title{margin:.1rem 0 .15rem}
.support-page-caption{margin:0;color:var(--text-3);font-size:.8rem}
.support-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}
.support-admin-summary{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.support-admin-summary span{padding:.5rem .7rem;border:1px solid var(--glass-border);border-radius:.72rem;background:rgba(255,255,255,.025);font-size:.7rem;color:var(--text-3)}
.support-admin-summary b{color:var(--text-1);font-size:.9rem;margin-right:.18rem}

.support-ticket-layout{height:min(780px,78vh);min-height:620px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:.75rem}
.support-customer-layout{grid-template-columns:320px minmax(0,1fr);max-width:1080px;margin:0 auto}
.support-ticket-sidebar,.support-ticket-thread{min-height:0;border-radius:1.15rem;overflow:hidden}
.support-ticket-sidebar{display:flex;flex-direction:column;background:rgba(8,12,24,.34)}
.support-ticket-thread{display:flex;flex-direction:column;background:rgba(8,12,24,.22)}
.support-thread-shell{height:100%;min-height:0;display:flex;flex-direction:column}

.support-ticket-sidebar-head{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .85rem;border-bottom:1px solid var(--glass-border)}
.support-ticket-sidebar-head b,.support-ticket-sidebar-head small{display:block}
.support-ticket-sidebar-head b{font-size:.88rem}
.support-ticket-sidebar-head small{color:var(--text-3);font-size:.64rem;margin-top:.08rem}
.support-search{display:flex;align-items:center;gap:.55rem;margin:.65rem .65rem .5rem;padding:0 .75rem;border:1px solid var(--glass-border);border-radius:.85rem;background:rgba(255,255,255,.035);transition:.2s}
.support-search:focus-within{border-color:rgba(255,145,0,.38);box-shadow:0 0 0 3px rgba(255,145,0,.06)}
.support-search i{color:var(--text-3);font-size:.72rem}
.support-search input{min-width:0;flex:1;height:42px;border:0;background:transparent;outline:0;color:var(--text-1);font-size:.77rem}
.support-search input::placeholder{color:var(--text-3)}
.support-ticket-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:.32rem;padding:0 .65rem .6rem;border-bottom:1px solid var(--glass-border)}
.support-filter-btn{min-height:35px;padding:.2rem .35rem;border:1px solid transparent;border-radius:.65rem;background:rgba(255,255,255,.025);color:var(--text-3);font-size:.61rem;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.28rem;white-space:nowrap}
.support-filter-btn span{min-width:17px;height:17px;padding:0 .25rem;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:.55rem}
.support-filter-btn:hover{color:var(--text-1);background:rgba(255,255,255,.05)}
.support-filter-btn.active{color:var(--text-1);border-color:rgba(255,145,0,.2);background:rgba(255,145,0,.095)}
.support-customer-new{padding:.6rem .65rem 0}
.support-new-ticket-card{width:100%;min-height:62px;padding:.55rem .65rem;border:1px dashed rgba(255,145,0,.28);border-radius:.85rem;background:rgba(255,145,0,.045);display:flex;align-items:center;gap:.65rem;color:var(--text-1);text-align:left;cursor:pointer;transition:.2s}
.support-new-ticket-card>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ff6b00);color:#111}
.support-new-ticket-card b,.support-new-ticket-card small{display:block}.support-new-ticket-card b{font-size:.76rem}.support-new-ticket-card small{font-size:.62rem;color:var(--text-3);margin-top:.08rem}
.support-new-ticket-card:hover{transform:translateY(-1px);border-color:rgba(255,145,0,.5);background:rgba(255,145,0,.075)}

.support-ticket-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.45rem .5rem .7rem;scrollbar-gutter:stable}
.support-ticket-group+.support-ticket-group{margin-top:.35rem}
.support-queue-label{display:flex;justify-content:space-between;align-items:center;padding:.55rem .45rem .3rem;color:var(--text-3);font-size:.61rem;text-transform:uppercase;letter-spacing:.085em;font-weight:850}
.support-queue-label b{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:.58rem}
.support-ticket-item{width:100%;height:112px;margin:0 0 .32rem;padding:.62rem;border:1px solid transparent;border-radius:.95rem;background:transparent;text-align:left;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:.62rem;color:var(--text-1);cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;contain:layout paint}
.support-ticket-item:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.05)}
.support-ticket-item.active{background:linear-gradient(100deg,rgba(255,145,0,.12),rgba(255,145,0,.035));border-color:rgba(255,145,0,.25);box-shadow:inset 3px 0 0 var(--accent)}
.support-ticket-item[hidden]{display:none}
.support-ticket-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.035);font-size:.8rem;font-weight:850;flex:0 0 auto}
.support-ticket-avatar.large{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--purple),var(--accent));color:#fff}
.support-ticket-item-body{min-width:0;display:block}
.support-ticket-item-top{display:flex;align-items:center;gap:.38rem;min-width:0}
.support-ticket-number{color:var(--text-3);font-size:.57rem;font-weight:850;letter-spacing:.04em;white-space:nowrap}
.support-priority-dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.support-priority-dot.low{background:#78a8ff}.support-priority-dot.normal{background:#8b96aa}.support-priority-dot.high{background:#ffb04d}.support-priority-dot.urgent{background:var(--red);box-shadow:0 0 9px rgba(255,80,95,.55)}
.support-ticket-subject{display:block;margin-top:.14rem;color:var(--text-1);font-size:.78rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-ticket-user{display:flex;align-items:center;gap:.28rem;margin-top:.1rem;color:var(--text-3);font-size:.61rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-ticket-preview{display:-webkit-box;margin-top:.26rem;color:var(--text-3);font-size:.65rem;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.support-assigned{color:var(--accent);font-size:.58rem}
.support-ticket-item-side{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:.4rem}
.support-status-mini{padding:.18rem .34rem;border-radius:999px;border:1px solid var(--glass-border);font-size:.49rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;color:var(--text-3)}
.support-status-mini.new,.support-status-badge.new{color:#ffb45b;border-color:rgba(255,174,75,.25);background:rgba(255,174,75,.08)}
.support-status-mini.open,.support-status-badge.open{color:#79afff;border-color:rgba(90,160,255,.25);background:rgba(90,160,255,.08)}
.support-status-mini.pending,.support-status-badge.pending{color:#c69cff;border-color:rgba(170,120,255,.25);background:rgba(170,120,255,.08)}
.support-status-mini.resolved,.support-status-badge.resolved{color:var(--green);border-color:rgba(72,213,151,.25);background:rgba(72,213,151,.08)}
.support-status-mini.closed,.support-status-badge.closed{color:var(--text-3);background:rgba(255,255,255,.035)}
.support-unread-badge{min-width:23px;height:23px;padding:0 .36rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ff7200);color:#111;font-size:.62rem;font-weight:950;box-shadow:0 5px 14px rgba(255,145,0,.22)}
.support-queue-empty{padding:2.3rem 1rem;display:grid;place-items:center;gap:.45rem;color:var(--text-3);text-align:center;font-size:.72rem}
.support-queue-empty i{font-size:1.45rem;opacity:.65}.support-queue-empty b{color:var(--text-2);font-size:.8rem}.support-queue-empty span{max-width:230px}

.support-ticket-header,.support-admin-ticket-header{min-height:82px;padding:.75rem .9rem;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:.7rem;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent)}
.support-ticket-heading{min-width:0;flex:1}
.support-ticket-code{color:var(--accent);font-size:.61rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.support-ticket-heading h3,.support-ticket-person h3{margin:.08rem 0 .13rem;font-size:.96rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-ticket-subline{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:var(--text-3);font-size:.62rem}
.support-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .45rem;border:1px solid var(--glass-border);border-radius:999px;font-size:.57rem;font-weight:800;white-space:nowrap}
.support-mobile-back{display:none;width:38px;height:38px;border:1px solid var(--glass-border);border-radius:12px;background:rgba(255,255,255,.035);color:var(--text-2);cursor:pointer;flex:0 0 auto}
.support-ticket-person{min-width:0;display:flex;align-items:center;gap:.65rem;flex:1}.support-ticket-person>div{min-width:0}.support-ticket-person>div>span{display:block;color:var(--text-3);font-size:.62rem}
.support-admin-ticket-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}
.btn-sm{padding:.36rem .6rem!important;font-size:.63rem!important;min-height:33px!important}
.support-ticket-meta-bar{min-height:53px;display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-bottom:1px solid var(--glass-border);background:rgba(255,255,255,.018);overflow-x:auto;scrollbar-width:thin}
.support-ticket-meta-bar label{display:flex;align-items:center;gap:.35rem;padding-left:.45rem;border-left:1px solid var(--glass-border);white-space:nowrap}
.support-ticket-meta-bar label>span{color:var(--text-3);font-size:.56rem;text-transform:uppercase;letter-spacing:.05em}
.support-meta-select{height:30px;padding:0 1.55rem 0 .5rem;border:1px solid var(--glass-border);border-radius:.58rem;background-color:rgba(255,255,255,.035);color:var(--text-2);font-size:.61rem;outline:0;cursor:pointer}
.support-meta-select:focus{border-color:rgba(255,145,0,.4)}
.support-assignee-info{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;color:var(--text-3);font-size:.61rem;white-space:nowrap}
.support-assignee-info i{color:var(--accent)}

.support-chat-messages{flex:1;min-height:0;padding:1rem 1.05rem;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable}
.support-brand-avatar,.support-message-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.075);color:var(--text-1);font-size:.72rem;font-weight:850;overflow:hidden}
.support-message-avatar-system{background:linear-gradient(135deg,var(--accent),#ff6b00);color:#111}
.support-message-avatar-staff{background:linear-gradient(135deg,var(--purple),#6e62ff);color:#fff}
.support-message-avatar img{width:100%;height:100%;object-fit:cover}
.support-msg{max-width:min(78%,720px);display:flex;align-items:flex-start;gap:.52rem;margin:.72rem 0}
.support-msg.out{margin-left:auto;flex-direction:row-reverse}
.support-msg.system{max-width:min(88%,780px)}
.support-msg-body{min-width:0}
.support-msg-header{display:flex;gap:.5rem;align-items:center;margin:0 .22rem .25rem}
.support-msg.out .support-msg-header{justify-content:flex-end}
.support-msg-name{font-size:.65rem;color:var(--text-3);font-weight:750}
.support-msg-time{font-size:.57rem;color:var(--text-3);opacity:.62}
.support-msg-text{padding:.68rem .8rem;border-radius:4px 15px 15px 15px;border:1px solid var(--glass-border);background:rgba(255,255,255,.045);line-height:1.52;font-size:.82rem;overflow-wrap:anywhere;box-shadow:0 7px 20px rgba(0,0,0,.07)}
.support-msg.out .support-msg-text{border-radius:15px 4px 15px 15px;background:linear-gradient(135deg,rgba(255,145,0,.17),rgba(255,95,0,.09));border-color:rgba(255,145,0,.2)}
.support-msg.system .support-msg-text{background:rgba(128,100,255,.075);border-color:rgba(128,100,255,.16);color:var(--text-2)}
.support-thread-empty{height:100%;min-height:180px;display:grid;place-items:center;color:var(--text-3);font-size:.78rem;text-align:center}
.support-admin-empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:2rem}
.support-admin-empty-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:rgba(255,145,0,.08);color:var(--accent);font-size:1.35rem;margin-bottom:.8rem}
.support-admin-empty h3{margin:0}.support-admin-empty p{max-width:430px;color:var(--text-3);font-size:.78rem;line-height:1.6}
.support-ticket-empty .support-quick-actions{margin-top:1.2rem;width:min(520px,100%)}
.support-closed-note{display:flex;align-items:center;gap:.65rem;margin:.65rem;padding:.75rem .85rem;border:1px solid var(--glass-border);border-radius:.85rem;background:rgba(255,255,255,.025)}
.support-closed-note>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:var(--text-3)}
.support-closed-note>div{min-width:0;flex:1}.support-closed-note b,.support-closed-note span{display:block}.support-closed-note b{font-size:.74rem}.support-closed-note span{color:var(--text-3);font-size:.62rem;margin-top:.05rem}

/* Compact message composer — intentionally overrides generic .chat-input rules */
.support-composer{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 50px;align-items:end;gap:.55rem;padding:.62rem .7rem .68rem;border-top:1px solid var(--glass-border);background:rgba(5,8,17,.48)}
.support-composer-box{min-width:0;border:1px solid var(--glass-border);border-radius:.92rem;background:rgba(255,255,255,.032);overflow:hidden;transition:border-color .18s,box-shadow .18s}
.support-composer-box:focus-within{border-color:rgba(255,145,0,.4);box-shadow:0 0 0 3px rgba(255,145,0,.065)}
.support-composer-top{min-height:30px;padding:.3rem .55rem 0;display:flex;align-items:center;justify-content:space-between;gap:.55rem}
.support-composer-hint{min-width:0;color:var(--text-3);font-size:.56rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-composer-hint i{color:var(--accent);margin-right:.2rem}
.support-quick-select{max-width:185px;height:27px;padding:0 1.4rem 0 .45rem;border:1px solid var(--glass-border);border-radius:.55rem;background-color:rgba(255,255,255,.035);color:var(--text-2);font-size:.57rem;outline:0}
.support-composer .chat-input{box-sizing:border-box!important;display:block!important;width:100%!important;height:46px;min-height:46px!important;max-height:126px!important;margin:0!important;padding:.52rem .72rem .32rem!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text-1)!important;font-family:inherit!important;font-size:.84rem!important;font-weight:500!important;line-height:1.42!important;resize:none!important;outline:0!important;box-shadow:none!important}
.support-composer .chat-input::placeholder{color:var(--text-3);opacity:.8}
.support-composer-bottom{min-height:23px;padding:0 .72rem .35rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--text-3);font-size:.54rem}
.support-send-button,.support-composer .chat-send{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;margin:0!important;border:0!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--accent),#ff6b00)!important;color:#111!important;font-size:.93rem!important;box-shadow:0 9px 23px rgba(255,120,0,.22)!important;cursor:pointer!important;transition:transform .18s,box-shadow .18s!important}
.support-send-button:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(255,120,0,.3)!important}
.support-composer button:disabled,.support-composer textarea:disabled,.support-composer select:disabled{opacity:.42;cursor:not-allowed!important}

.support-quick-actions{padding:.7rem;border:1px solid var(--glass-border);border-radius:1rem;background:rgba(255,255,255,.02);display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.support-quick-title{grid-column:1/-1;padding:.1rem .2rem .3rem;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:850}
.support-quick-btn{min-height:42px;text-align:left;display:flex;align-items:center;gap:.5rem;padding:.52rem .62rem;border:1px solid transparent;border-radius:.7rem;background:rgba(255,255,255,.03);color:var(--text-2);cursor:pointer;font-size:.7rem;transition:.18s}
.support-quick-btn:hover{background:rgba(255,255,255,.06);border-color:var(--glass-border);color:var(--text-1)}
.support-quick-btn i{color:var(--accent)}

.support-ticket-form{display:grid;gap:1rem}
.support-ticket-form-intro{display:flex;gap:.75rem;padding:.8rem;border:1px solid var(--glass-border);border-radius:.9rem;background:rgba(255,145,0,.045)}
.support-ticket-form-intro>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ff6b00);color:#111;flex:0 0 auto}
.support-ticket-form-intro b,.support-ticket-form-intro p{display:block;margin:0}.support-ticket-form-intro b{font-size:.78rem}.support-ticket-form-intro p{font-size:.67rem;color:var(--text-3);margin-top:.12rem;line-height:1.45}
.support-ticket-description{min-height:145px!important;resize:vertical}
.support-form-counter{display:block;text-align:right;color:var(--text-3);font-size:.61rem;margin-top:.25rem}
.support-create-submit{width:100%;justify-content:center}

@media(max-width:1050px){
  .support-ticket-layout{grid-template-columns:305px minmax(0,1fr)}
  .support-customer-layout{grid-template-columns:285px minmax(0,1fr)}
  .support-admin-ticket-header{align-items:flex-start;flex-wrap:wrap}
  .support-admin-ticket-buttons{width:100%;justify-content:flex-start;padding-left:3.4rem}
  .support-ticket-meta-bar{padding-left:.7rem}
  .support-assignee-info{margin-left:0}
}
@media(max-width:760px){
  .support-page-heading{align-items:flex-start;flex-direction:column}.support-heading-actions{width:100%;justify-content:space-between}.support-admin-summary{justify-content:flex-start}
  .support-ticket-layout{display:block;height:auto;min-height:520px}.support-ticket-sidebar{height:min(650px,72vh)}.support-ticket-thread{display:none;height:min(720px,75vh)}
  .support-ticket-layout.ticket-open .support-ticket-sidebar{display:none}.support-ticket-layout.ticket-open .support-ticket-thread{display:flex}
  .support-mobile-back{display:grid;place-items:center}
  .support-ticket-item{height:106px}
  .support-ticket-meta-bar{min-height:50px}
  .support-composer-hint{display:none}
}
@media(max-width:520px){
  .support-page-user,.support-admin-page{width:calc(100% + 1.25rem);margin-left:-.625rem}
  .support-page-heading{width:calc(100% - 1.25rem);margin-left:.625rem}.support-heading-actions{align-items:stretch;flex-direction:column}.support-heading-actions>.btn{width:100%;justify-content:center}
  .support-admin-summary{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.support-admin-summary span{text-align:center;padding:.42rem .2rem}
  .support-ticket-sidebar,.support-ticket-thread{border-radius:1rem}.support-ticket-sidebar{height:72vh}.support-ticket-thread{height:76vh}
  .support-ticket-sidebar-head{min-height:64px;padding:.7rem}.support-ticket-filters{grid-template-columns:1fr 1fr}.support-filter-btn{min-height:32px}
  .support-ticket-item{height:105px;padding:.55rem;grid-template-columns:38px minmax(0,1fr) auto}.support-ticket-avatar{width:38px;height:38px}
  .support-ticket-header,.support-admin-ticket-header{min-height:72px;padding:.62rem}.support-admin-ticket-buttons{padding-left:0}.support-admin-ticket-buttons .btn-sm{flex:1}.support-admin-ticket-buttons .icon-btn{display:none}
  .support-ticket-person h3,.support-ticket-heading h3{font-size:.84rem}.support-ticket-meta-bar label>span,.support-assignee-info{display:none}
  .support-chat-messages{padding:.7rem}.support-msg{max-width:96%}.support-msg.system{max-width:100%}.support-message-avatar{width:30px;height:30px;border-radius:10px}.support-msg-text{font-size:.76rem;padding:.58rem .66rem}
  .support-composer{grid-template-columns:minmax(0,1fr) 46px;gap:.42rem;padding:.5rem}.support-composer-top{display:none}.support-composer .chat-input{height:45px;min-height:45px!important;padding:.65rem .65rem .3rem!important;font-size:.8rem!important}.support-composer-bottom{font-size:.52rem;padding:0 .65rem .3rem}.support-composer-bottom span:first-child{display:none}
  .support-send-button,.support-composer .chat-send{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
  .support-closed-note{margin:.5rem;padding:.65rem;flex-wrap:wrap}.support-closed-note .btn{width:100%;justify-content:center}
  .support-quick-actions{grid-template-columns:1fr}
}


/* Support UI v5 — clearer empty state and ticket creation modal */
.support-zero-state{height:100%;min-height:470px;padding:clamp(1.2rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:1rem;align-items:stretch}
.support-zero-state__main,.support-zero-state__quick{border:1px solid var(--glass-border);border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:center}
.support-zero-state__main{padding:clamp(1.6rem,4vw,3rem);align-items:flex-start;position:relative;overflow:hidden}
.support-zero-state__main::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(255,145,0,.12),transparent 68%);pointer-events:none}
.support-zero-state__icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin-bottom:1rem;background:linear-gradient(145deg,rgba(255,159,28,.18),rgba(255,107,0,.08));border:1px solid rgba(255,145,0,.2);color:var(--accent);font-size:1.1rem}
.support-zero-state__kicker{font-size:.64rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}
.support-zero-state h3{margin:0 0 .45rem;font-size:clamp(1.35rem,2.4vw,1.9rem);letter-spacing:-.04em}
.support-zero-state p{max-width:520px;margin:0 0 1.15rem;color:var(--text-3);font-size:.82rem;line-height:1.65}
.support-zero-state__button{min-height:46px;padding:0 1rem}
.support-zero-state__quick{padding:1rem}.support-zero-state__quick .support-quick-actions{border:0;background:transparent;padding:0;grid-template-columns:1fr}.support-zero-state__quick .support-quick-title{padding:.1rem .1rem .55rem}.support-zero-state__quick .support-quick-btn{min-height:46px;border-color:var(--glass-border);border-radius:.82rem;background:rgba(255,255,255,.025)}
.support-ticket-modal{width:min(620px,100%)!important;max-width:620px!important;max-height:min(90svh,780px)!important;overflow:hidden!important;border-radius:24px!important}
.support-ticket-modal .modal-header{position:relative!important;top:auto!important;min-height:70px;padding:1rem 1.15rem!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important}
.support-ticket-modal .modal-header h3{display:flex;align-items:center;gap:.65rem;font-size:1.08rem!important}
.support-modal-title-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,145,0,.12);color:var(--accent);border:1px solid rgba(255,145,0,.2)}
.support-ticket-modal .modal-body{min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.15rem!important;scrollbar-gutter:stable}
.support-ticket-form{gap:.85rem}
.support-ticket-form-intro{padding:.8rem .9rem;border-radius:16px;background:linear-gradient(145deg,rgba(255,145,0,.07),rgba(255,255,255,.02))}
.support-ticket-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.support-ticket-field{margin:0!important}.support-ticket-field label{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem!important;color:var(--text-2)!important;font-size:.75rem!important;font-weight:750!important}.support-ticket-field label i{color:var(--accent);width:1em;text-align:center}
.support-ticket-control{display:block;width:100%;min-height:48px;border-radius:14px!important;border:1px solid var(--glass-border)!important;background:rgba(255,255,255,.035)!important;color:var(--text-1)!important;padding:.72rem .85rem!important;font-family:inherit!important;font-size:.82rem!important;font-weight:600!important;outline:0!important;box-shadow:none!important}
.support-ticket-control:focus{border-color:rgba(255,145,0,.42)!important;box-shadow:0 0 0 3px rgba(255,145,0,.065)!important}
.support-ticket-control::placeholder{color:var(--text-3)!important;opacity:.78}.support-ticket-control option{background:#10182a;color:#f3f6fb}
.support-ticket-description{min-height:150px!important;line-height:1.55!important;resize:vertical!important}
.support-ticket-field-footer{display:flex;justify-content:space-between;gap:.8rem;margin-top:.35rem;color:var(--text-3);font-size:.6rem}.support-ticket-field-footer span{display:flex;align-items:center;gap:.3rem}.support-ticket-field-footer i{color:#58deb2}
.support-form-counter{margin:0!important;white-space:nowrap}.support-create-submit{min-height:50px;border-radius:15px!important;margin-top:.15rem}
@media(max-width:760px){.support-zero-state{grid-template-columns:1fr;min-height:auto}.support-zero-state__main{align-items:center;text-align:center}.support-zero-state__quick{padding:.8rem}.support-ticket-modal{max-height:calc(100svh - .7rem)!important;border-radius:20px!important}.support-ticket-modal .modal-body{padding:.85rem .9rem 1rem!important}}

/* Support readability pass — larger text and clearer controls */
.support-page-user,.support-admin-page { font-size: 15px; }
.support-page-heading p,.support-heading-subtitle { font-size: .84rem !important; line-height: 1.55; }
.support-admin-summary span,.support-ticket-count,.support-ticket-code,.support-ticket-time { font-size: .72rem !important; }
.support-ticket-sidebar-head h2,.support-ticket-sidebar-title { font-size: 1rem !important; }
.support-ticket-filters button,.support-filter-btn { font-size: .72rem !important; font-weight: 750; }
.support-ticket-item { min-height: 112px; height: auto; }
.support-ticket-item-title,.support-ticket-subject { font-size: .86rem !important; line-height: 1.35; }
.support-ticket-preview,.support-ticket-item p { font-size: .74rem !important; line-height: 1.48; }
.support-ticket-person h3,.support-ticket-heading h3 { font-size: 1rem !important; }
.support-ticket-person p,.support-ticket-heading p,.support-assignee-info { font-size: .74rem !important; }
.support-ticket-meta-bar,.support-ticket-meta-bar label,.support-ticket-meta-bar select { font-size: .72rem !important; }
.support-message-name,.support-msg-name { font-size: .74rem !important; }
.support-message-time,.support-msg-time { font-size: .66rem !important; }
.support-msg-text,.support-message-text { font-size: .86rem !important; line-height: 1.58 !important; }
.support-composer-hint { font-size: .68rem; }
.support-quick-select { font-size: .68rem; }
.support-composer-bottom { font-size: .65rem; }
.support-quick-title { font-size: .7rem; }
.support-quick-btn { font-size: .79rem; }
.support-closed-note b { font-size: .84rem; }
.support-closed-note span { font-size: .72rem; }
.support-ticket-form-intro b { font-size: .88rem; }
.support-ticket-form-intro p { font-size: .76rem; }
.support-form-counter,.support-ticket-field-footer { font-size: .68rem; }
.support-zero-state__kicker { font-size: .7rem; }
.support-zero-state p { font-size: .9rem; }
.support-ticket-field label { font-size: .82rem !important; }
.support-ticket-control { font-size: .9rem !important; }
@media(max-width:520px){
  .support-ticket-item { min-height: 110px; height: auto; }
  .support-msg-text,.support-message-text { font-size: .83rem !important; }
  .support-composer .chat-input { font-size: .86rem !important; }
  .support-composer-bottom { font-size: .61rem; }
}


/* 2026-07-23 support queue readability pass */
.support-ticket-sidebar-head{min-height:84px;padding:1rem 1rem .85rem;}
.support-ticket-sidebar-head b{font-size:1.12rem;}
.support-ticket-sidebar-head small{font-size:.82rem;}
.support-search-box,.support-sidebar-search,.support-ticket-search,.support-ticket-sidebar .support-search,.support-ticket-sidebar input[type="search"]{min-height:46px;}
.support-ticket-filters{gap:.5rem;padding:0 .85rem .85rem;grid-template-columns:repeat(4,minmax(0,1fr));}
.support-filter-btn{min-height:44px;padding:.45rem .6rem;border-radius:.9rem;font-size:.78rem;font-weight:800;gap:.42rem;}
.support-filter-btn span{min-width:22px;height:22px;padding:0 .38rem;font-size:.66rem;}
@media (max-width: 720px){
  .support-ticket-filters{grid-template-columns:1fr 1fr;}
  .support-filter-btn{min-height:42px;font-size:.75rem;}
}


/* 2026-07-23 support filter fit fix */
.support-filter-btn{justify-content:space-between;min-width:0;overflow:hidden;}
.support-filter-btn span{flex:0 0 auto;margin-left:.35rem;}


/* 2026-07-23 support filters responsive cleanup */
.support-ticket-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.55rem;padding:0 .85rem .9rem;}
.support-filter-btn{min-width:0;min-height:44px;padding:.45rem .72rem;border-radius:.92rem;display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:.76rem;font-weight:800;text-align:center;line-height:1.15;white-space:normal;overflow:hidden;}
.support-filter-btn span{flex:0 0 auto;min-width:22px;height:22px;margin-left:0;padding:0 .38rem;border-radius:999px;display:grid;place-items:center;font-size:.66rem;}
@media (max-width: 420px){.support-ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr));}.support-filter-btn{font-size:.72rem;padding:.42rem .55rem;}}

/* 2026-07-24 support ticket header and legacy assistant message display fix */
.support-ticket-thread{container-type:inline-size;container-name:support-thread}
.support-admin-ticket-main{min-width:0;display:flex;align-items:center;gap:.65rem}
.support-admin-ticket-main .support-ticket-person{min-width:0}
.support-admin-ticket-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.support-admin-ticket-header .support-ticket-person h3{
  white-space:normal;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  line-height:1.32;
  max-height:2.64em;
}
.support-admin-ticket-buttons{min-width:0}
.support-ticket-meta-bar{min-height:53px;height:auto;flex-wrap:wrap;overflow-x:hidden;overflow-y:visible}
.support-ticket-meta-bar>*{max-width:100%}
.support-ticket-meta-bar label{min-width:0}
.support-meta-select{max-width:190px}
.support-assignee-info{min-width:0;overflow:hidden;text-overflow:ellipsis}
.support-msg-text{white-space:normal}

@container support-thread (max-width: 940px){
  .support-admin-ticket-header{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.62rem}
  .support-admin-ticket-buttons{width:100%;justify-content:flex-start;padding-left:calc(43px + .65rem)}
  .support-admin-ticket-buttons .btn-sm{flex:0 0 auto}
  .support-ticket-meta-bar{align-content:center}
  .support-assignee-info{margin-left:0}
}

@container support-thread (max-width: 620px){
  .support-admin-ticket-buttons{padding-left:0}
  .support-admin-ticket-buttons .btn-sm{flex:1 1 145px;justify-content:center}
  .support-ticket-meta-bar{gap:.4rem;padding:.48rem .62rem}
  .support-ticket-meta-bar label{flex:1 1 150px;padding-left:0;border-left:0}
  .support-meta-select{width:100%;max-width:none}
}

/* 2026-07-24 mobile support meta controls v6
   Replaces cramped native dropdowns on narrow screens with in-flow pickers,
   so category/priority never leave the viewport or cover the conversation. */
.support-meta-field{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.35rem;
  padding-left:.45rem;
  border-left:1px solid var(--glass-border);
}
.support-meta-label{
  color:var(--text-3);
  font-size:.56rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}
.support-meta-picker{min-width:0;position:relative}
.support-meta-trigger,.support-meta-menu{display:none}
.support-meta-native{display:block}

@media (max-width:900px){
  .support-ticket-meta-bar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:.55rem!important;
    min-height:0!important;
    height:auto!important;
    padding:.65rem!important;
    overflow:visible!important;
    scrollbar-width:none;
  }
  .support-ticket-meta-bar::-webkit-scrollbar{display:none}
  .support-ticket-meta-bar>.support-status-badge{
    grid-column:1;
    justify-self:start;
    align-self:center;
    min-height:32px;
    padding:.35rem .58rem;
    font-size:.64rem!important;
  }
  .support-ticket-meta-bar>.support-assignee-info{
    grid-column:2;
    justify-self:end;
    align-self:center;
    min-width:0;
    max-width:100%;
    margin-left:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    text-align:right;
    font-size:.66rem!important;
  }
  .support-meta-field{
    min-width:0;
    width:100%;
    align-self:start;
    display:block;
    padding:.55rem;
    border:1px solid var(--glass-border);
    border-radius:.82rem;
    background:rgba(255,255,255,.026);
  }
  .support-meta-label{
    display:block!important;
    margin:0 0 .36rem;
    color:var(--text-3);
    font-size:.58rem!important;
    line-height:1.2;
  }
  .support-meta-picker{width:100%}
  .support-meta-native{display:none!important}
  .support-meta-trigger{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.65rem;
    padding:.55rem .7rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:.72rem;
    background:rgba(8,13,26,.72);
    color:var(--text-1);
    font-family:inherit;
    font-size:.76rem;
    font-weight:750;
    line-height:1.25;
    text-align:left;
    cursor:pointer;
    box-shadow:none;
  }
  .support-meta-trigger>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .support-meta-trigger>i{
    flex:0 0 auto;
    color:var(--accent);
    font-size:.66rem;
    transition:transform .18s ease;
  }
  .support-meta-picker.is-open .support-meta-trigger{
    border-color:rgba(255,145,0,.42);
    box-shadow:0 0 0 3px rgba(255,145,0,.07);
  }
  .support-meta-picker.is-open .support-meta-trigger>i{transform:rotate(180deg)}
  .support-meta-menu{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:1fr;
    gap:.3rem;
    margin-top:.45rem;
    padding:.42rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:.78rem;
    background:#0d1527;
    box-shadow:0 12px 30px rgba(0,0,0,.22);
  }
  .support-meta-menu[hidden]{display:none!important}
  .support-meta-option{
    width:100%;
    min-height:39px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.65rem;
    padding:.48rem .62rem;
    border:1px solid transparent;
    border-radius:.62rem;
    background:rgba(255,255,255,.025);
    color:var(--text-2);
    font-family:inherit;
    font-size:.73rem;
    font-weight:700;
    line-height:1.25;
    text-align:left;
    cursor:pointer;
  }
  .support-meta-option:hover,.support-meta-option:focus-visible{
    color:var(--text-1);
    border-color:rgba(255,255,255,.09);
    background:rgba(255,255,255,.055);
    outline:none;
  }
  .support-meta-option>i{opacity:0;color:var(--accent)}
  .support-meta-option.is-selected{
    color:#fff;
    border-color:rgba(255,145,0,.25);
    background:rgba(255,145,0,.1);
  }
  .support-meta-option.is-selected>i{opacity:1}

  .support-admin-ticket-header{
    overflow:visible!important;
  }
  .support-admin-ticket-buttons{
    min-width:0!important;
  }
  .support-admin-ticket-buttons .btn{
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
}

@media (max-width:520px){
  .support-ticket-meta-bar{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:.48rem!important;
    padding:.55rem!important;
  }
  .support-ticket-meta-bar>.support-status-badge{grid-column:1}
  .support-ticket-meta-bar>.support-assignee-info{
    grid-column:2;
    max-width:42vw;
    font-size:.61rem!important;
  }
  .support-meta-field{grid-column:1/-1;padding:.5rem}
  .support-meta-trigger{min-height:44px;font-size:.78rem}
  .support-meta-option{min-height:42px;font-size:.76rem}
  .support-admin-ticket-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%!important;
    gap:.42rem!important;
    padding-left:0!important;
  }
  .support-admin-ticket-buttons .btn,
  .support-admin-ticket-buttons .icon-btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
  .support-admin-ticket-buttons .icon-btn{display:none!important}
}

/* 2026-07-24 support admin meta text overflow hard fix
   Prevent category / priority / assignee text from collapsing or clipping
   in narrow admin support layouts by stacking the whole meta bar cleanly. */
.support-ticket-meta-bar,
.support-ticket-meta-bar > *,
.support-meta-field,
.support-meta-picker,
.support-meta-trigger,
.support-meta-native,
.support-meta-option,
.support-assignee-info{
  min-width:0;
}
.support-meta-field{
  flex:1 1 180px;
}
.support-meta-picker,
.support-meta-native,
.support-meta-trigger{
  width:100%;
  max-width:100%;
}
.support-meta-trigger > span,
.support-meta-option > span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.support-assignee-info{
  overflow:hidden;
  text-overflow:ellipsis;
}

@media (max-width: 760px){
  .support-ticket-meta-bar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:.5rem !important;
    min-height:0 !important;
    height:auto !important;
    padding:.6rem !important;
    overflow:visible !important;
  }

  .support-ticket-meta-bar > .support-status-badge,
  .support-ticket-meta-bar > .support-assignee-info,
  .support-ticket-meta-bar > .support-meta-field{
    width:100%;
    max-width:none !important;
  }

  .support-ticket-meta-bar > .support-status-badge,
  .support-ticket-meta-bar > .support-assignee-info{
    justify-content:flex-start !important;
    margin-left:0 !important;
    white-space:normal !important;
    text-align:left !important;
    overflow-wrap:anywhere;
  }

  .support-meta-field{
    display:block !important;
    padding:.55rem !important;
    border:1px solid var(--glass-border) !important;
    border-left:1px solid var(--glass-border) !important;
    border-radius:.82rem !important;
    background:rgba(255,255,255,.026) !important;
  }

  .support-meta-label{
    display:block !important;
    margin:0 0 .38rem !important;
    white-space:normal !important;
  }

  .support-meta-picker{
    width:100% !important;
  }

  .support-meta-trigger,
  .support-meta-native{
    width:100% !important;
    max-width:none !important;
  }

  .support-meta-trigger{
    min-height:44px !important;
  }
}