.support-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  padding: 38px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--dm-accent) 28%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
}

.support-editor-toolbar button:disabled {
  opacity: .55;
  cursor: wait;
}

.guide-media {
  margin: 22px 0;
}

.guide-media iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 12px;
  background: #080a0f;
}

.guide-article__image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 22px auto;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
}

.guide-article__body a {
  color: #8da2ff;
  text-underline-offset: 3px;
}

.support-hero__eyebrow {
  margin-bottom: 8px;
  color: var(--dm-accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.support-hero h1 {
  max-width: 720px;
  margin: 0 0 10px;
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.08;
}

.support-hero p {
  max-width: 650px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.support-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  max-width: 760px;
  margin-top: 25px;
}

.support-search input {
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(8,10,15,.62);
  color: #fff;
  font: inherit;
}

.support-search input:focus {
  border-color: var(--dm-accent);
  outline: 3px solid color-mix(in srgb, var(--dm-accent) 18%, transparent);
}

.support-search .site-btn {
  min-height: 50px;
}

.support-notice {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
  padding: 15px 17px;
  border: 1px solid color-mix(in srgb, var(--dm-accent) 35%, transparent);
  border-radius: 13px;
  background: color-mix(in srgb, var(--dm-accent) 9%, rgba(255,255,255,.025));
}

.support-notice__icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--dm-accent) 18%, transparent);
}

.support-notice strong,
.support-notice span {
  display: block;
}

.support-notice span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.support-ticket-panel {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 17px;
  background: rgba(255,255,255,.035);
}

.support-ticket-tabs {
  display: flex;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.support-tab {
  position: relative;
  min-height: 58px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.support-tab[aria-selected="true"] {
  color: #fff;
}

.support-tab[aria-selected="true"]::after {
  position: absolute;
  right: 12px;
  bottom: -1px;
  left: 12px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--dm-accent);
  content: "";
}

.support-ticket-content {
  padding: 20px;
}

.support-ticket-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.support-ticket-toolbar h2 {
  margin: 0;
  font-size: 20px;
}

.support-ticket-list {
  display: grid;
  gap: 10px;
}

.support-ticket {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(0,0,0,.12);
  color: inherit;
  text-decoration: none;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.support-ticket:hover {
  border-color: color-mix(in srgb, var(--dm-accent) 45%, transparent);
  background: rgba(255,255,255,.055);
  transform: translateY(-1px);
}

.support-ticket__title {
  margin-bottom: 6px;
  font-weight: 850;
}

.support-ticket__number {
  margin-left: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.support-ticket__meta {
  color: var(--muted);
  font-size: 13px;
}

.support-ticket__arrow {
  color: var(--dm-accent);
  font-size: 22px;
}

.support-empty {
  padding: 38px 20px;
  text-align: center;
  color: var(--muted);
}

.support-search-results {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(0,0,0,.16);
  color: var(--muted);
  font-size: 14px;
}

.support-form-shell {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
}

.support-form-header {
  padding: 26px 28px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 92% 0, color-mix(in srgb, var(--dm-accent) 20%, transparent), transparent 35%),
    rgba(255,255,255,.025);
}

.support-form-header h1 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 38px);
}

.support-form-header p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.support-form {
  display: grid;
  gap: 20px;
  padding: 28px;
}

.support-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.support-field {
  display: grid;
  gap: 8px;
}

.support-field--full {
  grid-column: 1 / -1;
}

.support-field label {
  color: #eef1f6;
  font-size: 13px;
  font-weight: 800;
}

.support-field input,
.support-field select,
.support-field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(8,10,15,.58);
  color: #fff;
  font: inherit;
}

.support-field input[readonly],
.support-field select:disabled {
  color: #a6afbd;
  background: rgba(255,255,255,.025);
  cursor: not-allowed;
}

.support-field textarea {
  min-height: 190px;
  resize: vertical;
  line-height: 1.55;
}

.support-field input:focus,
.support-field select:focus,
.support-field textarea:focus {
  border-color: var(--dm-accent);
  outline: 3px solid color-mix(in srgb, var(--dm-accent) 18%, transparent);
}

.support-field__help {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.support-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 4px;
}

.support-form-actions__buttons {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.support-form-status {
  min-height: 20px;
  color: var(--muted);
  font-size: 13px;
}

.support-admin-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px }
.support-admin-heading h1 { margin:0 0 7px;font-size:clamp(30px,4vw,42px) }
.support-admin-heading p { margin:0;color:var(--muted) }
.support-summary-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px }
.support-summary-card { padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer }
.support-summary-card:hover { border-color:color-mix(in srgb,var(--dm-accent) 42%,transparent);background:rgba(255,255,255,.055) }
.support-summary-card span,.support-summary-card small { display:block;color:var(--muted) }
.support-summary-card strong { display:block;margin:7px 0 5px;font-size:30px }
.support-admin-panel { overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035) }
.support-admin-filters { display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(125px,.65fr)) auto;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.09) }
.support-admin-filters .support-field { gap:0 }.support-admin-filters input,.support-admin-filters select { min-height:42px }
.support-admin-result-bar { display:flex;justify-content:space-between;gap:15px;padding:13px 17px;color:var(--muted);font-size:12px }.support-admin-result-bar strong { color:#fff }
.support-admin-ticket-list { border-top:1px solid rgba(255,255,255,.08) }
.support-admin-ticket { display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(120px,.65fr) minmax(110px,.55fr) minmax(90px,.45fr) auto;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.075);color:inherit;text-decoration:none }
.support-admin-ticket:last-child { border-bottom:0 }.support-admin-ticket:hover { background:rgba(255,255,255,.045) }
.support-admin-ticket h3 { margin:7px 0 4px;font-size:15px }.support-admin-ticket p,.support-admin-ticket small { margin:0;color:var(--muted);font-size:12px }
.support-admin-ticket__detail span,.support-admin-ticket__detail small,.support-admin-ticket__updated span,.support-admin-ticket__updated small { display:block }.support-admin-ticket__detail span,.support-admin-ticket__updated span { font-size:13px;font-weight:750 }.support-admin-ticket__updated { text-align:right }
.support-ticket-badge { display:inline-flex;padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:11px;font-weight:850 }.support-ticket-badge--new { background:rgba(96,165,250,.14);color:#b9dcff }.support-ticket-badge--open { background:rgba(74,222,128,.12);color:#b7f7cc }.support-ticket-badge--waiting { background:rgba(251,191,36,.13);color:#ffe19a }.support-ticket-badge--resolved,.support-ticket-badge--closed { background:rgba(148,163,184,.12);color:#cad1dc }
.support-admin-breadcrumbs { display:flex;gap:8px;margin-bottom:17px;color:var(--muted);font-size:13px }.support-admin-breadcrumbs a { color:#c5ccd7;text-decoration:none }
.support-agent-ticket-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px }.support-agent-ticket-header h1 { margin:5px 0 8px;font-size:clamp(27px,4vw,38px) }.support-agent-ticket-header p { margin:0;color:var(--muted) }
.support-agent-layout { display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start }.support-agent-main { min-width:0 }.support-agent-panel { padding:26px;line-height:1.65 }.support-agent-panel h2 { margin-top:0 }.support-agent-panel h3 { margin-top:28px }
.support-health-snapshot { display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;border:1px solid rgba(251,191,36,.22);border-radius:12px;background:rgba(251,191,36,.07) }.support-health-snapshot p { margin:4px 0 0;color:var(--muted);font-size:13px }.support-status-dot { width:11px;height:11px;margin-top:6px;border-radius:50% }.support-status-dot--warning { background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.45) }
.support-message { margin-bottom:12px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.12) }.support-message--agent { border-left:3px solid var(--dm-accent) }.support-message__meta { display:flex;justify-content:space-between;gap:12px }.support-message__meta span { color:var(--muted);font-size:12px }.support-message p { margin:10px 0 0 }
.support-reply-form { display:grid;gap:10px;margin-top:20px }.support-reply-form label { font-weight:800 }.support-reply-form textarea { box-sizing:border-box;width:100%;min-height:120px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(8,10,15,.58);color:#fff;font:inherit;resize:vertical }.support-reply-form div { display:flex;justify-content:flex-end }
.support-internal-note { padding:15px;border:1px solid rgba(168,85,247,.25);border-radius:12px;background:rgba(168,85,247,.08) }.support-internal-note p { margin:4px 0 0;color:var(--muted) }
.support-ticket-properties { display:grid;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035) }.support-ticket-properties h2 { margin:0 }.support-ticket-metadata { display:grid;gap:12px;margin:0;padding-top:4px;border-top:1px solid rgba(255,255,255,.08) }.support-ticket-metadata div { display:grid;gap:3px }.support-ticket-metadata dt { color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase }.support-ticket-metadata dd { margin:0;font-size:13px;overflow-wrap:anywhere }.support-save-ticket { width:100% }

@media(max-width:900px){.support-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.support-admin-search{grid-column:1/-1}.support-admin-ticket{grid-template-columns:minmax(0,1fr) auto}.support-admin-ticket__detail,.support-admin-ticket__updated{display:none}.support-agent-layout{grid-template-columns:1fr}.support-ticket-properties{grid-row:1}}
@media(max-width:600px){.support-summary-grid{grid-template-columns:1fr 1fr}.support-admin-filters{grid-template-columns:1fr}.support-admin-search{grid-column:auto}.support-agent-ticket-header{flex-direction:column}.support-agent-ticket-header .site-btn{width:100%}.support-message__meta{flex-direction:column;gap:2px}}

.support-summary-card--link{box-sizing:border-box;color:inherit;text-decoration:none}.support-guide-filters{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(140px,.7fr) minmax(130px,.6fr) auto;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.09)}.support-guide-filters .support-field{gap:0}.support-guide-filters input,.support-guide-filters select{min-height:42px}.support-guide-admin-list{border-top:1px solid rgba(255,255,255,.08)}.support-guide-admin-row{display:grid;grid-template-columns:minmax(300px,1.6fr) minmax(140px,.6fr) 90px minmax(100px,.45fr) auto;gap:17px;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.075);color:inherit;text-decoration:none}.support-guide-admin-row:last-child{border-bottom:0}.support-guide-admin-row:hover{background:rgba(255,255,255,.045)}.support-guide-admin-row h3{margin:0 0 5px;font-size:15px}.support-guide-admin-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.support-guide-admin-row span,.support-guide-admin-row small{display:block}.support-guide-admin-row small{margin-top:3px;color:var(--muted);font-size:11px}.support-guide-status{display:inline-flex!important;width:max-content;padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:11px;font-weight:850;text-transform:capitalize}.support-guide-status--published{background:rgba(74,222,128,.12);color:#b7f7cc}.support-guide-status--draft{background:rgba(251,191,36,.13);color:#ffe19a}.support-guide-admin-updated{text-align:right;font-size:12px}
.support-guide-editor-heading{align-items:center}.support-guide-editor-actions{display:flex;gap:10px}.support-guide-editor{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.support-guide-editor-main,.support-guide-editor-sidebar{display:grid;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}.support-guide-editor-sidebar{position:sticky;top:22px}.support-guide-editor-sidebar h2{margin:0}.support-guide-summary-input{min-height:110px!important}.support-guide-body-input{min-height:420px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:13px!important}.support-slug-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(8,10,15,.58)}.support-slug-field span{padding-left:12px;color:var(--muted);font-size:12px}.support-slug-field input{border:0!important;background:transparent!important;outline:0!important}.support-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:-8px}.support-editor-toolbar button{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.045);color:#dce1ea;cursor:pointer;font:inherit;font-size:12px;font-weight:750}.support-editor-toolbar button:hover{background:rgba(255,255,255,.09)}.support-guide-editor-meta{display:grid;gap:4px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.support-guide-editor-meta span{margin-top:8px;color:var(--muted);font-size:11px;text-transform:uppercase}.support-guide-editor-meta strong{font-size:13px}
@media(max-width:900px){.support-guide-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.support-guide-search{grid-column:1/-1}.support-guide-admin-row{grid-template-columns:minmax(0,1fr) auto}.support-guide-admin-row>div:not(.support-guide-admin-row__main),.support-guide-admin-updated{display:none}.support-guide-editor{grid-template-columns:1fr}.support-guide-editor-sidebar{position:static;grid-row:1}.support-guide-editor-heading{align-items:flex-start;flex-direction:column}.support-guide-editor-actions{width:100%}}
@media(max-width:600px){.support-guide-filters{grid-template-columns:1fr}.support-guide-search{grid-column:auto}.support-guide-editor-actions{flex-direction:column}.support-guide-editor-actions .site-btn{width:100%}.support-slug-field{grid-template-columns:1fr}.support-slug-field span{padding:10px 12px 0}}

.support-settings-note{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(96,165,250,.22);border-radius:12px;background:rgba(96,165,250,.07)}.support-settings-note>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:rgba(96,165,250,.15);font-weight:900}.support-settings-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.support-settings-note strong{color:#e8edf5}.support-settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.08)}.support-settings-toolbar>div>strong,.support-settings-toolbar>div>span{display:block}.support-settings-toolbar>div>span{margin-top:4px;color:var(--muted);font-size:12px}.support-settings-toolbar__filters{display:flex!important;align-items:center;gap:14px}.support-settings-toolbar__filters .support-field{min-width:170px;gap:0}.support-settings-toolbar__filters select{min-height:40px}.support-settings-active-filter{display:flex;gap:8px;align-items:center;color:#cbd2dc;font-size:13px;white-space:nowrap}.support-settings-active-filter input{width:17px;height:17px;accent-color:var(--dm-accent)}.support-settings-list{display:grid}.support-settings-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.075)}.support-settings-row:last-child{border-bottom:0}.support-settings-row.is-inactive{opacity:.58}.support-settings-order{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);color:var(--muted);font-size:12px;font-weight:800}.support-settings-row__main>div{display:flex;gap:9px;align-items:center}.support-settings-row h3{margin:0;font-size:15px}.support-settings-row p{margin:5px 0;color:var(--muted);font-size:13px}.support-settings-row small{color:#8993a3}.support-settings-state{display:inline-flex;padding:3px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#b8c0cd;font-size:10px;font-weight:850}.support-settings-state.is-active{border-color:rgba(74,222,128,.25);background:rgba(74,222,128,.1);color:#b7f7cc}.support-settings-row__actions{display:flex;gap:7px}.support-settings-row__actions .site-btn{height:36px;font-size:12px}.support-settings-status{min-height:22px;margin-top:12px;color:var(--muted);font-size:12px}.support-settings-dialog{box-sizing:border-box;width:min(560px,calc(100% - 28px));padding:0;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:#1c1e23;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.58)}.support-settings-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.support-settings-dialog form{display:grid;gap:18px;padding:22px}.support-settings-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08)}.support-settings-dialog h2{margin:3px 0 0}.support-dialog-close{border:0;background:transparent;color:#aaa;font-size:27px;cursor:pointer}.support-settings-dialog textarea{min-height:110px}.support-settings-form-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.support-settings-switch{display:flex;gap:8px;align-items:center;min-height:46px;padding:0 10px}.support-settings-switch input{width:18px;height:18px;accent-color:var(--dm-accent)}.support-settings-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
@media(max-width:700px){.support-settings-toolbar{align-items:flex-start;flex-direction:column}.support-settings-toolbar__filters{width:100%;align-items:stretch!important;flex-direction:column}.support-settings-toolbar__filters .support-field{width:100%}.support-settings-row{grid-template-columns:34px minmax(0,1fr)}.support-settings-row__actions{grid-column:1/-1}.support-settings-row__actions .site-btn{flex:1}.support-settings-form-row{grid-template-columns:1fr}.support-settings-switch{padding:0}}

.support-roles-panel{padding:18px}.support-roles-section{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(0,0,0,.1)}.support-roles-section+.support-roles-section{margin-top:16px}.role-toolbar{display:grid;grid-template-columns:minmax(190px,360px) auto;gap:14px;align-items:end;justify-content:space-between;margin-bottom:18px}.role-field{display:grid;gap:7px;min-width:0}.role-field span{font-size:13px;font-weight:700}.role-field select,.role-field input{box-sizing:border-box;width:100%;min-height:44px}.role-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.role-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px}.role-summary p{margin:0}.role-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:13px}.role-table{width:100%;min-width:720px;border-collapse:collapse}.role-table th,.role-table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:middle}.role-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--dm-muted,#aab4bf);background:rgba(255,255,255,.035)}.role-table tbody tr:last-child td{border-bottom:0}.role-table tbody tr:hover{background:rgba(255,255,255,.025)}.role-check-cell{width:42px;text-align:center!important}.role-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--dm-accent,#3b82f6)}.role-user-name{font-weight:700}.role-user-email{font-size:13px;color:var(--dm-muted,#aab4bf);overflow-wrap:anywhere}.role-badges{display:flex;flex-wrap:wrap;gap:6px}.role-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.28);font-size:12px}.role-empty{padding:32px 16px!important;text-align:center!important;color:var(--dm-muted,#aab4bf)}.role-save-bar{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 15px;border:1px solid rgba(59,130,246,.3);border-radius:13px;background:rgba(18,20,24,.96);box-shadow:0 10px 30px rgba(0,0,0,.28)}.role-save-bar p{margin:0}.role-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:15px}.role-pagination span{min-width:120px;text-align:center;font-size:13px;color:var(--dm-muted,#aab4bf)}.role-help{margin-top:8px;font-size:13px;color:var(--dm-muted,#aab4bf)}.role-section-header,.discord-mapping-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.role-section-header h2,.role-section-header p,.discord-mapping-header h2,.discord-mapping-header p{margin-top:0}.role-section-header p,.discord-mapping-header p{margin-bottom:0}.role-search-line{margin-bottom:18px}.role-row-action{text-align:right!important;width:110px}.discord-mapping-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.discord-mapping-list{display:grid;gap:9px}.discord-mapping-row{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(260px,1fr);gap:16px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}.discord-mapping-role{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.discord-mapping-role strong{font-size:14px}.assignment-mode{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--dm-muted,#aab4bf);font-size:11px;text-transform:capitalize}.discord-mapping-row select{box-sizing:border-box;width:100%;min-height:42px}.discord-mapping-note{margin:13px 0 0;font-size:13px;color:var(--dm-muted,#aab4bf)}
@media(max-width:720px){.role-toolbar{grid-template-columns:1fr}.role-section-header,.discord-mapping-header{flex-direction:column}.role-section-header .site-btn{width:100%}.role-search{grid-template-columns:1fr}.role-search .site-btn{width:100%}.role-save-bar{align-items:stretch;flex-direction:column}.role-save-bar .site-btn{width:100%}.role-pagination{justify-content:space-between}.discord-mapping-actions{width:100%;justify-content:stretch}.discord-mapping-actions .site-btn{flex:1}.discord-mapping-row{grid-template-columns:1fr}}

.hidden {
  display: none !important;
}

@media (max-width: 700px) {
  .support-hero {
    padding: 28px 22px;
  }

  .support-search {
    grid-template-columns: 1fr;
  }

  .support-notice {
    grid-template-columns: auto minmax(0,1fr);
  }

  .support-notice .site-btn {
    grid-column: 1 / -1;
  }

  .support-ticket-content {
    padding: 14px;
  }

  .support-ticket-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .support-ticket-toolbar .site-btn {
    width: 100%;
  }

  .support-form-header,
  .support-form {
    padding: 22px;
  }

  .support-form-grid {
    grid-template-columns: 1fr;
  }

  .support-field--full {
    grid-column: auto;
  }

  .support-form-actions,
  .support-form-actions__buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .support-form-actions__buttons {
    width: 100%;
    margin-left: 0;
  }

  .support-form-actions .site-btn {
    width: 100%;
  }
}

.support-public-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--dm-accent) 14%, transparent), transparent 30%),
    #1e1f22;
  color: #f4f6fa;
}

.support-public-main {
  box-sizing: border-box;
  width: min(1180px, calc(100% - 40px));
  min-height: 70vh;
  margin: 0 auto;
  padding: 32px 0 72px;
}

.support-breadcrumbs {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 22px;
  color: #8f99aa;
  font-size: 13px;
}

.support-breadcrumbs a {
  color: #bcc5d4;
  text-decoration: none;
}

.support-breadcrumbs a:hover {
  color: #fff;
}

.guide-page-heading {
  margin-bottom: 30px;
}

.guide-page-heading h1 {
  margin: 0 0 10px;
  font-size: clamp(32px, 5vw, 48px);
}

.guide-page-heading p {
  max-width: 680px;
  margin: 0;
  color: #a7b0c0;
  line-height: 1.6;
}

.guide-layout {
  display: grid;
  grid-template-columns: 240px minmax(0,1fr);
  gap: 26px;
  align-items: start;
}

.guide-categories,
.guide-article-list,
.guide-article {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}

.guide-categories {
  position: sticky;
  top: 112px;
  overflow: hidden;
  padding: 10px;
}

.guide-categories__title {
  padding: 8px 10px 12px;
  color: #7f899b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.guide-category {
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #c4cbd6;
  text-align: left;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
}

.guide-category:hover,
.guide-category.active {
  background: color-mix(in srgb, var(--dm-accent) 18%, rgba(255,255,255,.03));
  color: #fff;
}

.guide-category.active {
  box-shadow: inset 3px 0 0 var(--dm-accent);
}

.guide-article-list {
  overflow: hidden;
}

.guide-list-header {
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.guide-list-header h2 {
  margin: 0 0 6px;
}

.guide-list-header p {
  margin: 0;
  color: #929cad;
}

.guide-list-items {
  display: grid;
}

.guide-list-item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 19px 24px;
  border-bottom: 1px solid rgba(255,255,255,.075);
  color: inherit;
  text-decoration: none;
}

.guide-list-item:last-child {
  border-bottom: 0;
}

.guide-list-item:hover {
  background: rgba(255,255,255,.045);
}

.guide-list-item h3 {
  margin: 0 0 6px;
  font-size: 16px;
}

.guide-list-item p {
  margin: 0;
  color: #929cad;
  font-size: 13px;
  line-height: 1.5;
}

.guide-list-item__arrow {
  color: var(--dm-accent);
  font-size: 22px;
}

.guide-article {
  padding: clamp(24px, 5vw, 48px);
}

.guide-article__category {
  color: var(--dm-accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.guide-article h1 {
  max-width: 800px;
  margin: 9px 0 14px;
  font-size: clamp(30px, 5vw, 46px);
  line-height: 1.12;
}

.guide-article__summary {
  max-width: 760px;
  margin: 0 0 28px;
  color: #a7b0c0;
  font-size: 17px;
  line-height: 1.65;
}

.guide-article__body {
  max-width: 780px;
  padding-top: 25px;
  border-top: 1px solid rgba(255,255,255,.09);
  color: #ced4df;
  line-height: 1.75;
}

.guide-article__body h2 {
  margin: 30px 0 10px;
  color: #fff;
}

.guide-article__body li {
  margin-bottom: 8px;
}

@media (max-width: 760px) {
  .support-public-main {
    width: min(100% - 30px, 1180px);
    padding-top: 24px;
  }

  .guide-layout {
    grid-template-columns: 1fr;
  }

  .guide-categories {
    position: static;
    display: flex;
    gap: 6px;
    overflow-x: auto;
  }

  .guide-categories__title {
    display: none;
  }

  .guide-category {
    width: auto;
    white-space: nowrap;
  }
}