/* Supreme Support workspace redesign. */
#t-support { --support-red:#f0384b; --support-red-soft:rgba(240,56,75,.09); }
.support-workspace { display:grid; gap:18px; }
.support-page-head { position:relative; overflow:hidden; min-height:150px; padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid rgba(255,255,255,.075); border-radius:24px; background:radial-gradient(circle at 92% 15%,rgba(240,56,75,.17),transparent 35%),linear-gradient(145deg,rgba(26,26,31,.9),rgba(13,13,16,.94)); box-shadow:0 24px 70px rgba(0,0,0,.23); }
.support-page-head::after { content:""; position:absolute; right:-70px; bottom:-150px; width:330px; aspect-ratio:1; border:1px solid rgba(240,56,75,.13); border-radius:50%; box-shadow:0 0 0 45px rgba(240,56,75,.025),0 0 0 90px rgba(240,56,75,.014); pointer-events:none; }
.support-page-copy { position:relative; z-index:1; max-width:720px; }
.support-page-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:10px; color:#ff6575; font-size:11px; font-weight:850; letter-spacing:1.4px; text-transform:uppercase; }
.support-page-kicker::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--support-red); box-shadow:0 0 12px rgba(240,56,75,.75); }
.support-page-head h1 { margin:0 0 8px; color:#fff; font-size:clamp(28px,3vw,40px); line-height:1.08; letter-spacing:-1.5px; }
.support-page-head p { max-width:650px; margin:0; color:rgba(255,255,255,.57); font-size:14px; line-height:1.65; }
.support-page-actions { position:relative; z-index:1; display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.support-page-actions .btn { min-height:46px; padding-inline:17px; border-radius:12px; font-size:13px; }

.support-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.support-quick-card { min-height:96px; padding:17px; display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:13px; border:1px solid rgba(255,255,255,.065); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); color:inherit; transition:.22s ease; }
.support-quick-card:hover { transform:translateY(-2px); border-color:rgba(240,56,75,.26); background:rgba(240,56,75,.045); }
.support-quick-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(240,56,75,.2); border-radius:13px; background:rgba(240,56,75,.07); color:#ff6374; font-size:15px; }
.support-quick-card div { min-width:0; display:flex; flex-direction:column; gap:4px; }
.support-quick-card strong { color:#fff; font-size:14px; }
.support-quick-card small { color:rgba(255,255,255,.43); font-size:11px; line-height:1.4; }
.support-quick-card>i { color:rgba(255,255,255,.28); font-size:11px; }

.support-shell { display:grid!important; grid-template-columns:minmax(290px,350px) minmax(0,1fr); gap:16px!important; height:min(70vh,800px)!important; min-height:600px!important; }
.support-sidebar,.support-view { border:1px solid rgba(255,255,255,.075)!important; border-radius:22px!important; background:linear-gradient(160deg,rgba(23,23,28,.92),rgba(12,12,15,.95))!important; box-shadow:0 20px 65px rgba(0,0,0,.2)!important; }
.support-sidebar { padding:18px!important; flex:none!important; }
.support-sidebar-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:15px; }
.support-sidebar-head span { display:block; margin-bottom:4px; color:#ff6374; font-size:10px; font-weight:850; letter-spacing:1.1px; text-transform:uppercase; }
.support-sidebar-head h2 { margin:0; color:#fff; font-size:20px; letter-spacing:-.5px; }
.support-live-pill { display:inline-flex!important; align-items:center; gap:6px; padding:6px 8px; border:1px solid rgba(94,213,138,.18); border-radius:999px; background:rgba(94,213,138,.055); color:#67dd91!important; font-size:9px!important; font-weight:850; letter-spacing:.7px; text-transform:uppercase; }
.support-live-pill::before { content:""; width:6px; height:6px; border-radius:50%; background:#65dd91; box-shadow:0 0 9px #65dd91; }
.support-new-ticket { width:100%; min-height:46px; margin:0 0 13px!important; border-radius:12px!important; font-size:13px!important; }
.support-filter-tabs { margin:0 0 14px!important; padding:5px!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px!important; border:1px solid rgba(255,255,255,.06)!important; border-radius:13px!important; background:rgba(0,0,0,.18)!important; }
.support-filter-tabs .ab { min-width:0; min-height:38px; padding:7px 5px!important; display:flex; align-items:center; justify-content:center; gap:6px; border:1px solid transparent!important; border-radius:9px!important; color:rgba(255,255,255,.46)!important; font-size:10px!important; white-space:nowrap; }
.support-filter-tabs .ab i { margin:0!important; font-size:10px; }
.support-filter-tabs .ab.active,.support-filter-tabs .ab:hover { border-color:rgba(240,56,75,.21)!important; background:rgba(240,56,75,.085)!important; color:#fff!important; }
#tickets-list { gap:9px!important; padding:2px 5px 2px 1px!important; }
.tic-card { padding:14px 14px 13px 16px!important; border-color:rgba(255,255,255,.065)!important; border-radius:14px!important; background:rgba(255,255,255,.022)!important; }
.tic-card:hover { transform:translateY(-1px); border-color:rgba(240,56,75,.22)!important; background:rgba(240,56,75,.035)!important; }
.tic-card.act { border-color:rgba(240,56,75,.4)!important; background:linear-gradient(135deg,rgba(240,56,75,.11),rgba(240,56,75,.035))!important; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.tic-card.act::before { width:3px!important; }
.tic-sub { font-size:14px!important; font-weight:720!important; line-height:1.35; }
.tic-meta { margin-top:8px!important; color:rgba(255,255,255,.4)!important; font-size:10px!important; }
.tb { padding:4px 7px!important; font-size:8px!important; letter-spacing:.5px; }

.support-view { position:relative; }
.support-empty { background:radial-gradient(circle at 50% 45%,rgba(240,56,75,.07),transparent 33%); }
.support-empty-visual { width:76px; height:76px; margin-bottom:3px; display:grid; place-items:center; border:1px solid rgba(240,56,75,.18); border-radius:24px; background:rgba(240,56,75,.055); color:#ff5c6d; font-size:26px; box-shadow:0 18px 45px rgba(0,0,0,.25); }
.support-empty h3 { margin:0; color:#fff; font-size:21px; letter-spacing:-.5px; }
.support-empty p { max-width:390px; margin:0; color:rgba(255,255,255,.45); font-size:13px; line-height:1.6; }
.support-empty .btn { margin-top:7px; min-height:43px; border-radius:11px; }
.tic-v-head { padding:22px 24px!important; border-radius:22px 22px 0 0!important; background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.16))!important; }
.tic-v-head h2 { font-size:22px!important; line-height:1.25!important; letter-spacing:-.6px; }
.tic-v-head h2 span { font-size:13px!important; }
.ticket-head-actions .btn { min-height:37px; border-radius:10px; }
.live-indicator { border-color:rgba(94,213,138,.18)!important; background:rgba(94,213,138,.055)!important; color:#67dd91!important; }
.tic-v-body { gap:16px!important; padding:25px!important; background:radial-gradient(circle at 100% 0,rgba(240,56,75,.025),transparent 32%); }
.msg-b { max-width:min(78%,720px)!important; padding:13px 15px!important; border-radius:15px!important; font-size:13px!important; line-height:1.65!important; }
.msg-meta { margin-bottom:6px!important; font-size:9px!important; }
.tic-v-foot { padding:17px 19px!important; align-items:flex-end!important; border-radius:0 0 22px 22px!important; background:rgba(7,7,9,.72)!important; }
.tic-v-foot textarea { min-height:48px!important; padding:13px 15px!important; border-radius:12px!important; font-size:13px!important; line-height:1.5; }
.tic-v-foot>.btn { min-height:45px; padding-inline:18px; border-radius:11px; }
#tickets-list::-webkit-scrollbar-thumb,.tic-v-body::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#f0384b,#aa2638)!important; }

@media(max-width:1050px) {
  .support-quick-grid { grid-template-columns:1fr 1fr; }
  .support-quick-card:last-child { grid-column:1/-1; }
  .support-shell { grid-template-columns:310px minmax(0,1fr); }
}
@media(max-width:850px) {
  .support-page-head { align-items:flex-start; flex-direction:column; padding:24px; }
  .support-page-actions { justify-content:flex-start; }
  .support-shell { display:flex!important; flex-direction:column; height:auto!important; min-height:0!important; }
  .support-sidebar { max-height:none!important; }
  #tickets-list { max-height:380px!important; min-height:180px!important; }
  .support-view { min-height:560px!important; height:min(70vh,680px)!important; }
}
@media(max-width:600px) {
  .support-page-head { padding:22px 18px; border-radius:19px; }
  .support-page-actions,.support-page-actions .btn { width:100%; }
  .support-quick-grid { grid-template-columns:1fr; }
  .support-quick-card:last-child { grid-column:auto; }
  .support-filter-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .support-view { min-height:500px!important; }
  .msg-b { max-width:90%!important; }
}