/* Support + Ticket pages — unified Golden style */
:root{
  --support-gold:#D09A55;
  --support-gold-soft:#D09A55;
  --support-red:#70451F;
  --support-bg:#0B0B0C;
  --support-panel:rgba(112,69,31,.86);
  --support-panel-2:rgba(18,15,18,.92);
  --support-border:rgba(208,154,85,.18);
  --support-border-strong:rgba(208,154,85,.34);
  --support-text:#f7ecd0;
  --support-muted:rgba(247,236,208,.62);
  --support-soft:rgba(247,236,208,.42);
}

body{
  background:
    radial-gradient(circle at 12% 15%, rgba(182,122,53,.12), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(112,69,31,.14), transparent 30%),
    linear-gradient(180deg, #0B0B0C 0%, #0B0B0C 45%, #040405 100%) !important;
}

.support-hero{
  width:min(1180px, calc(100% - 44px));
  margin:var(--zcp-page-top-gap) auto 54px;
  border:1px solid var(--support-border);
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at 18% 10%, rgba(208,154,85,.13), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(112,69,31,.26), transparent 42%),
    linear-gradient(135deg, rgba(11,11,12,.94), rgba(112,69,31,.95) 58%, rgba(18,13,15,.94));
  box-shadow:0 24px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
  position:relative;
}
.support-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(208,154,85,.10), transparent),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 96px);
  opacity:.55;
}
.support-hero-inner{
  position:relative;
  z-index:1;
  padding:54px 42px 42px;
  text-align:center;
}
.support-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:34px;
  padding:0 20px;
  border:1px solid rgba(208,154,85,.28);
  border-radius:999px;
  background:rgba(208,154,85,.06);
  color:var(--support-gold-soft);
  font:700 12px/1 Rajdhani, sans-serif;
  letter-spacing:3px;
  text-transform:uppercase;
}
.support-badge-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--support-gold);
  box-shadow:0 0 16px rgba(208,154,85,.9);
}
.support-title{
  margin:22px auto 0;
  color:#D09A55;
  font-family:Cinzel, serif;
  font-size:clamp(42px, 6vw, 86px);
  line-height:.95;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 0 28px rgba(208,154,85,.18), 0 5px 0 rgba(0,0,0,.45);
}
.support-title span{
  background:linear-gradient(180deg, #fff7d4 0%, #D09A55 55%, #B67A35 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.support-sub{
  max-width:760px;
  margin:20px auto 0;
  color:var(--support-muted);
  font:600 18px/1.65 Rajdhani, sans-serif;
}
.support-hero-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  max-width:690px;
  margin:30px auto 0;
}
.support-hero-stats div{
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(208,154,85,.22);
  border-radius:16px;
  background:rgba(0,0,0,.23);
}
.support-hero-stats strong{
  color:var(--support-gold-soft);
  font:800 30px/1 Cinzel, serif;
}
.support-hero-stats span{
  margin-top:7px;
  color:rgba(247,236,208,.42);
  font:700 10px/1 Rajdhani, sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
}

.support-page{
  position:relative;
  padding-bottom:70px;
}
.support-page:before{
  content:"";
  position:absolute;
  inset:-30px 0 auto;
  height:420px;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle at 50% 0%, rgba(208,154,85,.10), transparent 55%);
}

.support-alert,
.alert{
  width:min(1180px, 100%);
  margin:0 auto 22px;
  padding:15px 18px;
  border-radius:16px;
  border:1px solid var(--support-border);
  background:rgba(112,69,31,.92);
  color:var(--support-text);
  font:700 15px/1.4 Rajdhani, sans-serif;
}
.support-alert.is-success,.alert-success{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08);color:#a7f3d0}
.support-alert.is-error,.alert-error{border-color:rgba(208,154,85,.35);background:rgba(208,154,85,.08);color:#D09A55}
.support-alert.is-warning,.alert-warning{border-color:rgba(208,154,85,.35);background:rgba(208,154,85,.08);color:#D09A55}

.support-kicker{
  display:block;
  color:var(--support-gold);
  font:800 12px/1 Rajdhani, sans-serif;
  letter-spacing:4px;
  text-transform:uppercase;
}
.support-panel,
.support-intro-card,
.support-help-strip{
  border:1px solid var(--support-border);
  background:
    linear-gradient(145deg, rgba(18,18,23,.90), rgba(112,69,31,.94)),
    radial-gradient(circle at 100% 0, rgba(112,69,31,.12), transparent 40%);
  border-radius:24px;
  box-shadow:0 24px 64px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}
.support-panel{padding:28px;}
.support-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-bottom:20px;
  margin-bottom:22px;
  border-bottom:1px solid rgba(208,154,85,.18);
}
.support-section-head.compact{padding-bottom:16px;margin-bottom:18px;}
.support-section-head h2,
.support-intro-card h2,
.support-help-strip h2,
.ticket-overview-head h2,
.ticket-info-card h2,
.ticket-guidance-card h2{
  margin:6px 0 0;
  color:#fff5d8;
  font-family:Cinzel, serif;
  font-size:clamp(23px, 2.4vw, 32px);
  line-height:1.08;
  text-transform:capitalize;
}
.support-section-head h3,
.support-intro-card h3{
  margin:8px 0 0;
  color:#D09A55;
  font-family:Cinzel, serif;
  font-size:18px;
}
.support-count-badge{
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(208,154,85,.24);
  border-radius:999px;
  background:rgba(208,154,85,.06);
  color:#D09A55;
  font:800 11px/1 Rajdhani, sans-serif;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

.support-intro-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(3, 1fr);
  gap:16px;
  margin-bottom:24px;
}
.support-intro-card{
  padding:24px;
  min-height:150px;
}
.support-intro-card.is-primary{
  background:
    radial-gradient(circle at 0 0, rgba(208,154,85,.16), transparent 40%),
    linear-gradient(145deg, rgba(11,11,12,.92), rgba(11,11,14,.92));
}
.support-intro-card p,
.support-help-strip p,
.ticket-overview-head p,
.ticket-original-message p,
.ticket-guidance-card li{
  margin:13px 0 0;
  color:var(--support-muted);
  font:600 15px/1.65 Rajdhani, sans-serif;
}
.support-intro-icon{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(208,154,85,.28);
  border-radius:12px;
  color:var(--support-gold-soft);
  background:rgba(208,154,85,.07);
  font:800 14px/1 Cinzel, serif;
}

.support-main-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:24px;
  align-items:start;
}
.support-side-stack{
  display:grid;
  gap:20px;
}

.support-form{display:grid;gap:18px;}
.support-form-grid{
  display:grid;
  grid-template-columns:1fr 190px;
  gap:16px;
}
.support-field{
  display:grid;
  gap:8px;
}
.support-field span,
.support-upload-box strong{
  color:#D09A55;
  font:800 14px/1 Rajdhani, sans-serif;
  letter-spacing:.4px;
}
.support-field em{color:#D09A55;font-style:normal;}
.support-field input,
.support-field select,
.support-field textarea,
.ticket-reply-input{
  width:100%;
  border:1px solid rgba(208,154,85,.18);
  border-radius:15px;
  background:rgba(112,69,31,.64);
  color:#fff8df;
  outline:none;
  padding:14px 15px;
  font:700 15px/1.35 Rajdhani, sans-serif;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.support-field textarea,
.ticket-reply-input{resize:vertical;min-height:150px;line-height:1.55;}
.support-field select{cursor:pointer;}
.support-field input:focus,
.support-field select:focus,
.support-field textarea:focus,
.ticket-reply-input:focus{
  border-color:rgba(208,154,85,.56);
  box-shadow:0 0 0 4px rgba(208,154,85,.08);
  background:rgba(112,69,31,.84);
}
.support-field ::placeholder{color:rgba(247,236,208,.34);}
.support-upload-box{
  position:relative;
  display:grid;
  gap:8px;
  padding:22px;
  border:1px dashed rgba(208,154,85,.32);
  border-radius:18px;
  background:rgba(208,154,85,.045);
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.support-upload-box:hover{
  border-color:rgba(208,154,85,.62);
  background:rgba(208,154,85,.075);
  transform:translateY(-1px);
}
.support-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.support-upload-box span{
  color:var(--support-muted);
  font:600 13px/1.4 Rajdhani, sans-serif;
}
.support-upload-box.has-file{
  border-color:rgba(74,222,128,.45);
  background:rgba(74,222,128,.07);
}
.support-form-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:4px;
}
.support-btn,
.submit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid rgba(208,154,85,.28);
  text-decoration:none;
  cursor:pointer;
  font:900 12px/1 Rajdhani, sans-serif;
  letter-spacing:2px;
  text-transform:uppercase;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.support-btn:hover,
.submit-btn:hover{transform:translateY(-2px);}
.support-btn.is-main,
.submit-btn{
  color:#141416;
  background:linear-gradient(180deg, #D09A55, #D09A55);
  box-shadow:0 14px 28px rgba(208,154,85,.20), inset 0 1px 0 rgba(255,255,255,.32);
}
.support-btn.is-ghost{
  color:#D09A55;
  background:rgba(208,154,85,.05);
}
.support-btn.is-ghost:hover{border-color:rgba(208,154,85,.55);background:rgba(208,154,85,.08);}
.support-btn.small{min-height:36px;padding:0 16px;font-size:11px;}

.support-login-card,
.support-empty-box,
.ticket-empty-state{
  text-align:center;
  padding:38px 22px;
  border:1px solid rgba(208,154,85,.18);
  border-radius:20px;
  background:rgba(0,0,0,.20);
}
.support-login-icon,
.support-empty-icon{
  width:58px;
  height:58px;
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  border:1px solid rgba(208,154,85,.28);
  background:rgba(208,154,85,.07);
  color:#D09A55;
  font:900 24px/1 Cinzel, serif;
}
.support-login-card h3,
.support-empty-box h3,
.ticket-empty-state h2,
.ticket-closed-card h3{
  margin:0 0 10px;
  color:#fff4d2;
  font-family:Cinzel, serif;
}
.support-login-card p,
.support-empty-box p,
.ticket-empty-state p,
.ticket-closed-card p{
  margin:0 auto 18px;
  max-width:520px;
  color:var(--support-muted);
  font:600 15px/1.6 Rajdhani, sans-serif;
}

.support-ticket-list{display:grid;gap:12px;}
.support-ticket-mini{
  display:block;
  padding:14px;
  border:1px solid rgba(208,154,85,.14);
  border-radius:16px;
  background:rgba(0,0,0,.20);
  text-decoration:none;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.support-ticket-mini:hover{transform:translateY(-2px);border-color:rgba(208,154,85,.36);background:rgba(208,154,85,.055);}
.support-ticket-mini-top{
  display:flex;
  gap:10px;
  align-items:flex-start;
  justify-content:space-between;
}
.support-ticket-mini strong{
  color:#B8B2AA;
  font:800 15px/1.25 Rajdhani, sans-serif;
}
.support-ticket-mini-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  color:rgba(247,236,208,.42);
  font:700 11px/1 Rajdhani, sans-serif;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.support-empty-small{
  display:grid;
  gap:6px;
  padding:18px;
  border:1px solid rgba(208,154,85,.13);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.support-empty-small strong{color:#B8B2AA;font:800 16px/1.2 Rajdhani, sans-serif;}
.support-empty-small span{color:var(--support-muted);font:600 13px/1.4 Rajdhani, sans-serif;}
.support-category-list{display:grid;gap:10px;}
.support-category-pill{
  width:100%;
  text-align:left;
  border:1px solid rgba(208,154,85,.14);
  border-radius:16px;
  background:rgba(0,0,0,.20);
  padding:14px 15px;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.support-category-pill:hover{transform:translateY(-2px);border-color:rgba(208,154,85,.38);background:rgba(208,154,85,.055);}
.support-category-pill span{display:block;color:#B8B2AA;font:900 14px/1 Rajdhani, sans-serif;text-transform:uppercase;letter-spacing:1px;}
.support-category-pill small{display:block;margin-top:7px;color:var(--support-muted);font:600 13px/1.35 Rajdhani, sans-serif;}

.support-faq-panel{margin-top:24px;}
.support-faq-grid{display:grid;gap:12px;}
.support-faq-item{
  border:1px solid rgba(208,154,85,.14);
  border-radius:16px;
  overflow:hidden;
  background:rgba(0,0,0,.16);
}
.support-faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border:0;
  color:#B8B2AA;
  background:transparent;
  cursor:pointer;
  font:900 16px/1.25 Rajdhani, sans-serif;
  text-align:left;
}
.support-faq-question em{
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(208,154,85,.25);
  color:#D09A55;
  font-style:normal;
}
.support-faq-answer{
  display:none;
  padding:0 18px 18px;
  color:var(--support-muted);
  font:600 15px/1.65 Rajdhani, sans-serif;
}
.support-faq-item.open .support-faq-answer{display:block;}
.support-faq-item.open .support-faq-question em{content:"-";}

.support-help-strip{
  margin-top:24px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:
    radial-gradient(circle at 90% 0%, rgba(208,154,85,.12), transparent 35%),
    linear-gradient(145deg, rgba(11,11,12,.92), rgba(8,8,10,.94));
}

.support-status,
.ticket-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(208,154,85,.22);
  color:#D09A55;
  background:rgba(208,154,85,.07);
  font:900 10px/1 Rajdhani, sans-serif;
  letter-spacing:1.4px;
  text-transform:uppercase;
  white-space:nowrap;
}
.support-status.is-open{border-color:rgba(74,222,128,.34);background:rgba(74,222,128,.08);color:#86efac;}
.support-status.is-in-progress,.support-status.is-waiting{border-color:rgba(208,154,85,.34);background:rgba(208,154,85,.08);color:#D09A55;}
.support-status.is-resolved{border-color:rgba(216,178,122,.34);background:rgba(216,178,122,.08);color:#D8B27A;}
.support-status.is-closed{border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.07);color:#D2C9BE;}
.support-priority{
  display:inline-flex;
  padding:4px 9px;
  border-radius:999px;
  font:900 11px/1 Rajdhani, sans-serif;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.support-priority.is-low{color:#86efac;background:rgba(74,222,128,.08);}
.support-priority.is-medium{color:#D09A55;background:rgba(208,154,85,.08);}
.support-priority.is-high{color:#D09A55;background:rgba(208,154,85,.08);}
.support-priority.is-urgent{color:#D09A55;background:rgba(208,154,85,.10);}

/* Ticket page */
.ticket-hero .support-title{font-size:clamp(34px, 4.8vw, 64px);}
.ticket-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:24px;
  align-items:start;
}
.ticket-main-column,
.ticket-side-column{display:grid;gap:20px;}
.ticket-overview-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(208,154,85,.16);
}
.ticket-original-message{
  margin-top:20px;
  padding:20px;
  border:1px solid rgba(208,154,85,.14);
  border-radius:18px;
  background:rgba(0,0,0,.18);
}
.ticket-original-message p{white-space:pre-wrap;}
.ticket-info-list{display:grid;gap:0;margin:20px 0 0;}
.ticket-info-list div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid rgba(208,154,85,.11);
}
.ticket-info-list div:last-child{border-bottom:0;}
.ticket-info-list dt{
  color:#D09A55;
  font:900 12px/1 Rajdhani, sans-serif;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.ticket-info-list dd{
  margin:0;
  color:#B8B2AA;
  font:800 14px/1.3 Rajdhani, sans-serif;
  text-align:right;
  word-break:break-word;
}
.ticket-guidance-card ul{margin:18px 0 0;padding-left:18px;}
.ticket-guidance-card li{margin:8px 0;}
.ticket-closed-card{text-align:center;}
.ticket-ajax-status{
  min-height:0;
  margin-bottom:14px;
  color:var(--support-muted);
  font:800 13px/1.4 Rajdhani, sans-serif;
}
.ticket-ajax-status.success{color:#86efac;}
.ticket-ajax-status.error{color:#D09A55;}
.ticket-ajax-status.info{color:#D09A55;}

.ticket-thread,
.chat-mode{
  display:grid;
  gap:14px;
}
.reply-item{
  position:relative;
  display:grid;
  gap:12px;
  padding:18px 18px 18px 22px;
  border:1px solid rgba(208,154,85,.14);
  border-radius:18px;
  background:rgba(0,0,0,.18);
  overflow:hidden;
}
.reply-item:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:rgba(208,154,85,.55);
}
.reply-item.is-admin{
  background:linear-gradient(145deg, rgba(112,69,31,.13), rgba(0,0,0,.18));
  border-color:rgba(208,154,85,.20);
}
.reply-item.is-admin:before{background:#B67A35;}
.reply-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(208,154,85,.10);
}
.reply-author-wrap{display:grid;gap:4px;}
.reply-role{
  color:#D09A55;
  font:900 10px/1 Rajdhani, sans-serif;
  letter-spacing:2px;
  text-transform:uppercase;
}
.reply-author{
  color:#B8B2AA;
  font:900 16px/1 Rajdhani, sans-serif;
  text-transform:uppercase;
}
.reply-time{
  flex:0 0 auto;
  color:rgba(247,236,208,.38);
  font:800 11px/1 Rajdhani, sans-serif;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.reply-body{
  color:rgba(247,236,208,.76);
  font:600 15px/1.65 Rajdhani, sans-serif;
  white-space:normal;
}
.ticket-empty-replies,
.no-replies{
  text-align:center;
  padding:36px 18px;
  border:1px dashed rgba(208,154,85,.18);
  border-radius:18px;
  color:var(--support-muted);
  font:700 15px/1.5 Rajdhani, sans-serif;
}
.reply-attachment{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:4px;
  padding:12px;
  border:1px solid rgba(208,154,85,.12);
  border-radius:14px;
  background:rgba(208,154,85,.04);
}
.reply-attachment img{
  max-width:220px;
  max-height:150px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(208,154,85,.18);
}
.reply-attachment-link{
  color:#D09A55;
  text-decoration:none;
  font:800 13px/1.2 Rajdhani, sans-serif;
}
.reply-attachment-size{
  color:rgba(247,236,208,.44);
  font:700 12px/1 Rajdhani, sans-serif;
}

/* Legacy class support for old markup/admin injected snippets */
.support-stats,.contact-methods{display:none;}
.ticket-form,.my-tickets,.faq-section{border:1px solid var(--support-border);background:var(--support-panel);border-radius:22px;padding:26px;}
.form-title{font-family:Cinzel, serif;color:#B8B2AA;}
.form-sub{color:var(--support-muted);font:600 15px/1.5 Rajdhani,sans-serif;}

@media (max-width:1100px){
  .support-intro-grid{grid-template-columns:1fr 1fr;}
  .support-main-layout,
  .ticket-layout{grid-template-columns:1fr;}
  .support-side-stack,
  .ticket-side-column{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  .support-hero{width:calc(100% - 24px);margin-top:var(--zcp-page-top-gap-mobile);margin-bottom:34px;border-radius:0 0 22px 22px;}
  .support-hero-inner{padding:42px 18px 28px;}
  .support-badge{letter-spacing:2px;gap:8px;padding:0 14px;}
  .support-hero-stats{grid-template-columns:1fr;}
  .support-intro-grid,
  .support-side-stack,
  .ticket-side-column{grid-template-columns:1fr;}
  .support-main-layout,
  .ticket-layout{gap:18px;}
  .support-panel{padding:20px;}
  .support-form-grid{grid-template-columns:1fr;}
  .support-section-head,
  .ticket-overview-head,
  .support-help-strip{align-items:flex-start;flex-direction:column;}
  .reply-head{flex-direction:column;gap:8px;}
  .ticket-info-list div{flex-direction:column;gap:6px;}
  .ticket-info-list dd{text-align:left;}
}
.ticket-empty-thread{
  text-align:center;
  padding:36px 18px;
  border:1px dashed rgba(208,154,85,.18);
  border-radius:18px;
  color:rgba(247,236,208,.62);
  font:700 15px/1.5 Rajdhani, sans-serif;
}

/* ================================================================
   Final support layout cleanup — centered desk view
================================================================ */
.support-page{
  width:min(1180px, calc(100% - 44px));
  max-width:1180px;
  margin:0 auto;
  padding:0 0 74px !important;
  box-sizing:border-box;
  position:relative;
}
.support-page *{box-sizing:border-box;}
.support-create-panel{scroll-margin-top:145px;}
.support-desk-overview{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
  gap:28px;
  align-items:stretch;
  padding:30px;
  margin-bottom:24px;
  background:
    radial-gradient(circle at 8% 0%, rgba(208,154,85,.15), transparent 35%),
    radial-gradient(circle at 100% 20%, rgba(112,69,31,.18), transparent 42%),
    linear-gradient(145deg, rgba(19,17,18,.94), rgba(112,69,31,.96));
}
.support-desk-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:210px;}
.support-desk-copy h2,
.support-note-card h2{
  margin:8px 0 0;
  color:#fff5d8;
  font-family:Cinzel, serif;
  font-size:clamp(28px, 3.1vw, 42px);
  line-height:1.05;
  text-transform:capitalize;
}
.support-desk-copy p,
.support-note-card p{
  max-width:560px;
  margin:16px 0 0;
  color:var(--support-muted);
  font:600 16px/1.7 Rajdhani, sans-serif;
}
.support-desk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.support-step-list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.support-step-list article{
  display:grid;
  grid-template-columns:48px minmax(0, 1fr);
  grid-template-areas:"num title" "num text";
  column-gap:14px;
  align-items:center;
  min-height:70px;
  padding:16px;
  border:1px solid rgba(208,154,85,.16);
  border-radius:18px;
  background:rgba(0,0,0,.22);
}
.support-step-list b{
  grid-area:num;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(208,154,85,.26);
  border-radius:15px;
  background:rgba(208,154,85,.075);
  color:#D09A55;
  font:900 15px/1 Cinzel, serif;
}
.support-step-list strong{
  grid-area:title;
  color:#B8B2AA;
  font:900 16px/1.15 Rajdhani, sans-serif;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.support-step-list span{
  grid-area:text;
  color:rgba(247,236,208,.55);
  font:600 13px/1.4 Rajdhani, sans-serif;
}
.support-main-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:24px;
  align-items:start;
  margin-top:0;
}
.support-left-stack,
.support-side-stack{
  display:grid;
  gap:24px;
}
.support-panel{background:
  radial-gradient(circle at 100% 0%, rgba(112,69,31,.10), transparent 38%),
  linear-gradient(145deg, rgba(112,69,31,.94), rgba(112,69,31,.96));
}
.support-create-panel .support-section-head{margin-bottom:24px;}
.support-form-grid{grid-template-columns:minmax(0, 1fr) 190px;}
.support-field input,
.support-field select,
.support-field textarea,
.ticket-reply-input{min-height:48px;}
.support-field textarea{min-height:170px;}
.support-side-stack .support-panel{padding:24px;}
.support-note-card{padding:24px;}
.support-note-card h2{font-size:26px;}
.support-note-card p{font-size:15px;line-height:1.6;}
.support-faq-panel{margin-top:0;}
.support-help-strip{width:100%;margin-top:24px;}
.support-ticket-mini strong{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.support-category-pill{min-height:70px;}

.ticket-page{width:min(1180px, calc(100% - 44px));max-width:1180px;margin:0 auto;padding:0 0 74px !important;}
.ticket-layout{grid-template-columns:minmax(0, 1fr) 360px;gap:24px;}
.ticket-overview-card,.ticket-thread-panel,.ticket-reply-panel{overflow:hidden;}
.ticket-original-message{background:rgba(0,0,0,.24);}
.ticket-thread-panel #ticketReplies{display:grid;gap:14px;}

@media (max-width:1100px){
  .support-desk-overview{grid-template-columns:1fr;}
  .support-main-layout,.ticket-layout{grid-template-columns:1fr;}
  .support-side-stack,.ticket-side-column{grid-template-columns:1fr 1fr;}
  .support-note-card{grid-column:1 / -1;}
}
@media (max-width:760px){
  .support-page,.ticket-page{width:calc(100% - 24px);padding-bottom:56px !important;}
  .support-desk-overview,.support-panel,.support-help-strip{padding:20px;border-radius:20px;}
  .support-desk-copy{min-height:auto;}
  .support-desk-copy h2{font-size:32px;}
  .support-step-list article{grid-template-columns:42px minmax(0, 1fr);}
  .support-step-list b{width:42px;height:42px;}
  .support-form-grid,.support-side-stack,.ticket-side-column{grid-template-columns:1fr;}
  .support-main-layout,.ticket-layout{gap:18px;}
}