/* WildRealm UVdesk Theme v2
 * Visual-only layer for the user's UVdesk support-center-bundle v1.1.3.3.
 * UVdesk remains the source of all labels, translations, routes and content.
 */
:root {
  --wr-brand: #00d21a;
  --wr-bg: #070a08;
  --wr-surface: rgba(17, 23, 18, .92);
  --wr-surface-2: #131914;
  --wr-text: #f4f7f4;
  --wr-muted: #9da79f;
  --wr-border: rgba(255,255,255,.085);
  --wr-border-strong: rgba(255,255,255,.14);
  --wr-shadow: 0 22px 70px rgba(0,0,0,.38);
  --wr-radius: 15px;
  --wr-hero-image: none;
}
html { background: var(--wr-bg); }
body.wr-support-center {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(900px 440px at 50% -130px, color-mix(in srgb,var(--wr-brand) 8%,transparent), transparent 72%), var(--wr-bg) !important;
  color: var(--wr-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.55;
  top: 0 !important;
}
body.wr-support-center *, body.wr-support-center *::before, body.wr-support-center *::after { box-sizing: border-box; }
body.wr-support-center .uv-container { width: min(1180px, calc(100% - 40px)); max-width: 1180px; margin-inline: auto; }
body.wr-support-center h1, body.wr-support-center h2, body.wr-support-center h3, body.wr-support-center h4 { color: var(--wr-text); letter-spacing: -.025em; }
body.wr-support-center p { color: var(--wr-muted); }

/* Header */
body.wr-support-center .uv-header.wr-site-header {
  height: auto;
  min-height: 84px;
  background: rgba(5,9,6,.88) !important;
  border-bottom: 1px solid var(--wr-border);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 10px 34px rgba(0,0,0,.18);
}
body.wr-support-center .wr-header-inner { min-height: 84px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
body.wr-support-center .uv-header .uv-header-lt,
body.wr-support-center .uv-header .uv-header-rt { float:none; width:auto; }
body.wr-support-center .wr-brand-area { flex: 0 1 auto; min-width: 120px; display:flex; align-items:center; }
body.wr-support-center .uv-logo.wr-logo {
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  width:auto !important;
  height:64px !important;
  max-width:min(300px, 26vw) !important;
  padding:4px 0 !important;
  overflow:visible !important;
}
body.wr-support-center .uv-logo.wr-logo img {
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center;
  filter:drop-shadow(0 7px 15px rgba(0,0,0,.30));
}
body.wr-support-center .uv-logo.wr-logo svg { display:block; width:auto; height:48px; max-width:190px; }
body.wr-support-center .wr-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:0; }
body.wr-support-center .wr-main-nav ul { display:flex !important; align-items:center; gap:2px; margin:0; padding:0; list-style:none; }
body.wr-support-center .wr-main-nav li { float:none !important; width:auto !important; margin:0 !important; }
body.wr-support-center .uv-header .wr-main-nav li > a:not(.uv-btn-small) {
  display:inline-flex; align-items:center; min-height:42px; padding:0 12px !important;
  border-radius:10px; color:#d1d8d2 !important; font-size:14px !important; font-weight:650; text-decoration:none; transition:.18s ease;
}
body.wr-support-center .uv-header .wr-main-nav li > a:not(.uv-btn-small):hover { color:#fff !important; background:rgba(255,255,255,.055); }
body.wr-support-center .uv-header .uv-btn-small.wr-nav-cta,
body.wr-support-center .uv-header .uv-btn-small.wr-login-button {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px !important;
  border:1px solid color-mix(in srgb,var(--wr-brand) 48%,transparent) !important;
  border-radius:10px !important; background:color-mix(in srgb,var(--wr-brand) 10%,transparent) !important;
  color:#f0fff2 !important; font-size:13px !important; font-weight:750 !important;
  text-transform:none !important; letter-spacing:normal !important; text-decoration:none !important; box-shadow:none !important;
}
body.wr-support-center .uv-header .uv-btn-small.wr-nav-cta:hover,
body.wr-support-center .uv-header .uv-btn-small.wr-login-button:hover { background:color-mix(in srgb,var(--wr-brand) 17%,transparent) !important; border-color:var(--wr-brand) !important; color:#fff !important; }

/* Google Translate: original UVdesk widget, only moved into this shell and visually restyled. */
body.wr-support-center .wr-translate-shell {
  min-width:132px; height:42px; display:flex; align-items:center; padding:0 10px;
  border:1px solid var(--wr-border); border-radius:10px; background:rgba(255,255,255,.04); overflow:hidden;
}
body.wr-support-center #wr-google-translate-slot { width:100%; min-width:0; }
body.wr-support-center #google_translate_element { width:100%; min-width:0; }
body.wr-support-center .goog-te-gadget { font-family:inherit !important; font-size:0 !important; color:transparent !important; white-space:nowrap; }
body.wr-support-center .goog-te-gadget-simple { display:flex !important; align-items:center; min-height:34px; background:transparent !important; border:0 !important; padding:0 !important; font-size:13px !important; }
body.wr-support-center .goog-te-gadget-simple img { display:none !important; }
body.wr-support-center .goog-te-gadget-simple .goog-te-menu-value,
body.wr-support-center .goog-te-gadget-simple .goog-te-menu-value:hover,
body.wr-support-center .goog-te-gadget-simple span { color:#d5ddd6 !important; font-family:inherit !important; border:0 !important; }
body.wr-support-center .goog-te-banner-frame.skiptranslate { display:none !important; }

/* Profile menu: enforce one clean vertical column. */
body.wr-support-center .wr-profile-trigger {
  height:46px; display:flex; align-items:center; gap:9px; padding:5px 10px 5px 6px;
  border:1px solid var(--wr-border); border-radius:12px; background:rgba(255,255,255,.04); cursor:pointer;
}
body.wr-support-center .uv-header .uv-header-rt .uv-profile-avatar { width:34px; height:34px; float:none; }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-avatar img { width:34px; height:34px; object-fit:cover; border-radius:9px; border:1px solid color-mix(in srgb,var(--wr-brand) 42%,transparent); }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-howdy { min-width:70px; padding:0; float:none; }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-howdy span { display:block; color:#909b92; font-size:10px; line-height:1.15; }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-howdy .uv-username { color:#fff; font-size:13px; font-weight:750; }
body.wr-support-center .uv-header .uv-header-rt .uv-drop-icon { opacity:.7; filter:invert(1); }
body.wr-support-center .uv-dropdown-list.wr-profile-menu {
  width:210px !important; min-width:210px !important; right:0 !important; left:auto !important; top:52px !important;
  padding:7px !important; background:#0f1410 !important; border:1px solid var(--wr-border-strong) !important;
  border-radius:12px !important; box-shadow:var(--wr-shadow) !important; overflow:hidden !important;
}
body.wr-support-center .wr-profile-menu .uv-dropdown-container { padding:0 !important; background:transparent !important; border:0 !important; }
body.wr-support-center .wr-profile-menu label { display:block; padding:8px 10px 5px; color:#717c73; font-size:10px; letter-spacing:.10em; text-transform:uppercase; }
body.wr-support-center .wr-profile-menu ul { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; }
body.wr-support-center .wr-profile-menu ul li { display:block !important; float:none !important; width:100% !important; margin:0 !important; padding:0 !important; }
body.wr-support-center .uv-header .uv-header-rt .wr-profile-menu ul li a {
  display:block !important; width:100% !important; padding:9px 10px !important; border-radius:8px;
  color:#d9dfda !important; font-size:13px !important; line-height:1.25 !important; text-decoration:none !important;
}
body.wr-support-center .uv-header .uv-header-rt .wr-profile-menu ul li a:hover { color:#fff !important; background:rgba(255,255,255,.055); }
body.wr-support-center .uv-header .uv-header-rt .wr-profile-menu ul li a.uv-text-danger { color:#ff8b8b !important; }

/* Native UVdesk search hero, without any custom copy. */
body.wr-support-center .wr-hero-form { margin:0; }
body.wr-support-center .uv-hero.wr-hero {
  min-height:305px !important; height:auto !important; padding:58px 0 62px !important;
  background:linear-gradient(180deg,rgba(3,8,4,.42),rgba(4,9,5,.73) 55%,var(--wr-bg) 100%),
             radial-gradient(680px 270px at 50% 48%,color-mix(in srgb,var(--wr-brand) 15%,transparent),transparent 72%),
             var(--wr-hero-image) center/cover no-repeat !important;
  border-bottom:1px solid var(--wr-border); position:relative; overflow:hidden;
}
body.wr-support-center .uv-hero.wr-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent); }
body.wr-support-center .uv-hero article { position:relative; z-index:1; width:min(760px,100%); margin:0 auto; text-align:center; }
body.wr-support-center .uv-hero article h1 { margin:0 0 24px !important; color:#fff !important; font-size:clamp(34px,4.5vw,52px) !important; line-height:1.08 !important; font-weight:850 !important; letter-spacing:-.042em !important; text-shadow:0 12px 36px rgba(0,0,0,.40); }
body.wr-support-center .uv-hero article .uv-kb-search-lg {
  display:block; width:min(690px,100%) !important; height:58px !important; margin:0 auto !important;
  padding:0 20px 0 52px !important; border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important; background-color:rgba(10,15,11,.88) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300d21a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:20px center !important;
  color:#fff !important; font-family:inherit !important; font-size:15px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.30),0 0 38px color-mix(in srgb,var(--wr-brand) 5%,transparent) !important;
}
body.wr-support-center .uv-hero article .uv-kb-search-lg::placeholder { color:#78827a !important; }
body.wr-support-center .uv-hero article .uv-kb-search-lg:focus { outline:none !important; border-color:color-mix(in srgb,var(--wr-brand) 60%,transparent) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--wr-brand) 9%,transparent),0 18px 50px rgba(0,0,0,.30) !important; }

/* Main content: less dead space, all actual copy/content comes from UVdesk templates. */
body.wr-support-center .uv-body { min-height:0 !important; padding:42px 0 60px !important; background:transparent !important; }
body.wr-support-center .uv-kb-section { padding:0 !important; margin:0 0 34px !important; }
body.wr-support-center .uv-kb-section-head { margin:0 auto 26px !important; }
body.wr-support-center .uv-kb-section-head h1 { margin:0 0 8px !important; color:#fff !important; font-size:30px !important; font-weight:820 !important; }
body.wr-support-center .uv-kb-section-head p { color:#929d94 !important; font-size:14px !important; line-height:1.6 !important; }

/* Native UVdesk folder/category cards */
body.wr-support-center .uv-kb-section-layout.uv-kb-layout-grid,
body.wr-support-center .uv-kb-section-layout.uv-kb-layout-category { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 !important; }
body.wr-support-center .uv-kb-layout-grid .uv-kb-folder,
body.wr-support-center .uv-kb-layout-category .uv-kb-folder {
  float:none !important; width:auto !important; min-height:190px !important; margin:0 !important; padding:23px !important;
  border:1px solid var(--wr-border) !important; border-radius:var(--wr-radius) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.009)),var(--wr-surface) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.16); transition:.2s ease;
}
body.wr-support-center .uv-kb-layout-grid .uv-kb-folder:hover,
body.wr-support-center .uv-kb-layout-category .uv-kb-folder:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--wr-brand) 35%,transparent) !important; }
body.wr-support-center .uv-kb-folder .uv-folder-heading,
body.wr-support-center .uv-kb-folder .uv-category-heading { color:#f3f7f4 !important; font-size:19px !important; font-weight:800 !important; }
body.wr-support-center .uv-kb-folder .uv-folder-description { color:#8f9a91 !important; }
body.wr-support-center .uv-kb-folder a { color:#cfd7d0 !important; }
body.wr-support-center .uv-kb-folder a:hover { color:var(--wr-brand) !important; }

body.wr-support-center .uv-kb-layout-folder { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
body.wr-support-center .uv-kb-layout-folder .uv-kb-folder { float:none !important; width:auto !important; margin:0 !important; border:1px solid var(--wr-border) !important; border-radius:var(--wr-radius) !important; background:var(--wr-surface) !important; overflow:hidden; }
body.wr-support-center .uv-kb-layout-folder .uv-kb-folder-lt { background:color-mix(in srgb,var(--wr-brand) 7%,#101511) !important; }
body.wr-support-center .uv-kb-layout-folder .uv-kb-folder-rt p span { color:#fff !important; font-weight:800; }

/* Popular articles: visible immediately and with proper contrast. */
body.wr-support-center .uv-kb-layout-article { margin:0 !important; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder {
  width:100% !important; margin:0 !important; padding:28px 30px !important;
  border:1px solid var(--wr-border) !important; border-radius:var(--wr-radius) !important;
  background:linear-gradient(140deg,rgba(255,255,255,.026),rgba(255,255,255,.008)),var(--wr-surface) !important;
}
body.wr-support-center .uv-kb-layout-article .uv-kb-folder h2 { margin:0 0 8px !important; color:#fff !important; font-size:22px !important; font-weight:800 !important; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > p { margin:0 0 16px !important; color:#9da79f !important; opacity:1 !important; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder ul { margin:0 !important; padding:0 !important; list-style:none !important; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder li { padding:9px 0 !important; border-top:1px solid rgba(255,255,255,.045); }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder li a { color:#d7ded8 !important; text-decoration:none; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder li a:hover { color:var(--wr-brand) !important; }

/* Native UVdesk CTA */
body.wr-support-center .uv-cta-wrapper { margin:34px 0 0 !important; padding:26px !important; border:1px solid color-mix(in srgb,var(--wr-brand) 18%,var(--wr-border)) !important; border-radius:16px !important; background:linear-gradient(110deg,color-mix(in srgb,var(--wr-brand) 6%,#111612),#111612 60%) !important; }
body.wr-support-center .uv-cta-wrapper svg path { fill:var(--wr-brand) !important; }
body.wr-support-center .uv-cta-wrapper h2 { color:#fff !important; }
body.wr-support-center .uv-cta-wrapper p { color:#919c93 !important; }

/* Buttons */
body.wr-support-center .uv-btn,
body.wr-support-center .uv-btn-small,
body.wr-support-center .uv-btn-large,
body.wr-support-center .uv-btn-action,
body.wr-support-center .btn-primary {
  border:1px solid color-mix(in srgb,var(--wr-brand) 60%,transparent) !important;
  border-radius:10px !important; background:var(--wr-brand) !important; color:#031006 !important;
  font-family:inherit !important; font-weight:800 !important; text-decoration:none !important; box-shadow:0 8px 22px color-mix(in srgb,var(--wr-brand) 12%,transparent); transition:.18s ease !important;
}
body.wr-support-center .uv-btn:hover,
body.wr-support-center .uv-btn-small:hover,
body.wr-support-center .uv-btn-large:hover,
body.wr-support-center .uv-btn-action:hover { filter:brightness(1.07); opacity:1 !important; }

/* Breadcrumb/nav */
body.wr-support-center .uv-breadcrumb { background:#0d110e !important; border-bottom:1px solid var(--wr-border) !important; }
body.wr-support-center .uv-breadcrumb ul li, body.wr-support-center .uv-breadcrumb ul li a { color:#89948b !important; }
body.wr-support-center .uv-nav-bar.uv-nav-tab { background:rgba(13,17,14,.94) !important; border-bottom:1px solid var(--wr-border) !important; box-shadow:none !important; }
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li a { color:#a4aea6 !important; }
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li a:hover,
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li .uv-nav-tab-active { color:#fff !important; border-bottom-color:var(--wr-brand) !important; }

/* Forms / article surfaces */
body.wr-support-center .uv-paper-article { background:transparent !important; }
body.wr-support-center .uv-paper-article .uv-paper-section,
body.wr-support-center .uv-paper-article .uv-paper-aside aside { border:1px solid var(--wr-border) !important; border-radius:var(--wr-radius) !important; background:var(--wr-surface) !important; }
body.wr-support-center .uv-paper-article .uv-paper-section h1 { color:#fff !important; }
body.wr-support-center .uv-paper-article .uv-paper-section p,
body.wr-support-center .uv-paper-article .uv-paper-section ul,
body.wr-support-center .uv-paper-article .uv-paper-section ol { color:#b4beb6 !important; }
body.wr-support-center .uv-field,
body.wr-support-center .uv-select,
body.wr-support-center textarea.uv-field,
body.wr-support-center input[type="text"],
body.wr-support-center input[type="email"],
body.wr-support-center input[type="password"] {
  min-height:46px; border:1px solid var(--wr-border-strong) !important; border-radius:10px !important;
  background:#0c100d !important; color:#edf2ee !important; font-family:inherit !important;
}
body.wr-support-center .uv-field:focus,
body.wr-support-center .uv-select:focus,
body.wr-support-center input:focus,
body.wr-support-center textarea:focus { outline:none !important; border-color:color-mix(in srgb,var(--wr-brand) 58%,transparent) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--wr-brand) 9%,transparent) !important; }
body.wr-support-center .uv-field-label { color:#d9e0da !important; }

/* Ticket tables/conversation */
body.wr-support-center .uv-table, body.wr-support-center .uv-thread aside, body.wr-support-center .uv-thread section { border-color:var(--wr-border) !important; background:var(--wr-surface) !important; }
body.wr-support-center .uv-table thead { background:#121713 !important; }
body.wr-support-center .uv-table td, body.wr-support-center .uv-table th { border-color:rgba(255,255,255,.055) !important; color:#c4cdc6 !important; }
body.wr-support-center .uv-table td a { color:#dde4de !important; }
body.wr-support-center .uv-table td a:hover { color:var(--wr-brand) !important; }

/* Alerts/dialogs */
body.wr-support-center .uv-notification { background:#111712 !important; border:1px solid var(--wr-border-strong) !important; border-radius:11px !important; color:#fff !important; box-shadow:var(--wr-shadow) !important; }
body.wr-support-center .uv-pop-up-overlay { background:rgba(2,5,3,.74) !important; backdrop-filter:blur(8px); }
body.wr-support-center .uv-pop-up-box { background:#101511 !important; color:#fff !important; border:1px solid var(--wr-border-strong) !important; border-radius:16px !important; box-shadow:var(--wr-shadow) !important; }
body.wr-support-center .uv-pop-up-box p { color:#aeb7b0 !important; }

/* Footer: original UVdesk contents, modern surface. */
body.wr-support-center .uv-footer { border-top:1px solid var(--wr-border) !important; background:#070a08 !important; color:#89938b !important; }
body.wr-support-center .uv-footer a { color:#9ba59d !important; }
body.wr-support-center .uv-footer a:hover { color:var(--wr-brand) !important; }
body.wr-support-center .uv-footer-rt { display:none !important; } /* translator has been moved to header */
body.wr-support-center .uv-footer-credit { border-color:rgba(255,255,255,.05) !important; }

body.wr-support-center .uv-hamburger.wr-menu-toggle { display:none; width:42px; height:42px; padding:10px; border:1px solid var(--wr-border); border-radius:10px; background:rgba(255,255,255,.04); cursor:pointer; }
body.wr-support-center .wr-menu-toggle span { display:block; height:2px; margin:4px 0; border-radius:10px; background:#fff; }

@media (max-width: 1030px) {
  body.wr-support-center .wr-main-nav { position:fixed; top:92px; left:20px; right:20px; display:none; padding:10px; border:1px solid var(--wr-border-strong); border-radius:13px; background:rgba(8,12,9,.98); box-shadow:var(--wr-shadow); }
  body.wr-support-center .wr-main-nav.wr-nav-open { display:block; }
  body.wr-support-center .wr-main-nav ul { flex-direction:column; align-items:stretch; }
  body.wr-support-center .wr-main-nav li > a { width:100%; }
  body.wr-support-center .uv-hamburger.wr-menu-toggle { display:block; }
  body.wr-support-center .uv-logo.wr-logo { max-width:230px !important; }
  body.wr-support-center .uv-kb-section-layout.uv-kb-layout-grid,
  body.wr-support-center .uv-kb-section-layout.uv-kb-layout-category { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body.wr-support-center .uv-container { width:min(100% - 28px,1180px); }
  body.wr-support-center .uv-header.wr-site-header, body.wr-support-center .wr-header-inner { min-height:72px; }
  body.wr-support-center .uv-logo.wr-logo { height:54px !important; max-width:175px !important; }
  body.wr-support-center .uv-logo.wr-logo img { max-height:49px !important; }
  body.wr-support-center .wr-translate-shell { width:44px; min-width:44px; padding:0 8px; }
  body.wr-support-center #wr-google-translate-slot { overflow:hidden; width:26px; }
  body.wr-support-center .uv-profile-howdy { display:none !important; }
  body.wr-support-center .uv-hero.wr-hero { min-height:260px !important; padding:48px 0 52px !important; }
  body.wr-support-center .uv-hero article h1 { font-size:34px !important; margin-bottom:20px !important; }
  body.wr-support-center .uv-hero article .uv-kb-search-lg { height:54px !important; }
  body.wr-support-center .uv-body { padding:32px 0 46px !important; }
  body.wr-support-center .uv-kb-section-layout.uv-kb-layout-grid,
  body.wr-support-center .uv-kb-section-layout.uv-kb-layout-category,
  body.wr-support-center .uv-kb-layout-folder { grid-template-columns:1fr; }
}

/* =========================================================
   WildRealm UVdesk Theme v3 — live UI polish based on the
   user's real UVdesk screenshots. UVdesk remains the source
   of all copy, translations, routes, records and statuses.
   ========================================================= */

/* Header + brand */
body.wr-support-center .uv-header.wr-site-header {
  min-height: 78px;
  background: rgba(3, 8, 4, .94) !important;
  box-shadow: 0 14px 44px rgba(0,0,0,.28);
}
body.wr-support-center .wr-header-inner { min-height: 78px; }
body.wr-support-center .uv-logo.wr-logo {
  height: 66px !important;
  max-width: min(260px, 25vw) !important;
  padding: 2px 0 !important;
}
body.wr-support-center .uv-logo.wr-logo img {
  width: auto !important;
  height: auto !important;
  max-height: 64px !important;
  max-width: 240px !important;
  object-fit: contain !important;
}
body.wr-support-center .wr-header-actions { gap: 9px; }
body.wr-support-center .uv-header .wr-main-nav li > a:not(.uv-btn-small) {
  min-height: 40px;
  padding: 0 11px !important;
  font-size: 13px !important;
  color: #d7ded8 !important;
}
body.wr-support-center .uv-header .wr-main-nav li > a:not(.uv-btn-small):hover {
  color: #fff !important;
  background: rgba(255,255,255,.05) !important;
}
body.wr-support-center .uv-header .uv-btn-small.wr-nav-cta,
body.wr-support-center .uv-header .uv-btn-small.wr-login-button {
  min-height: 40px;
  padding: 0 14px !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, color-mix(in srgb,var(--wr-brand) 13%,transparent), color-mix(in srgb,var(--wr-brand) 7%,transparent)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 26px rgba(0,0,0,.16) !important;
}

/* Modern Google language selector. The labels/options are copied at runtime
   from Google's own UVdesk-provided select; nothing is hardcoded here. */
body.wr-support-center .wr-translate-shell {
  position: relative;
  min-width: 168px;
  height: 42px;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}
body.wr-support-center #wr-google-translate-slot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
body.wr-support-center .wr-language-picker { position: relative; width: 100%; }
body.wr-support-center .wr-language-button {
  width: 100%; height: 42px; display:flex; align-items:center; gap:9px;
  padding:0 12px; border:1px solid var(--wr-border-strong); border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  color:#d9e0da; font:600 12.5px/1 inherit; cursor:pointer; text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.025); transition:.18s ease;
}
body.wr-support-center .wr-language-button:hover,
body.wr-support-center .wr-language-picker.is-open .wr-language-button {
  color:#fff; border-color:color-mix(in srgb,var(--wr-brand) 42%,var(--wr-border-strong));
  background:color-mix(in srgb,var(--wr-brand) 7%,#101511);
}
body.wr-support-center .wr-language-globe {
  width:17px; height:17px; flex:0 0 17px; position:relative; border:1.5px solid var(--wr-brand); border-radius:50%;
  box-shadow:0 0 10px color-mix(in srgb,var(--wr-brand) 16%,transparent);
}
body.wr-support-center .wr-language-globe::before,
body.wr-support-center .wr-language-globe::after { content:""; position:absolute; pointer-events:none; }
body.wr-support-center .wr-language-globe::before { left:3px; right:3px; top:7px; border-top:1px solid var(--wr-brand); }
body.wr-support-center .wr-language-globe::after { left:6px; top:1px; width:3px; height:13px; border-left:1px solid var(--wr-brand); border-right:1px solid var(--wr-brand); border-radius:50%; }
body.wr-support-center .wr-language-label { min-width:0; flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
body.wr-support-center .wr-language-caret { width:7px; height:7px; flex:0 0 7px; border-right:1.5px solid #9ca69e; border-bottom:1.5px solid #9ca69e; transform:rotate(45deg) translateY(-2px); transition:.18s ease; }
body.wr-support-center .wr-language-picker.is-open .wr-language-caret { transform:rotate(225deg) translate(-1px,-1px); }
body.wr-support-center .wr-language-menu {
  display:none; position:absolute; z-index:1200; top:49px; right:0; width:270px; max-height:350px; overflow:auto;
  padding:7px; border:1px solid var(--wr-border-strong); border-radius:13px;
  background:rgba(12,17,13,.985); box-shadow:0 24px 70px rgba(0,0,0,.55); backdrop-filter:blur(18px);
  scrollbar-width:thin; scrollbar-color:#3b453d #111612;
}
body.wr-support-center .wr-language-picker.is-open .wr-language-menu { display:block; }
body.wr-support-center .wr-language-option {
  width:100%; min-height:38px; display:flex; align-items:center; padding:8px 10px; border:0; border-radius:8px;
  background:transparent; color:#cbd4cd; font:600 12.5px/1.25 inherit; text-align:left; cursor:pointer;
}
body.wr-support-center .wr-language-option:hover { color:#fff; background:rgba(255,255,255,.055); }
body.wr-support-center .wr-language-option.is-selected { color:#fff; background:color-mix(in srgb,var(--wr-brand) 11%,transparent); }
body.wr-support-center .wr-language-option.is-selected::after { content:"✓"; margin-left:auto; color:var(--wr-brand); font-weight:800; }

/* Compact account trigger */
body.wr-support-center .wr-profile-trigger {
  height:44px; min-width:142px; gap:8px; padding:5px 9px 5px 6px;
  border-radius:11px; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
}
body.wr-support-center .wr-profile-trigger:hover { border-color:color-mix(in srgb,var(--wr-brand) 34%,var(--wr-border)); background:color-mix(in srgb,var(--wr-brand) 6%,#101511); }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-avatar,
body.wr-support-center .uv-header .uv-header-rt .uv-profile-avatar img { width:32px; height:32px; }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-howdy { min-width:74px; }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-howdy span { font-size:9px; color:#89948b; }
body.wr-support-center .uv-header .uv-header-rt .uv-profile-howdy .uv-username { margin-top:1px; font-size:12px; color:#fff; }
body.wr-support-center .uv-dropdown-list.wr-profile-menu { top:49px !important; width:220px !important; min-width:220px !important; }

/* Breadcrumb + UVdesk tab bars: remove the white strip/default light styling. */
body.wr-support-center .uv-nav-bar {
  min-height:58px !important; background:linear-gradient(180deg,#0a100c,#09100b) !important;
  border-top:0 !important; border-bottom:1px solid var(--wr-border) !important; box-shadow:none !important;
}
body.wr-support-center .uv-nav-bar > .uv-container {
  min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:20px;
}
body.wr-support-center .uv-nav-bar .uv-nav-bar-lt,
body.wr-support-center .uv-nav-bar .uv-nav-bar-rt { float:none !important; width:auto !important; }
body.wr-support-center .uv-nav-bar .uv-nav-bar-lt ul,
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label {
  min-height:58px; display:flex !important; align-items:center; gap:4px; margin:0 !important; padding:0 !important; list-style:none !important;
}
body.wr-support-center .uv-nav-bar .uv-nav-bar-lt li { float:none !important; margin:0 !important; }
body.wr-support-center .uv-nav-bar .uv-nav-bar-lt li a,
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li a {
  min-height:58px; display:inline-flex !important; align-items:center; padding:0 14px !important;
  color:#aeb8b0 !important; font-size:12.5px !important; font-weight:650 !important; text-decoration:none !important;
  border-bottom:2px solid transparent !important;
}
body.wr-support-center .uv-nav-bar .uv-nav-bar-lt li a:hover,
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li a:hover { color:#fff !important; }
body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li a.uv-nav-tab-active {
  color:#fff !important; border-bottom-color:var(--wr-brand) !important;
}
body.wr-support-center .uv-nav-search {
  width:230px !important; height:38px !important; padding:0 13px !important;
  border:1px solid var(--wr-border-strong) !important; border-radius:10px !important;
  background:#0c120e !important; color:#edf2ee !important; box-shadow:none !important;
}
body.wr-support-center .uv-nav-search::placeholder { color:#6f7b72 !important; opacity:1; }
body.wr-support-center .uv-nav-search:focus { border-color:color-mix(in srgb,var(--wr-brand) 48%,transparent) !important; }

/* Main body spacing */
body.wr-support-center .uv-body { padding:48px 0 64px !important; min-height:calc(100vh - 250px); }
body.wr-support-center .uv-nav-tab-view > h1 { margin:0 0 22px !important; font-size:25px !important; line-height:1.2; }

/* Create-ticket form: wider, calmer and fully dark. */
body.wr-support-center .uv-paper-article.uv-paper-form {
  width:min(780px,100%) !important; max-width:780px !important; margin:0 auto !important;
}
body.wr-support-center .uv-paper-article.uv-paper-form .uv-paper-section {
  width:100% !important; padding:34px 36px 32px !important;
  border:1px solid var(--wr-border) !important; border-radius:18px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.009)),#101611 !important;
  box-shadow:0 20px 70px rgba(0,0,0,.25) !important;
}
body.wr-support-center .uv-paper-form .uv-paper-section > section > h1 {
  margin:0 0 28px !important; font-size:27px !important; line-height:1.15 !important; font-weight:800 !important;
}
body.wr-support-center .uv-paper-form .uv-element-block { margin:0 0 22px !important; }
body.wr-support-center .uv-paper-form .uv-field-label { display:block; margin:0 0 8px !important; color:#e4eae5 !important; font-size:13px !important; font-weight:650 !important; }
body.wr-support-center .uv-paper-form .uv-field-info { display:block; margin-top:7px !important; color:#7d8980 !important; font-size:11.5px !important; font-style:normal !important; }
body.wr-support-center .uv-paper-form .uv-field-block { width:100% !important; }
body.wr-support-center .uv-paper-form .uv-field,
body.wr-support-center .uv-paper-form .uv-select,
body.wr-support-center .uv-paper-form input[type="text"],
body.wr-support-center .uv-paper-form input[type="email"],
body.wr-support-center .uv-paper-form textarea {
  width:100% !important; min-height:46px !important; padding:10px 13px !important;
  border:1px solid #283129 !important; border-radius:10px !important; background:#0a100c !important; color:#eef3ef !important;
  box-shadow:inset 0 1px rgba(255,255,255,.018) !important;
}
body.wr-support-center .uv-paper-form .uv-field:hover,
body.wr-support-center .uv-paper-form .uv-select:hover { border-color:#354137 !important; }
body.wr-support-center .uv-paper-form .uv-select {
  appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:42px !important;
  background-image:linear-gradient(45deg,transparent 50%,#8e9990 50%),linear-gradient(135deg,#8e9990 50%,transparent 50%) !important;
  background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px !important;
  background-size:5px 5px,5px 5px !important; background-repeat:no-repeat !important;
}
body.wr-support-center .uv-paper-form .uv-select option { background:#0c120e; color:#edf2ee; }
body.wr-support-center #uv-attachment-option {
  min-height:50px; display:flex; align-items:center; margin-top:2px !important; padding:12px 15px !important;
  border:1px dashed #334036 !important; border-radius:11px !important; background:#0b110d !important;
  transition:.18s ease;
}
body.wr-support-center #uv-attachment-option:hover { border-color:color-mix(in srgb,var(--wr-brand) 55%,#334036) !important; background:color-mix(in srgb,var(--wr-brand) 4%,#0b110d) !important; }
body.wr-support-center #uv-attachment-option label { margin:0 !important; cursor:pointer; }
body.wr-support-center #uv-attachment-option .uv-file-label { color:#cbd5cd !important; font-size:12.5px !important; font-weight:650 !important; }
body.wr-support-center #uv-attachment-option .uv-file-label::before { color:var(--wr-brand) !important; }
body.wr-support-center .uv-paper-form #create-ticket-btn { min-height:44px; padding:0 18px !important; border-radius:10px !important; }

/* TinyMCE in ticket/reply forms */
body.wr-support-center .mce-tinymce,
body.wr-support-center .mce-container,
body.wr-support-center .mce-container-body,
body.wr-support-center .mce-panel {
  border-color:#29322b !important; background:#0b110d !important; color:#dce4de !important;
}
body.wr-support-center .mce-tinymce { border:1px solid #29322b !important; border-radius:11px !important; overflow:hidden !important; box-shadow:none !important; }
body.wr-support-center .mce-toolbar-grp,
body.wr-support-center .mce-toolbar { background:#111712 !important; border-color:#29322b !important; }
body.wr-support-center .mce-btn { background:transparent !important; border:1px solid transparent !important; box-shadow:none !important; }
body.wr-support-center .mce-btn:hover,
body.wr-support-center .mce-btn.mce-active { background:#1a221b !important; border-color:#303a32 !important; }
body.wr-support-center .mce-btn button { color:#cdd6cf !important; }
body.wr-support-center .mce-ico { color:#bdc7bf !important; text-shadow:none !important; }
body.wr-support-center .mce-edit-area { border-color:#29322b !important; background:#0a100c !important; }
body.wr-support-center .mce-edit-area iframe { background:#0a100c !important; min-height:175px !important; }
body.wr-support-center .mce-statusbar { background:#0d130f !important; border-color:#29322b !important; }

/* Ticket list action bar */
body.wr-support-center .uv-action-view {
  display:flex !important; align-items:center; justify-content:space-between; gap:18px;
  margin:0 0 20px !important; padding:0 !important;
}
body.wr-support-center .uv-action-view-lt { display:flex !important; align-items:center; gap:10px; float:none !important; }
body.wr-support-center .uv-action-view-rt { margin-left:auto; float:none !important; }
body.wr-support-center .uv-dropdown { position:relative; }
body.wr-support-center .uv-dropdown-btn {
  min-height:42px !important; display:flex !important; align-items:center; padding:0 38px 0 13px !important;
  border:1px solid #303a32 !important; border-radius:10px !important; background:#0b110d !important; color:#cbd4cd !important;
  font-size:12px !important; font-weight:600 !important; box-shadow:none !important; cursor:pointer;
}
body.wr-support-center .uv-dropdown-btn::after {
  content:""; position:absolute; right:14px; top:16px; width:7px; height:7px; border-right:1.5px solid #8d988f; border-bottom:1.5px solid #8d988f; transform:rotate(45deg);
}
body.wr-support-center .uv-dropdown-btn:hover { border-color:#465248 !important; color:#fff !important; }
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) {
  min-width:230px !important; max-width:310px !important; margin-top:7px !important; padding:7px !important;
  border:1px solid var(--wr-border-strong) !important; border-radius:12px !important; background:#0e140f !important;
  box-shadow:0 22px 60px rgba(0,0,0,.46) !important; overflow:hidden !important;
}
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) .uv-dropdown-container {
  max-height:340px !important; overflow:auto !important; padding:0 !important; border:0 !important; background:transparent !important;
  scrollbar-width:thin; scrollbar-color:#3b453d #111612;
}
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) .uv-dropdown-container > label {
  display:block; margin:0 !important; padding:8px 10px 6px !important; color:#748077 !important; background:transparent !important;
  font-size:10px !important; font-weight:750 !important; letter-spacing:.1em; text-transform:uppercase;
}
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) ul { margin:0 !important; padding:0 !important; list-style:none !important; }
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) li { display:block !important; float:none !important; width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; }
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) li a {
  display:flex !important; align-items:center; width:100% !important; min-height:38px; padding:8px 10px !important;
  border-radius:8px; color:#c8d1ca !important; background:transparent !important; font-size:12.5px !important; line-height:1.3; text-decoration:none !important;
}
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) li a:hover { color:#fff !important; background:rgba(255,255,255,.055) !important; }
body.wr-support-center .uv-dropdown-list:not(.wr-profile-menu) li.uv-drop-list-active a { color:#fff !important; background:color-mix(in srgb,var(--wr-brand) 10%,transparent) !important; }
body.wr-support-center .uv-sorting { margin-left:auto !important; filter:brightness(0) invert(1); opacity:.65; }
body.wr-support-center .uv-search-inline,
body.wr-support-center .uv-search-inline-full {
  width:260px !important; height:42px !important; padding:0 14px !important;
  border:1px solid #303a32 !important; border-radius:10px !important; background:#0b110d !important; color:#edf2ee !important;
  box-shadow:none !important;
}
body.wr-support-center .uv-search-inline::placeholder { color:#6f7b72 !important; opacity:1; }

/* Ticket table */
body.wr-support-center .uv-table.uv-list-view {
  width:100% !important; margin:0 !important; border:1px solid var(--wr-border) !important; border-radius:14px !important;
  overflow:hidden !important; background:#0d130f !important;
}
body.wr-support-center .uv-table.uv-list-view table { width:100% !important; margin:0 !important; border-collapse:collapse !important; background:transparent !important; }
body.wr-support-center .uv-table.uv-list-view thead { background:#121914 !important; }
body.wr-support-center .uv-table.uv-list-view th {
  height:46px; padding:0 16px !important; color:#c8d1ca !important; font-size:11.5px !important; font-weight:750 !important; letter-spacing:.01em;
}
body.wr-support-center .uv-table.uv-list-view td {
  min-height:48px; padding:13px 16px !important; color:#aeb8b0 !important; background:#0d130f !important; font-size:12.5px !important;
}
body.wr-support-center .uv-table.uv-list-view tbody tr:nth-child(even) td { background:#0f1611 !important; }
body.wr-support-center .uv-table.uv-list-view tbody tr:hover td { background:#121b14 !important; }
body.wr-support-center .uv-table.uv-list-view td a { color:#d6ded8 !important; }
body.wr-support-center .uv-table.uv-list-view td a:hover { color:var(--wr-brand) !important; }

/* Popular Articles / KB cards */
body.wr-support-center .uv-kb-layout-article .uv-kb-folder {
  position:relative; padding:26px 30px !important; border-radius:16px !important; overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.027),rgba(255,255,255,.008)),#101611 !important;
}
body.wr-support-center .uv-kb-layout-article .uv-kb-folder::before {
  content:""; position:absolute; left:0; top:24px; bottom:24px; width:2px; border-radius:2px; background:var(--wr-brand); opacity:.8;
}
body.wr-support-center .uv-kb-layout-article .uv-kb-folder h2 { font-size:22px !important; margin-bottom:7px !important; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > p { color:#9ca69e !important; font-size:13px !important; line-height:1.65 !important; }
body.wr-support-center .uv-kb-layout-article .uv-kb-folder ul:empty { display:none !important; }

/* Footer */
body.wr-support-center .uv-footer { margin-top:0 !important; padding-top:0 !important; background:#060a07 !important; }
body.wr-support-center .uv-footer .uv-container { padding-top:22px; padding-bottom:22px; border-top:1px solid var(--wr-border); }
body.wr-support-center .uv-footer ul { margin:0 !important; padding:0 !important; }
body.wr-support-center .uv-footer a { color:#8ea095 !important; text-decoration:none !important; }
body.wr-support-center .uv-footer a:hover { color:var(--wr-brand) !important; }
body.wr-support-center .uv-footer-credit { padding:17px 0 24px !important; color:#758178 !important; font-size:11.5px !important; }

@media (max-width: 1030px) {
  body.wr-support-center .wr-translate-shell { min-width:46px; width:46px; }
  body.wr-support-center .wr-language-button { width:46px; padding:0; justify-content:center; }
  body.wr-support-center .wr-language-label, body.wr-support-center .wr-language-caret { display:none; }
  body.wr-support-center .wr-language-menu { right:0; width:min(270px,calc(100vw - 28px)); }
}
@media (max-width: 760px) {
  body.wr-support-center .uv-logo.wr-logo { height:56px !important; max-width:170px !important; }
  body.wr-support-center .uv-logo.wr-logo img { max-height:52px !important; max-width:165px !important; }
  body.wr-support-center .uv-nav-bar > .uv-container { align-items:stretch; flex-direction:column; gap:0; padding:8px 0 10px; }
  body.wr-support-center .uv-nav-bar .uv-nav-bar-lt ul, body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label { min-height:44px; overflow-x:auto; }
  body.wr-support-center .uv-nav-bar .uv-nav-bar-lt li a, body.wr-support-center .uv-nav-tab ul.uv-nav-tab-label li a { min-height:44px; white-space:nowrap; }
  body.wr-support-center .uv-nav-bar .uv-nav-bar-rt, body.wr-support-center .uv-nav-search { width:100% !important; }
  body.wr-support-center .uv-body { padding:32px 0 46px !important; }
  body.wr-support-center .uv-paper-article.uv-paper-form .uv-paper-section { padding:25px 20px 23px !important; border-radius:14px !important; }
  body.wr-support-center .uv-paper-form .uv-paper-section > section > h1 { font-size:23px !important; }
  body.wr-support-center .uv-action-view { align-items:stretch; flex-direction:column; }
  body.wr-support-center .uv-action-view-lt { width:100%; flex-wrap:wrap; }
  body.wr-support-center .uv-action-view-rt, body.wr-support-center .uv-search-inline, body.wr-support-center .uv-search-inline-full { width:100% !important; }
  body.wr-support-center .uv-table.uv-list-view { overflow-x:auto !important; }
  body.wr-support-center .uv-table.uv-list-view table { min-width:720px !important; }
}

/* v3 specificity cleanup against UVdesk's original knowledgebase.css */
body.wr-support-center .uv-nav-bar { padding:0 !important; }
body.wr-support-center .uv-nav-bar .uv-nav-bar-lt ul li a::after { display:none !important; }
body.wr-support-center .uv-paper-article.uv-paper-form {
  padding:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
}
body.wr-support-center .uv-kb-section {
  padding-top:0 !important;
  padding-bottom:30px !important;
  border-bottom:0 !important;
}
body.wr-support-center .uv-kb-section-layout { margin-top:0 !important; }
body.wr-support-center .uv-footer {
  margin:0 !important;
  padding:0 !important;
  border-top:0 !important;
}
body.wr-support-center .uv-footer-wrapper {
  padding:22px 0 0 !important;
  border-top:1px solid var(--wr-border) !important;
}
body.wr-support-center .uv-footer-wrapper .uv-footer-lt { width:100% !important; }
body.wr-support-center .uv-footer-wrapper .uv-footer-lt ul li { margin-left:18px !important; }
body.wr-support-center .uv-footer-wrapper .uv-footer-lt ul li:first-child { margin-left:0 !important; }
body.wr-support-center .uv-footer-wrapper .uv-footer-lt ul li a:link,
body.wr-support-center .uv-footer-wrapper .uv-footer-lt ul li a:hover,
body.wr-support-center .uv-footer-wrapper .uv-footer-lt ul li a:focus,
body.wr-support-center .uv-footer-wrapper .uv-footer-lt ul li a:visited {
  color:#8ea095 !important;
  font-size:12.5px !important;
  text-decoration:none !important;
}
body.wr-support-center .uv-footer-credit { padding-top:30px !important; padding-bottom:22px !important; }
body.wr-support-center .uv-footer-credit .uv-credit-text { color:#748078 !important; font-size:11.5px !important; }
body.wr-support-center .uv-footer-credit .uv-credit-text a { color:#98aa9d !important; }

/* ========================================================================== 
   WildRealm UVdesk v4 hotfixes
   - Keep UVdesk/Google generated labels and content untouched.
   - Fix customer avatar alignment.
   - Keep the original UVdesk Google Translate control visible and restyle it.
   - Never suppress UVdesk's Popular Articles output.
   ========================================================================== */

/* Popular Articles: UVdesk owns title, translated description and article list. */
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > h2,
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > p,
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > ul {
  visibility: visible !important;
  opacity: 1 !important;
}
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > p {
  display: block !important;
  margin: 0 0 16px !important;
  color: #a5afa7 !important;
}
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > ul {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > ul > li {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Undo the v3 empty-list cosmetic rule: UVdesk decides what it outputs. */
body.wr-support-center .uv-kb-layout-article .uv-kb-folder ul:empty {
  display: block !important;
}

/* Profile trigger: reset UVdesk's 70px avatar/margins so the image is truly centered. */
body.wr-support-center .wr-profile-block {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  line-height: normal !important;
}
body.wr-support-center .wr-profile-trigger {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 5px 10px 5px 6px !important;
  line-height: normal !important;
}
body.wr-support-center .uv-header .uv-header-rt .wr-profile-trigger .uv-profile-avatar {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 9px !important;
  vertical-align: middle !important;
}
body.wr-support-center .uv-header .uv-header-rt .wr-profile-trigger .uv-profile-avatar img {
  box-sizing: border-box !important;
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  vertical-align: middle !important;
  border-radius: 9px !important;
}
body.wr-support-center .uv-header .uv-header-rt .wr-profile-trigger .uv-profile-howdy {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  align-self: stretch !important;
  min-width: 72px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  vertical-align: middle !important;
}
body.wr-support-center .uv-header .uv-header-rt .wr-profile-trigger .uv-profile-howdy span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}
body.wr-support-center .uv-header .uv-header-rt .wr-profile-trigger .uv-drop-icon {
  flex: 0 0 6px !important;
  width: 6px !important;
  height: 24px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* Google Translate: use the actual UVdesk widget instead of a replacement.
   This makes the control reliable even though UVdesk initializes SIMPLE mode. */
body.wr-support-center .wr-translate-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 166px !important;
  width: auto !important;
  height: 44px !important;
  padding: 0 11px !important;
  overflow: visible !important;
  border: 1px solid var(--wr-border-strong) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  transition: .18s ease !important;
}
body.wr-support-center .wr-translate-shell:hover {
  border-color: color-mix(in srgb,var(--wr-brand) 40%,var(--wr-border-strong)) !important;
  background: color-mix(in srgb,var(--wr-brand) 6%,#101511) !important;
}
body.wr-support-center #wr-google-translate-slot {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
body.wr-support-center #google_translate_element {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
body.wr-support-center #google_translate_element .goog-te-gadget {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.wr-support-center #google_translate_element .goog-te-gadget-simple {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}
body.wr-support-center #google_translate_element .goog-te-gadget-simple > span,
body.wr-support-center #google_translate_element .goog-te-gadget-simple a,
body.wr-support-center #google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #d9e0da !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
}
body.wr-support-center #google_translate_element .goog-te-gadget-simple span {
  color: #d9e0da !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  border-color: rgba(255,255,255,.18) !important;
}
body.wr-support-center #google_translate_element .goog-te-gadget-simple img {
  display: inline-block !important;
  width: auto !important;
  max-width: 18px !important;
  height: 18px !important;
  margin: 0 4px 0 0 !important;
  vertical-align: middle !important;
  opacity: .92 !important;
}
/* Google injects the language menu in its own iframe. Keep the frame above our header/content. */
body.wr-support-center iframe.goog-te-menu-frame,
body.wr-support-center .goog-te-menu-frame {
  z-index: 2147483000 !important;
}

@media (max-width: 900px) {
  body.wr-support-center .wr-translate-shell {
    min-width: 46px !important;
    width: auto !important;
    padding: 0 8px !important;
  }
  body.wr-support-center #google_translate_element .goog-te-gadget-simple span {
    font-size: 11px !important;
  }
}

/* ==========================================================================\n   v5 — profile + genuine Google Translate combo fixes\n   ========================================================================== */

/* Profile: isolate the avatar from UVdesk's legacy .uv-profile-avatar rules. */
body.wr-support-center .wr-profile-block {
  display: inline-flex !important;
  align-items: center !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
body.wr-support-center .wr-profile-trigger {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 34px minmax(72px, auto) 7px !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: auto !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 5px 9px 5px 6px !important;
  overflow: hidden !important;
  line-height: 1 !important;
}
body.wr-support-center .wr-profile-avatar-frame {
  box-sizing: border-box !important;
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  justify-self: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb,var(--wr-brand) 36%,rgba(255,255,255,.10)) !important;
  border-radius: 9px !important;
  background: #0b100d !important;
  transform: none !important;
}
body.wr-support-center .wr-profile-avatar-img {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  border: 0 !important;
  border-radius: 8px !important;
  vertical-align: initial !important;
  transform: none !important;
}
body.wr-support-center .wr-profile-copy {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  align-self: stretch !important;
  min-width: 72px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 1.1 !important;
}
body.wr-support-center .wr-profile-copy > span {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #89948b !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}
body.wr-support-center .wr-profile-copy .wr-profile-username {
  margin-top: 2px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
body.wr-support-center .wr-profile-drop-icon {
  align-self: center !important;
  justify-self: center !important;
  width: 6px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Google Translate: v5 deliberately uses Google's own .goog-te-combo select.
   No custom language list and no copied translations/options. */
body.wr-support-center .wr-translate-shell {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 166px !important;
  width: auto !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  overflow: visible !important;
  border: 1px solid var(--wr-border-strong) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
}
body.wr-support-center #wr-google-translate-slot,
body.wr-support-center #google_translate_element,
body.wr-support-center #google_translate_element .goog-te-gadget {
  box-sizing: border-box !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  color: transparent !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
body.wr-support-center #google_translate_element .goog-te-combo {
  box-sizing: border-box !important;
  display: block !important;
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 30px 0 10px !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  color: #d9e0da !important;
  background-color: #0d120f !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 32px !important;
  cursor: pointer !important;
}
body.wr-support-center #google_translate_element .goog-te-combo:hover,
body.wr-support-center #google_translate_element .goog-te-combo:focus {
  color: #fff !important;
  border-color: color-mix(in srgb,var(--wr-brand) 48%,rgba(255,255,255,.10)) !important;
  background-color: color-mix(in srgb,var(--wr-brand) 5%,#0d120f) !important;
}
body.wr-support-center #google_translate_element .goog-te-combo option {
  color: #111 !important;
  background: #fff !important;
}
/* If Google's script temporarily emits SIMPLE while loading, keep it usable instead of hiding it. */
body.wr-support-center #google_translate_element .goog-te-gadget-simple {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  background: #0d120f !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
}

@media (max-width: 900px) {
  body.wr-support-center .wr-translate-shell {
    min-width: 150px !important;
    padding: 0 7px !important;
  }
  body.wr-support-center #google_translate_element .goog-te-combo {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
  }
}

/* ========================================================================== 
   WildRealm UVdesk Theme v7
   Ticket detail polish + single Google language button + exact profile alignment
   UVdesk remains responsible for all ticket data, routes, labels and translations.
   ========================================================================== */

/* ---- Header: single language button (Google remains the click target) ---- */
body.wr-support-center .wr-language-single-button {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: auto !important;
  min-width: 116px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.022)) !important;
  color: #e8eeea !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.14) !important;
  cursor: pointer !important;
  transition: background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
body.wr-support-center .wr-language-single-button:hover {
  border-color: color-mix(in srgb,var(--wr-brand) 48%,rgba(255,255,255,.10)) !important;
  background: color-mix(in srgb,var(--wr-brand) 7%,#0d120f) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--wr-brand) 7%,transparent),0 10px 26px rgba(0,0,0,.18) !important;
}
body.wr-support-center .wr-language-single-icon {
  position: relative !important;
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid #b9c4bb !important;
  border-radius: 50% !important;
  opacity: .95 !important;
}
body.wr-support-center .wr-language-single-icon::before,
body.wr-support-center .wr-language-single-icon::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
}
body.wr-support-center .wr-language-single-icon::before {
  left: 2px !important; right: 2px !important; top: 7px !important;
  border-top: 1px solid #b9c4bb !important;
}
body.wr-support-center .wr-language-single-icon::after {
  left: 5px !important; top: 1px !important;
  width: 5px !important; height: 13px !important;
  border-left: 1px solid #b9c4bb !important;
  border-right: 1px solid #b9c4bb !important;
  border-radius: 50% !important;
}
body.wr-support-center .wr-language-single-label {
  display: block !important;
  color: #e8eeea !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
/* Real Google SIMPLE widget overlays the visual button, so clicking the button
   opens Google's own language chooser. No select is visible inside the button. */
body.wr-support-center .wr-language-single-button #wr-google-translate-slot,
body.wr-support-center .wr-language-single-button #google_translate_element,
body.wr-support-center .wr-language-single-button #google_translate_element .goog-te-gadget,
body.wr-support-center .wr-language-single-button #google_translate_element .goog-te-gadget-simple,
body.wr-support-center .wr-language-single-button #google_translate_element .goog-te-gadget-simple > span,
body.wr-support-center .wr-language-single-button #google_translate_element .goog-te-gadget-simple > span > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  opacity: .001 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 8 !important;
}
body.wr-support-center .wr-language-single-button #google_translate_element .goog-te-combo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: .001 !important;
  cursor: pointer !important;
  z-index: 9 !important;
}

/* ---- Header profile: hard reset UVdesk legacy positioning ---- */
body.wr-support-center .wr-profile-block {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}
body.wr-support-center .wr-profile-trigger {
  position: relative !important;
  inset: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  float: none !important;
  gap: 8px !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 5px 9px 5px 6px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  overflow: hidden !important;
  transform: none !important;
  line-height: 1 !important;
}
body.wr-support-center .wr-profile-avatar-frame {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 32px !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb,var(--wr-brand) 38%,rgba(255,255,255,.08)) !important;
  border-radius: 8px !important;
  background: #0b100d !important;
  transform: none !important;
}
body.wr-support-center .wr-profile-avatar-img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  float: none !important;
  width: 32px !important;
  height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  object-fit: cover !important;
  object-position: center !important;
  vertical-align: top !important;
  transform: none !important;
}
body.wr-support-center .wr-profile-copy {
  flex: 0 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  align-self: center !important;
  min-width: 70px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
body.wr-support-center .wr-profile-copy > span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.05 !important;
}
body.wr-support-center .wr-profile-copy > span:first-child {
  color: #8d998f !important;
  font-size: 9px !important;
  font-weight: 500 !important;
}
body.wr-support-center .wr-profile-copy .wr-profile-username {
  margin-top: 3px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}
body.wr-support-center .wr-profile-drop-icon {
  position: static !important;
  flex: 0 0 6px !important;
  align-self: center !important;
  width: 6px !important;
  height: 24px !important;
  margin: 0 0 0 1px !important;
  padding: 0 !important;
  transform: none !important;
}

/* ---- Ticket detail page ---- */
body.wr-support-center .uv-thread {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 286px) minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.wr-support-center .uv-thread-lt,
body.wr-support-center .uv-thread-rt {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.wr-support-center .uv-thread-lt > aside,
body.wr-support-center .uv-thread-rt > section {
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.095) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.010)),#0d130f !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.018) !important;
  overflow: hidden !important;
}
body.wr-support-center .uv-thread-lt > aside {
  position: sticky !important;
  top: 98px !important;
  padding: 24px 20px !important;
}
body.wr-support-center .uv-thread-lt > aside > h6 {
  margin: 0 !important;
  color: #dce4de !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}
body.wr-support-center .uv-thread-lt > aside > h6 + h6 {
  margin-top: 3px !important;
  color: var(--wr-brand) !important;
  font-size: 15px !important;
}
body.wr-support-center .uv-thread-lt .uv-aside-brick {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0,1fr) !important;
  column-gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
}
body.wr-support-center .uv-thread-lt .uv-aside-brick:last-child { border-bottom: 0 !important; }
body.wr-support-center .uv-thread-lt .uv-aside-brick h6,
body.wr-support-center .uv-thread-lt .uv-aside-brick .uv-field-label {
  grid-column: 2 !important;
  margin: 0 0 6px !important;
  color: #7f8a82 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}
body.wr-support-center .uv-thread-lt .uv-aside-brick > span:not([class]),
body.wr-support-center .uv-thread-lt .uv-aside-brick > h6 + span:not([class]) {
  grid-column: 2 !important;
  color: #eef3ef !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
body.wr-support-center .uv-thread-lt .uv-aside-brick > [class^="uv-icon-"] {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  filter: brightness(0) saturate(100%) invert(79%) sepia(87%) saturate(2430%) hue-rotate(68deg) brightness(100%) contrast(109%) !important;
  opacity: .90 !important;
}
body.wr-support-center .uv-thread-lt .uv-hr {
  height: 1px !important;
  margin: 0 !important;
  background: rgba(255,255,255,.09) !important;
  border: 0 !important;
}
body.wr-support-center .uv-thread-lt .collaborator-list-block {
  display: block !important;
  padding-bottom: 2px !important;
  border-bottom: 0 !important;
}
body.wr-support-center .uv-thread-lt .collaborator-list-block .uv-element-block { margin:0 !important; }
body.wr-support-center .uv-thread-lt .collaborator-list-block .uv-field-label {
  display:block !important; margin-bottom:9px !important; color:#aeb8b0 !important; font-size:12px !important;
}
body.wr-support-center .uv-thread-lt .collaborator-list-block .uv-field {
  width:100% !important; min-height:42px !important; height:42px !important; padding:0 12px !important; font-size:12px !important;
}

body.wr-support-center .uv-thread-rt > section { padding: 0 !important; }
body.wr-support-center .uv-ticket-view { background: transparent !important; }
body.wr-support-center .uv-ticket-head {
  position: relative !important;
  padding: 25px 28px 22px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.018),transparent) !important;
}
body.wr-support-center .uv-ticket-head h1 {
  margin: 0 !important;
  padding: 0 34px 0 0 !important;
  color: #f3f6f4 !important;
  font-size: 22px !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
  letter-spacing: -.012em !important;
}
body.wr-support-center .uv-ticket-head .uv-ticket-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px 20px !important;
  margin-top: 10px !important;
  color: #87928a !important;
  font-size: 11.5px !important;
}
body.wr-support-center .uv-ticket-strip-label { color: #b6c0b8 !important; font-weight: 600 !important; }
body.wr-support-center .uv-print-icon { opacity: .55 !important; transition:opacity .16s ease !important; }
body.wr-support-center .uv-print-icon:hover { opacity:1 !important; }

body.wr-support-center .uv-ticket-section { padding: 0 28px !important; }
body.wr-support-center .uv-ticket-main.create,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
}
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip {
  grid-column: 1 / -1 !important;
  margin: 0 0 -2px !important;
  color: #7d8880 !important;
  font-size: 11px !important;
}
body.wr-support-center .uv-ticket-main-lt {
  float:none !important; width:42px !important; margin:0 !important; padding:0 !important;
}
body.wr-support-center .uv-ticket-main-lt img {
  display:block !important; width:40px !important; height:40px !important; margin:0 !important; padding:0 !important;
  object-fit:cover !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:10px !important; background:#0b100d !important;
}
body.wr-support-center .uv-ticket-main-rt {
  float:none !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important;
}
body.wr-support-center .uv-ticket-member-name {
  display:inline-block !important; margin:1px 0 5px !important; color:var(--wr-brand) !important; font-size:13px !important; font-weight:750 !important;
}
body.wr-support-center .uv-ticket-main .message,
body.wr-support-center .uv-ticket-main .message p {
  margin:0 !important; color:#c8d1ca !important; font-size:13px !important; line-height:1.6 !important;
}
body.wr-support-center .uv-ticket-count-wrapper { display:none !important; }
body.wr-support-center .uv-ticket-wrapper { display:block !important; }

/* Reply composer becomes one calm, premium section. */
body.wr-support-center .uv-ticket-main.uv-ticket-reply {
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:12px !important;
  width:auto !important;
  margin:0 !important;
  padding:24px 28px 28px !important;
  border:0 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(0,0,0,.04)) !important;
}
body.wr-support-center .uv-ticket-reply .uv-ticket-main-lt { position:relative !important; }
body.wr-support-center .uv-ticket-reply .uv-icon-ellipsis {
  position:absolute !important; right:-2px !important; top:43px !important; opacity:.55 !important;
}
body.wr-support-center .uv-ticket-reply .uv-element-block { margin: 0 0 16px !important; }
body.wr-support-center .uv-ticket-reply .cc-bcc { margin-top: 5px !important; }
body.wr-support-center .uv-ticket-reply .cc-bcc > label {
  display:inline-flex !important; align-items:center !important; gap:8px !important; color:#7e8981 !important; font-size:11.5px !important;
}
body.wr-support-center .uv-ticket-reply .uv-checkbox-view {
  width:18px !important; height:18px !important; border:1px solid rgba(255,255,255,.20) !important; border-radius:5px !important; background:#0a0f0c !important;
}
body.wr-support-center .uv-ticket-reply .uv-element-block-textarea > .uv-field-label {
  display:block !important; margin:0 0 10px !important; color:#eef3ef !important; font-size:13px !important; font-weight:650 !important;
}
body.wr-support-center .uv-ticket-reply .mce-tinymce {
  overflow:hidden !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:13px !important; background:#090f0b !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.015) !important;
}
body.wr-support-center .uv-ticket-reply .mce-container,
body.wr-support-center .uv-ticket-reply .mce-panel,
body.wr-support-center .uv-ticket-reply .mce-toolbar-grp,
body.wr-support-center .uv-ticket-reply .mce-edit-area,
body.wr-support-center .uv-ticket-reply .mce-statusbar {
  background:#090f0b !important; border-color:rgba(255,255,255,.07) !important; color:#c9d2cb !important;
}
body.wr-support-center .uv-ticket-reply .mce-toolbar-grp { padding:5px 7px !important; background:#0d140f !important; }
body.wr-support-center .uv-ticket-reply .mce-btn { background:transparent !important; border:0 !important; border-radius:7px !important; }
body.wr-support-center .uv-ticket-reply .mce-btn:hover,
body.wr-support-center .uv-ticket-reply .mce-btn.mce-active { background:rgba(255,255,255,.065) !important; }
body.wr-support-center .uv-ticket-reply .mce-ico,
body.wr-support-center .uv-ticket-reply .mce-btn button,
body.wr-support-center .uv-ticket-reply .mce-txt { color:#bfc9c1 !important; text-shadow:none !important; }
body.wr-support-center .uv-ticket-reply .mce-edit-area iframe { min-height:175px !important; }
body.wr-support-center .uv-ticket-reply .mce-statusbar { min-height:28px !important; }
body.wr-support-center .uv-ticket-reply .uv-upload-actions,
body.wr-support-center .uv-ticket-reply .uv-upload-actions a {
  color:#9ea9a1 !important; font-size:12px !important; text-decoration:none !important;
}
body.wr-support-center .uv-ticket-reply .uv-upload-actions a:hover { color:var(--wr-brand) !important; }
body.wr-support-center .uv-ticket-reply .uv-action-buttons { display:flex !important; align-items:stretch !important; margin:14px 0 0 !important; }
body.wr-support-center .uv-ticket-reply .uv-action-buttons .uv-btn,
body.wr-support-center .uv-ticket-reply #reply-btn {
  min-height:44px !important; margin:0 !important; padding:0 18px !important; border:1px solid color-mix(in srgb,var(--wr-brand) 66%,transparent) !important;
  border-radius:11px !important; background:linear-gradient(180deg,color-mix(in srgb,var(--wr-brand) 95%,white 5%),color-mix(in srgb,var(--wr-brand) 78%,black 22%)) !important;
  color:#031007 !important; font-size:12px !important; font-weight:850 !important; box-shadow:0 10px 24px color-mix(in srgb,var(--wr-brand) 13%,transparent) !important;
}
body.wr-support-center .uv-ticket-reply .uv-dropdown.reply .uv-dropdown-list {
  bottom:50px !important; top:auto !important; border-radius:12px !important; background:#101712 !important; border:1px solid rgba(255,255,255,.11) !important;
}

@media (max-width: 900px) {
  body.wr-support-center .uv-thread { grid-template-columns:1fr !important; gap:18px !important; }
  body.wr-support-center .uv-thread-lt > aside { position:static !important; }
  body.wr-support-center .wr-language-single-label { display:none !important; }
  body.wr-support-center .wr-language-single-button { min-width:44px !important; width:44px !important; padding:0 !important; }
}
@media (max-width: 640px) {
  body.wr-support-center .uv-ticket-head { padding:20px !important; }
  body.wr-support-center .uv-ticket-section { padding:0 20px !important; }
  body.wr-support-center .uv-ticket-main.uv-ticket-reply { grid-template-columns:1fr !important; padding:20px !important; }
  body.wr-support-center .uv-ticket-reply > .uv-ticket-main-lt { display:none !important; }
}


/* ========================================================================== 
   WildRealm UVdesk Theme v8
   Readability + button polish + themed loader + modernized search/article UI.
   UVdesk remains responsible for all data, translations, routes and labels.
   ========================================================================== */

/* Slight global readability lift */
body.wr-support-center {
  --wr-text-soft: #d4ddd5;
  --wr-text-mid: #bcc7be;
  --wr-text-strong: #f5f8f5;
}
body.wr-support-center p,
body.wr-support-center li,
body.wr-support-center .uv-credit-text,
body.wr-support-center .uv-footer a {
  color: var(--wr-text-mid) !important;
}

/* Buttons: more premium, slightly calmer glow and cleaner split-button */
body.wr-support-center .uv-btn,
body.wr-support-center .uv-btn-small,
body.wr-support-center .uv-btn-large,
body.wr-support-center .uv-btn-action,
body.wr-support-center .btn-primary,
body.wr-support-center .uv-ticket-reply #reply-btn,
body.wr-support-center .uv-ticket-reply .uv-submit-right-side > .uv-btn {
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 1px solid color-mix(in srgb,var(--wr-brand) 65%,rgba(255,255,255,.08)) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,
    color-mix(in srgb,var(--wr-brand) 94%,white 6%),
    color-mix(in srgb,var(--wr-brand) 76%,black 24%)) !important;
  color: #031007 !important;
  box-shadow: 0 12px 30px color-mix(in srgb,var(--wr-brand) 14%,transparent), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
body.wr-support-center .uv-btn:hover,
body.wr-support-center .uv-btn-small:hover,
body.wr-support-center .uv-btn-large:hover,
body.wr-support-center .uv-btn-action:hover,
body.wr-support-center .btn-primary:hover,
body.wr-support-center .uv-ticket-reply #reply-btn:hover,
body.wr-support-center .uv-ticket-reply .uv-submit-right-side > .uv-btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
  box-shadow: 0 14px 36px color-mix(in srgb,var(--wr-brand) 18%,transparent), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
body.wr-support-center .uv-ticket-reply .uv-action-buttons {
  gap: 3px !important;
}
body.wr-support-center .uv-ticket-reply #reply-btn,
body.wr-support-center .uv-ticket-reply .uv-submit-left-side {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
body.wr-support-center .uv-ticket-reply .uv-submit-right-side > .uv-btn,
body.wr-support-center .uv-ticket-reply .uv-dropdown.reply .uv-btn {
  min-width: 52px !important;
  padding: 0 16px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
body.wr-support-center .uv-ticket-reply .uv-dropdown.reply .uv-btn .uv-icon-down-light {
  opacity: .95 !important;
  filter: brightness(0) saturate(100%) invert(10%) sepia(19%) saturate(1359%) hue-rotate(95deg) brightness(95%) contrast(105%) !important;
}

/* Header language button tuned */
body.wr-support-center .wr-language-single-button {
  min-width: 126px !important;
  padding: 0 16px !important;
  border-color: rgba(255,255,255,.12) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 26px rgba(0,0,0,.16) !important;
}
body.wr-support-center .wr-language-single-button:hover {
  background: linear-gradient(180deg,color-mix(in srgb,var(--wr-brand) 11%,rgba(255,255,255,.04)),rgba(255,255,255,.028)) !important;
}
body.wr-support-center .wr-language-single-label {
  color: #eef4ef !important;
  font-size: 12.75px !important;
  font-weight: 760 !important;
}

/* Ticket detail readability */
body.wr-support-center .uv-thread-lt > aside > h6 {
  color: #eef4ef !important;
}
body.wr-support-center .uv-thread-lt .uv-aside-brick h6,
body.wr-support-center .uv-thread-lt .uv-aside-brick .uv-field-label,
body.wr-support-center .uv-ticket-head .uv-ticket-strip,
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip,
body.wr-support-center .uv-ticket-reply .cc-bcc > label,
body.wr-support-center .uv-upload-actions,
body.wr-support-center .uv-upload-actions a,
body.wr-support-center .mce-statusbar,
body.wr-support-center .mce-statusbar * {
  color: #a8b4ab !important;
}
body.wr-support-center .uv-thread-lt .uv-aside-brick > span:not([class]),
body.wr-support-center .uv-thread-lt .uv-aside-brick > h6 + span:not([class]),
body.wr-support-center .uv-ticket-head h1,
body.wr-support-center .uv-ticket-strip-label,
body.wr-support-center .uv-ticket-main .message,
body.wr-support-center .uv-ticket-main .message p,
body.wr-support-center .uv-ticket-reply .uv-element-block-textarea > .uv-field-label {
  color: #e7ede8 !important;
}
body.wr-support-center .uv-ticket-main .message,
body.wr-support-center .uv-ticket-main .message p {
  font-size: 13.5px !important;
  line-height: 1.68 !important;
}
body.wr-support-center .uv-ticket-head {
  background: linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006)) !important;
}
body.wr-support-center .uv-ticket-reply .mce-edit-area iframe { min-height: 210px !important; }
body.wr-support-center .uv-ticket-reply .mce-toolbar-grp { background: #0f1711 !important; }
body.wr-support-center .uv-ticket-reply .mce-ico,
body.wr-support-center .uv-ticket-reply .mce-btn button,
body.wr-support-center .uv-ticket-reply .mce-txt { color:#d6dfd8 !important; }
body.wr-support-center .uv-ticket-reply .uv-upload-actions a,
body.wr-support-center .attachment-block .uv-file-label {
  color: #b7c4bc !important;
}
body.wr-support-center .uv-ticket-reply .uv-upload-actions a:hover,
body.wr-support-center .attachment-block .uv-file-label:hover {
  color: var(--wr-brand) !important;
}

/* Search + article pages modernized */
body.wr-support-center .uv-paper-article {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 286px !important;
  gap: 22px !important;
  align-items: start !important;
}
body.wr-support-center .uv-paper-article.uv-paper-form { grid-template-columns: minmax(0,1fr) !important; }
body.wr-support-center .uv-paper-article .uv-paper-section,
body.wr-support-center .uv-paper-article .uv-paper-aside aside {
  background: linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01)), #0d130f !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.018) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section {
  padding: 30px 34px !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside aside {
  padding: 22px 22px 18px !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside h3 {
  margin: 0 0 14px !important;
  color: #f2f6f2 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside li {
  position: relative !important;
  margin: 0 !important;
  padding: 10px 0 10px 16px !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside li:first-child { border-top: 0 !important; padding-top: 2px !important; }
body.wr-support-center .uv-paper-article .uv-paper-aside li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 17px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--wr-brand) !important;
  box-shadow: 0 0 12px color-mix(in srgb,var(--wr-brand) 30%,transparent) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside li a,
body.wr-support-center .uv-paper-article .uv-paper-section li a {
  color: #dfe7e0 !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside li a:hover,
body.wr-support-center .uv-paper-article .uv-paper-section li a:hover {
  color: var(--wr-brand) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section p,
body.wr-support-center .uv-paper-article .uv-paper-section ul,
body.wr-support-center .uv-paper-article .uv-paper-section ol,
body.wr-support-center .uv-paper-article .uv-paper-section li {
  color: #cad4cc !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section > section + section {
  margin-top: 22px !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section .uv-folder-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  color: #f5f8f5 !important;
  font-size: clamp(26px,3vw,40px) !important;
  font-weight: 820 !important;
  line-height: 1.12 !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section .uv-folder-title[data-count]::after {
  content: attr(data-count) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  background: color-mix(in srgb,var(--wr-brand) 18%,rgba(255,255,255,.05)) !important;
  color: #eaf5ec !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: .01em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section section.uv-margin-top-30 ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section section.uv-margin-top-30 ul li {
  padding: 12px 0 !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section section.uv-margin-top-30 ul li:first-child { border-top:0 !important; }
body.wr-support-center .uv-paper-article .uv-paper-section section.uv-margin-top-30 > p {
  margin: 8px 0 0 !important;
  padding: 16px 18px !important;
  border: 1px dashed rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.02) !important;
  color: #d3dbd5 !important;
}
body.wr-support-center .uv-nav-search,
body.wr-support-center .uv-action-view-rt {
  position: relative !important;
}
body.wr-support-center .uv-search-inline,
body.wr-support-center .uv-search-inline-full {
  min-width: 280px !important;
  height: 46px !important;
  padding: 0 16px 0 44px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 13px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300d21a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 16px center,
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),
    #0b110d !important;
  color: #eef4ef !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 8px 24px rgba(0,0,0,.08) !important;
}
body.wr-support-center .uv-search-inline::placeholder,
body.wr-support-center .uv-search-inline-full::placeholder {
  color: #8e9a91 !important;
  opacity: 1 !important;
}
body.wr-support-center .uv-search-inline:focus,
body.wr-support-center .uv-search-inline-full:focus {
  border-color: color-mix(in srgb,var(--wr-brand) 58%,rgba(255,255,255,.12)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--wr-brand) 8%,transparent), 0 12px 26px rgba(0,0,0,.14) !important;
}
body.wr-support-center .uv-breadcrumb ul li,
body.wr-support-center .uv-breadcrumb ul li a {
  color: #96a398 !important;
}
body.wr-support-center .uv-paper-article .article-feedbacks p,
body.wr-support-center .uv-author-info p,
body.wr-support-center .uv-author-info span { color:#d2dcd3 !important; }

/* Empty-state / CTA text slightly brighter */
body.wr-support-center .uv-cta-wrapper p,
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > p {
  color: #bcc7be !important;
}

/* Themed loader / brief transition screen */
body.wr-support-center .uv-loader-view {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(440px 200px at 50% 38%, color-mix(in srgb,var(--wr-brand) 11%,transparent), transparent 72%),
    linear-gradient(180deg, rgba(4,8,5,.92), rgba(4,8,5,.97)) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
body.wr-support-center .uv-loader-view::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, color-mix(in srgb,var(--wr-brand) 85%,white 15%), transparent) !important;
  animation: wrLoaderSweep 1.4s ease-in-out infinite !important;
  opacity: .95 !important;
}
body.wr-support-center .uv-loader {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 86px !important;
  height: 86px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.wr-support-center .uv-loader span {
  position: relative !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
}
body.wr-support-center .uv-loader span::before,
body.wr-support-center .uv-loader span::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  background: color-mix(in srgb,var(--wr-brand) 88%,white 12%) !important;
  box-shadow: 0 0 14px color-mix(in srgb,var(--wr-brand) 30%,transparent) !important;
  animation: wrLoaderPulse 1s ease-in-out infinite !important;
}
body.wr-support-center .uv-loader span:nth-child(2)::before,
body.wr-support-center .uv-loader span:nth-child(2)::after { animation-delay: .16s !important; }
body.wr-support-center .uv-loader span:nth-child(3)::before,
body.wr-support-center .uv-loader span:nth-child(3)::after { animation-delay: .32s !important; }
@keyframes wrLoaderPulse {
  0%, 80%, 100% { transform: scale(.48); opacity: .34; }
  40% { transform: scale(1); opacity: 1; }
}
@keyframes wrLoaderSweep {
  0% { transform: translateX(-26%); opacity: .2; }
  50% { transform: translateX(0%); opacity: 1; }
  100% { transform: translateX(26%); opacity: .2; }
}

@media (max-width: 980px) {
  body.wr-support-center .uv-paper-article { grid-template-columns: 1fr !important; }
  body.wr-support-center .uv-paper-article .uv-paper-aside { order: 2 !important; }
}
@media (max-width: 760px) {
  body.wr-support-center .uv-paper-article .uv-paper-section { padding: 24px 22px !important; }
  body.wr-support-center .uv-search-inline,
  body.wr-support-center .uv-search-inline-full { min-width: 0 !important; width: 100% !important; }
}


/* ========================================================================== 
   WildRealm UVdesk Theme v9
   Final brightness pass for buttons and text.
   ========================================================================== */

/* Ticket header/meta text brighter */
body.wr-support-center .uv-ticket-head h1,
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip,
body.wr-support-center .uv-ticket-main .uv-ticket-strip,
body.wr-support-center .uv-thread-lt .uv-aside-brick > h6,
body.wr-support-center .uv-thread-lt > aside > h6 {
  color: #f3f7f3 !important;
}
body.wr-support-center .uv-ticket-head .uv-ticket-strip,
body.wr-support-center .uv-ticket-strip-label,
body.wr-support-center .uv-thread-lt .uv-aside-brick .uv-field-label,
body.wr-support-center .uv-thread-lt .uv-aside-brick span,
body.wr-support-center .uv-ticket-main .uv-ticket-date,
body.wr-support-center .uv-ticket-main .uv-ticket-person,
body.wr-support-center .uv-ticket-main .thread-created-on,
body.wr-support-center .uv-ticket-main .uv-text-muted,
body.wr-support-center .uv-upload-actions,
body.wr-support-center .uv-upload-actions a,
body.wr-support-center .attachment-block .uv-file-label,
body.wr-support-center .mce-statusbar,
body.wr-support-center .mce-statusbar * {
  color: #d2dbd3 !important;
}
body.wr-support-center .uv-ticket-main .message,
body.wr-support-center .uv-ticket-main .message p,
body.wr-support-center .uv-paper-article .uv-paper-section p,
body.wr-support-center .uv-paper-article .uv-paper-section li,
body.wr-support-center .uv-cta-wrapper p,
body.wr-support-center .uv-kb-layout-article .uv-kb-folder > p {
  color: #d9e2da !important;
}

/* Buttons: a touch brighter and clearer */
body.wr-support-center .uv-btn,
body.wr-support-center .uv-btn-small,
body.wr-support-center .uv-btn-large,
body.wr-support-center .uv-btn-action,
body.wr-support-center .btn-primary,
body.wr-support-center .uv-ticket-reply #reply-btn,
body.wr-support-center .uv-ticket-reply .uv-submit-right-side > .uv-btn,
body.wr-support-center .uv-cta-wrapper .uv-btn,
body.wr-support-center .uv-cta-wrapper .uv-btn-small {
  border-color: color-mix(in srgb,var(--wr-brand) 78%,white 8%) !important;
  background: linear-gradient(180deg,
    color-mix(in srgb,var(--wr-brand) 96%,white 10%),
    color-mix(in srgb,var(--wr-brand) 82%,black 18%)) !important;
  color: #031006 !important;
  box-shadow: 0 14px 34px color-mix(in srgb,var(--wr-brand) 20%,transparent), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
body.wr-support-center .uv-btn:hover,
body.wr-support-center .uv-btn-small:hover,
body.wr-support-center .uv-btn-large:hover,
body.wr-support-center .uv-btn-action:hover,
body.wr-support-center .btn-primary:hover,
body.wr-support-center .uv-ticket-reply #reply-btn:hover,
body.wr-support-center .uv-ticket-reply .uv-submit-right-side > .uv-btn:hover,
body.wr-support-center .uv-cta-wrapper .uv-btn:hover,
body.wr-support-center .uv-cta-wrapper .uv-btn-small:hover {
  filter: brightness(1.08) !important;
  box-shadow: 0 18px 40px color-mix(in srgb,var(--wr-brand) 24%,transparent), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* CTA / "Keine Antwort gefunden?" explicitly brighter */
body.wr-support-center .uv-cta-wrapper h2,
body.wr-support-center .uv-cta-wrapper h3,
body.wr-support-center .uv-cta-wrapper .uv-cta-title {
  color: #f6faf6 !important;
}
body.wr-support-center .uv-cta-wrapper p,
body.wr-support-center .uv-cta-wrapper .uv-cta-copy {
  color: #dce5dd !important;
  opacity: 1 !important;
}

/* Search results count badge and empty state brighter */
body.wr-support-center .uv-paper-article .uv-paper-section .uv-folder-title[data-count]::after {
  color: #f5fbf6 !important;
  background: color-mix(in srgb,var(--wr-brand) 22%,rgba(255,255,255,.07)) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section section.uv-margin-top-30 > p {
  color: #dbe4dc !important;
}


/* ========================================================================== 
   WildRealm UVdesk Theme v10
   Stronger fixes for button alignment, ticket-meta readability and article sidebar.
   ========================================================================== */

/* Make action buttons read as clean centered pills */
body.wr-support-center .uv-btn,
body.wr-support-center .btn,
body.wr-support-center .btn-primary,
body.wr-support-center .uv-submit-left-side,
body.wr-support-center .uv-submit-right-side > .uv-btn,
body.wr-support-center .uv-dropdown.reply .uv-btn,
body.wr-support-center #reply-btn,
body.wr-support-center .uv-cta-wrapper .uv-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  font-weight: 800 !important;
  min-height: 48px !important;
}
body.wr-support-center .uv-submit-left-side,
body.wr-support-center #reply-btn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.wr-support-center .uv-submit-right-side,
body.wr-support-center .uv-dropdown.reply {
  display: inline-flex !important;
  align-items: stretch !important;
}
body.wr-support-center .uv-submit-right-side > .uv-btn,
body.wr-support-center .uv-dropdown.reply .uv-btn {
  width: 54px !important;
  min-width: 54px !important;
}
body.wr-support-center .uv-submit-right-side > .uv-btn .uv-icon-down-light,
body.wr-support-center .uv-dropdown.reply .uv-btn .uv-icon-down-light {
  margin: 0 !important;
}
body.wr-support-center .uv-cta-wrapper .uv-btn,
body.wr-support-center .uv-cta-wrapper .btn,
body.wr-support-center .uv-cta-wrapper .btn-primary {
  min-width: 178px !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  font-size: 14px !important;
}

/* Ticket meta rows: date/time and creator much brighter */
body.wr-support-center .uv-ticket-head .uv-ticket-strip,
body.wr-support-center .uv-ticket-head .uv-ticket-strip > span,
body.wr-support-center .uv-ticket-head .uv-ticket-strip .timeago,
body.wr-support-center .uv-ticket-head .uv-ticket-strip-label,
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip,
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip span,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip span,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip .timeago {
  color: #dce5de !important;
  opacity: 1 !important;
  text-shadow: 0 0 1px rgba(0,0,0,.15) !important;
}
body.wr-support-center .uv-ticket-head .uv-ticket-strip-label,
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip .uv-ticket-strip-label,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip .uv-ticket-strip-label {
  color: #f1f6f2 !important;
  font-weight: 760 !important;
}
body.wr-support-center .uv-ticket-main.create > .uv-ticket-strip,
body.wr-support-center .uv-ticket-wrapper .uv-ticket-main > .uv-ticket-strip {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}
body.wr-support-center .uv-ticket-head .uv-ticket-strip {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}
body.wr-support-center .uv-ticket-head h1,
body.wr-support-center .uv-ticket-main .uv-ticket-member-name,
body.wr-support-center .uv-ticket-main .message,
body.wr-support-center .uv-ticket-main .message p {
  color: #f2f6f3 !important;
}
body.wr-support-center .uv-ticket-main .message,
body.wr-support-center .uv-ticket-main .message p { line-height: 1.7 !important; }

/* Sidebar / related-popular list on article pages */
body.wr-support-center .uv-paper-article {
  grid-template-columns: minmax(0,1fr) minmax(250px, 300px) !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section,
body.wr-support-center .uv-paper-article .uv-paper-aside,
body.wr-support-center .uv-paper-article .uv-paper-aside aside {
  float: none !important;
  width: auto !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside {
  min-width: 250px !important;
  width: 100% !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside aside {
  width: 100% !important;
  min-width: 0 !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside h3 {
  line-height: 1.25 !important;
  word-break: normal !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside li,
body.wr-support-center .uv-paper-article .uv-paper-aside li a {
  color: #dce6de !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body.wr-support-center .uv-paper-article .uv-paper-aside li a {
  display: inline-block !important;
}

/* Article page content clearer */
body.wr-support-center .uv-paper-article .uv-paper-section h1,
body.wr-support-center .uv-paper-article .uv-paper-section .uv-folder-title {
  color: #f4f8f4 !important;
}
body.wr-support-center .uv-paper-article .uv-paper-section p,
body.wr-support-center .uv-paper-article .uv-paper-section li,
body.wr-support-center .uv-paper-article .uv-paper-section ul,
body.wr-support-center .uv-paper-article .uv-paper-section ol {
  color: #d6dfd7 !important;
  line-height: 1.75 !important;
}

/* Search field at top of article page */
body.wr-support-center .uv-nav-search .uv-search-inline,
body.wr-support-center .uv-action-view-rt .uv-search-inline,
body.wr-support-center .uv-search-inline {
  min-width: 320px !important;
  height: 48px !important;
  border-radius: 14px !important;
  color: #f0f5f0 !important;
}
body.wr-support-center .uv-search-inline::placeholder {
  color: #9eaba1 !important;
}

/* CTA block text explicitly brighter */
body.wr-support-center .uv-cta-wrapper,
body.wr-support-center .uv-cta-wrapper h2,
body.wr-support-center .uv-cta-wrapper h3,
body.wr-support-center .uv-cta-wrapper p,
body.wr-support-center .uv-cta-wrapper .uv-cta-title,
body.wr-support-center .uv-cta-wrapper .uv-cta-copy {
  color: #e2eae3 !important;
}
body.wr-support-center .uv-cta-wrapper h2,
body.wr-support-center .uv-cta-wrapper h3,
body.wr-support-center .uv-cta-wrapper .uv-cta-title {
  color: #f6faf7 !important;
}

@media (max-width: 980px) {
  body.wr-support-center .uv-paper-article { grid-template-columns: 1fr !important; }
  body.wr-support-center .uv-paper-article .uv-paper-aside { min-width: 0 !important; }
}