@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/Onest-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/Onest-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(fonts/JetBrainsMono-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}

:root {
  --pw-bg: #0b0c10;
  --pw-tile: #14161d;
  --pw-tile2: #1b1e28;
  --pw-tile3: #262a37;
  --pw-ink: #eef0f5;
  --pw-soft: #c9cdd8;
  --pw-muted: #8a90a2;
  --pw-line: rgba(255, 255, 255, .07);
  --pw-line2: rgba(255, 255, 255, .14);
  --pw-lime: #c6ff3d;
  --pw-refresh: #34e3a5;
  --pw-x100: #ff9f2e;
  --pw-bellato: #f2b84b;
  --pw-cora: #4fd6c5;
  --pw-acretia: #ff5a5a;
  --pw-r: 26px;
  --pw-font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pw-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  color-scheme: dark;
}

/* Base */
html { background: var(--pw-bg); }
body.cust-help {
  min-height: 100vh;
  margin: 0;
  background: radial-gradient(60% 40% at 50% 0%, rgba(198, 255, 61, .06), transparent 70%), var(--pw-bg) no-repeat;
  color: var(--pw-ink);
  font: 15px/1.5 var(--pw-font);
  -webkit-font-smoothing: antialiased;
}
.cust-help .wrapper,
.cust-help .wrapper :where(h1, h2, h3, h4, h5, h6, p, span, a, div, label, input, textarea, button, select, li, b, time) {
  font-family: var(--pw-font);
  letter-spacing: 0;
}
.cust-help .wrapper {
  margin: 0 !important;
  background: transparent;
  color: var(--pw-ink);
  font-size: 15px;
  line-height: 1.5;
}
.cust-help .main__content { background: transparent; padding-bottom: 40px; }
.cust-help .main__content.notice-flash { padding-bottom: 0; }
.cust-help .contr { max-width: 1100px; padding: 0 16px; }
.cust-help a { color: var(--pw-lime); transition: color .15s ease; }
.cust-help a:hover { color: #e2ff9c; }
.cust-help ::selection { background: rgba(198, 255, 61, .3); color: #fff; }
.cust-help .lightgrey,
.cust-help .c_battleship-grey { color: var(--pw-muted); }

/* Top bar (header.txt) */
.pw-bar {
  position: sticky; top: 10px; z-index: 60;
  display: flex; align-items: center; gap: 8px;
  width: calc(100% - 32px); max-width: 1068px;
  margin: 16px auto 0; padding: 8px;
  border: 1px solid var(--pw-line); border-radius: 999px;
  background: rgba(20, 22, 29, .86);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  font-family: var(--pw-font);
  box-sizing: border-box;
}
.pw-bar a { text-decoration: none; }
.pw-bar__logo { display: flex; align-items: center; gap: 12px; padding: 0 6px 0 14px; flex: none; }
.pw-bar__logo img { display: block; height: 28px; width: auto; }
.pw-bar__tag {
  flex: none; padding: 5px 10px; border-radius: 999px;
  background: rgba(198, 255, 61, .12); color: var(--pw-lime);
  font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .12em; text-transform: uppercase;
  white-space: nowrap;
}
.pw-bar__nav { display: flex; gap: 2px; }
.pw-bar__nav a {
  padding: 10px 12px; border-radius: 999px;
  color: var(--pw-muted); font-weight: 500; white-space: nowrap;
  transition: color .15s ease, background .15s ease;
}
.pw-bar__nav a:hover { color: var(--pw-ink); background: var(--pw-tile2); }
.pw-bar__pic { display: none; }
.pw-bar__right { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.pw-bar__lang:not(.is-ready) { display: none; }

.pw-pill {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px;
  background: var(--pw-tile2); color: var(--pw-ink) !important;
  font: 500 15px/1 var(--pw-font); white-space: nowrap;
  transition: background .15s ease;
}
.pw-pill:hover { background: var(--pw-tile3); }
.pw-pill--ghost { background: transparent; border: 1px solid var(--pw-line); }
.pw-pill--ghost:hover { background: var(--pw-tile2); }

/* Language select moved into the bar */
.cust-help .header { display: none; }
.pw-bar .header__lang .dropdown-select .label {
  min-height: 42px; margin: 0; padding: 0 16px; border-radius: 999px;
  background: var(--pw-tile2); color: var(--pw-ink);
  font: 500 14px/1 var(--pw-font);
  transition: background .15s ease;
}
.pw-bar .header__lang .dropdown-select:hover .label,
.pw-bar .header__lang .dropdown-select .label:hover { background: var(--pw-tile3); }
.pw-bar .header__lang .dropdown-select .label .icon { fill: var(--pw-muted); }
.pw-bar .header__lang .dropdown-list { top: calc(100% + 8px); }
/* Stock hover paints the select itself #2b6d9e, and only clears that while it
   still sits inside .header. The control is moved into the bar. */
.pw-bar .header__lang .dropdown:not(.right):hover,
.pw-bar .header__lang .dropdown-select:not(.right):hover {
  background-color: transparent !important;
  border-color: transparent;
  color: var(--pw-ink);
}
.pw-bar .header__lang .dropdown:not(.right):hover .label,
.pw-bar .header__lang .dropdown-select:not(.right):hover .label,
.pw-bar .header__lang .dropdown:not(.right):hover .label span,
.pw-bar .header__lang .dropdown-select:not(.right):hover .label span {
  color: var(--pw-ink) !important;
}
.pw-bar .header__lang .dropdown:not(.right):hover > * > .icon,
.pw-bar .header__lang .dropdown-select:not(.right):hover > * > .icon {
  fill: var(--pw-muted) !important;
  color: var(--pw-muted) !important;
}

/* Dropdown lists (language, priority, contact) */
.cust-help .dropdown .dropdown-list,
.cust-help .dropdown-select .dropdown-list,
.cust-help .with-label .dropdown-list {
  min-width: 100%; padding: 6px;
  border: 1px solid var(--pw-line2); border-radius: 16px;
  background-color: var(--pw-tile2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .5);
}
.cust-help .dropdown .dropdown-list > li,
.cust-help .dropdown-select .dropdown-list > li,
.cust-help .with-label .dropdown-list > li {
  height: 38px; border-radius: 10px;
  color: var(--pw-ink); font-size: 14px;
  transition: background-color .15s ease, color .15s ease;
}
.cust-help .dropdown .dropdown-list > li:hover,
.cust-help .dropdown-select .dropdown-list > li:hover,
.cust-help .with-label .dropdown-list > li:hover { background-color: var(--pw-tile3); color: #fff; }
.cust-help .dropdown-select .dropdown-list > li.selected { color: var(--pw-lime); }
.cust-help .dropdown .dropdown-list > li a,
.cust-help .dropdown .dropdown-list > li a:hover { color: inherit; }
.cust-help .dropdown .dropdown-list .separator { background-color: var(--pw-line); }
.cust-help .dropdown label,
.cust-help .dropdown .label,
.cust-help .dropdown-select .label,
.cust-help .with-label .label { color: var(--pw-ink); }
.cust-help .dropdown .icon-chevron-down,
.cust-help .dropdown-select .icon-chevron-down,
.cust-help .with-label .icon-chevron-down { fill: var(--pw-muted); }

/* Breadcrumbs */
.cust-help .breadcrumbs { background: transparent; }
.cust-help .breadcrumbs__inner { padding: 22px 0 0; font-size: 13px; color: var(--pw-muted); }
.cust-help .breadcrumbs__inner a { color: var(--pw-muted); }
.cust-help .breadcrumbs__inner a:hover { color: var(--pw-ink); }
.cust-help .breadcrumbs__inner .icon { fill: var(--pw-muted); opacity: .5; }
.cust-help .breadcrumbs__inner .last { color: var(--pw-ink); }

/* Home */
.cust-help .help-search { padding: 48px 0 8px; text-align: center; }
.cust-help .search__title {
  margin: 0 auto; max-width: 22ch;
  color: #fff; font-size: clamp(36px, 5vw, 64px); font-weight: 900; line-height: 1; letter-spacing: -.045em;
}
.cust-help .help-search::before {
  content: "RF Online · PvPWaR";
  display: block; margin-bottom: 14px;
  color: var(--pw-muted); font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
}
.cust-help .nav {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  max-width: 920px; margin: 36px auto 0;
}
.cust-help .navlink {
  position: relative;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 28px;
  max-width: none; min-height: 220px; margin: 0; padding: 28px;
  border: 1px solid var(--pw-line); border-radius: var(--pw-r);
  background: var(--pw-tile); color: var(--pw-ink);
  box-shadow: none; text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.cust-help .navlink::after {
  content: "\2192";
  position: absolute; top: 26px; right: 28px;
  color: var(--pw-muted); font-size: 24px; line-height: 1;
  transition: transform .2s ease, color .2s ease;
}
.cust-help .navlink:hover { transform: translateY(-3px); border-color: rgba(198, 255, 61, .35); background: var(--pw-tile); box-shadow: none; }
.cust-help .navlink:hover::after { transform: translateX(4px); color: var(--pw-ink); }
.cust-help .navlink .icon-in-circle { width: 52px; height: 52px; margin: 0; background: var(--pw-tile2); }
.cust-help .navlink .icon-in-circle .icon { fill: var(--pw-ink); font-size: 22px; }
.cust-help .navlink:hover > .icon-in-circle { background: var(--pw-tile3); }
.cust-help .navlink:hover > .icon-in-circle .icon { fill: var(--pw-lime); }
.cust-help .navlink .navlink__title { margin: 0 0 6px; color: #fff; font-size: 26px; font-weight: 800; line-height: 1.1; letter-spacing: -.03em; }
.cust-help .navlink .navlink__descr { color: var(--pw-muted); font-size: 14px; line-height: 1.45; }

.cust-help .nav .navlink:first-child { background: var(--pw-lime); border-color: transparent; }
.cust-help .nav .navlink:first-child:hover { background: #d6ff6e; }
.cust-help .nav .navlink:first-child::after { color: rgba(0, 0, 0, .55); }
.cust-help .nav .navlink:first-child:hover::after { color: #111; }
.cust-help .nav .navlink:first-child .icon-in-circle,
.cust-help .nav .navlink:first-child:hover > .icon-in-circle { background: #111; }
.cust-help .nav .navlink:first-child .icon-in-circle .icon { fill: var(--pw-lime); }
.cust-help .nav .navlink:first-child .navlink__title { color: #111; }
.cust-help .nav .navlink:first-child .navlink__descr { color: rgba(0, 0, 0, .62); }

/* Page heading */
.cust-help .article__heading,
.cust-help .select__title {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  margin: 32px 0 10px;
  color: #fff; font-size: clamp(28px, 3.4vw, 40px); font-weight: 900; line-height: 1.05; letter-spacing: -.04em;
}
.cust-help .article__heading .ml-1 { margin: 0; }
.cust-help .article__heading .icon-in-circle { width: 46px; height: 46px; background: var(--pw-lime); }
.cust-help .article__heading .icon-in-circle .icon { fill: #111; }
.cust-help .article__heading + .article-heading-tip,
.cust-help .article-heading-tip { margin: 0 auto 24px; color: var(--pw-muted); font-size: 13px; }
.cust-help .article__heading--form + form { margin-top: 24px; }

/* Form card */
.cust-help .form-submit-ticket {
  max-width: 820px; margin: 0 auto 24px; padding: 32px 36px 36px;
  border: 1px solid var(--pw-line); border-radius: var(--pw-r);
  background: var(--pw-tile); box-shadow: none;
}
.cust-help .form-submit-ticket:has(.form-groups.centered) { max-width: 520px; }
.cust-help .form-submit-ticket .form-groups { max-width: 420px; }
.cust-help .form-submit-ticket .form-group,
.cust-help .form-submit-ticket .param { max-width: 600px; margin-bottom: 22px; }
.cust-help .divider { height: 1px; margin: 28px 0; background: var(--pw-line); }

.cust-help .label,
.cust-help .form-group label,
.cust-help .custom-field-title {
  margin-bottom: 8px;
  color: var(--pw-soft); font-size: 13px; font-weight: 600; line-height: 1.3;
}
.cust-help .form-group.required .label::after,
.cust-help .form-group.required label::after,
.cust-help .label.required::after,
.cust-help label.required::after { right: -.75em; color: var(--pw-acretia); font-size: 15px; }

.cust-help .form input.form-control,
.cust-help .form textarea.form-control {
  height: 46px; padding: 0 14px;
  border: 1px solid var(--pw-line2); border-radius: 14px;
  background: var(--pw-bg); color: var(--pw-ink);
  font: 400 15px/1.4 var(--pw-font);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.cust-help .form textarea.form-control { height: 200px; padding: 12px 14px; line-height: 1.55; resize: vertical; }
.cust-help .form input.form-control::placeholder,
.cust-help .form textarea.form-control::placeholder { color: #5d6375; }
.cust-help .form input.form-control:hover,
.cust-help .form textarea.form-control:hover { border-color: rgba(255, 255, 255, .24); }
.cust-help .form input.form-control:focus,
.cust-help .form textarea.form-control:focus {
  color: var(--pw-ink) !important;
  border-color: var(--pw-lime);
  box-shadow: 0 0 0 3px rgba(198, 255, 61, .14);
}
.cust-help .form input.form-control:-webkit-autofill {
  -webkit-text-fill-color: var(--pw-ink);
  box-shadow: 0 0 0 40px var(--pw-bg) inset;
  caret-color: var(--pw-ink);
}
.cust-help .form-group.error.required input,
.cust-help .form.invalid .form-control.isError,
.cust-help .invalid .form-control,
.cust-help .form-control.isError { border-color: var(--pw-acretia) !important; }.cust-help .form-group .form-control__error,
.cust-help .error-message,
.cust-help .invalid .invalid-feedback {
  border-radius: 10px;
  background: rgba(255, 90, 90, .08); color: var(--pw-acretia);
  font-size: 13px;
}

/* Selectize (server, reason) */
.cust-help .selectize-control .selectize-input,
.cust-help .selectize-control.single .selectize-input.input-active,
.cust-help .selectize-input.full {
  height: 46px; padding: 0 40px 0 14px;
  border: 1px solid var(--pw-line2) !important; border-radius: 14px;
  background: var(--pw-bg) !important; color: var(--pw-ink);
  box-shadow: none;
}
.cust-help .selectize-input:hover,
.cust-help .selectize-input.dropdown-active:hover { border-color: rgba(255, 255, 255, .24) !important; color: var(--pw-ink); }
.cust-help .selectize-input.input-active,
.cust-help .selectize-input.focus { border-color: var(--pw-lime) !important; box-shadow: 0 0 0 3px rgba(198, 255, 61, .14); }
.cust-help .selectize-input.dropdown-active { border-radius: 14px; }
.cust-help .selectize-input.dropdown-active::before { display: none; }
.cust-help .selectize-input .item,
.cust-help .selectize-input input,
.cust-help .selectize-dropdown { color: var(--pw-ink); font-size: 15px; }
.cust-help .selectize-control .selectize-input::after { right: 16px !important; filter: invert(1); opacity: .55 !important; }
.cust-help .selectize-control .selectize-dropdown {
  margin-top: 6px; padding: 6px;
  border: 1px solid var(--pw-line2); border-radius: 16px;
  background: var(--pw-tile2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .5);
}
.cust-help .selectize-control .selectize-dropdown .option { padding: 10px 12px; border-radius: 10px; color: var(--pw-ink); }
.cust-help .selectize-control .selectize-dropdown .option.active { background: rgba(198, 255, 61, .12); color: var(--pw-lime); }
.cust-help .selectize-dropdown [data-selectable] .highlight { background: rgba(198, 255, 61, .25); color: #fff; }

/* Priority select */
.cust-help .param .dropdown-select > .label {
  min-height: 42px; margin: 0; padding: 0 16px;
  border: 1px solid var(--pw-line2); border-radius: 999px;
  background: var(--pw-bg); color: var(--pw-ink);
  font-size: 14px; font-weight: 500;
  transition: border-color .15s ease;
}
.cust-help .param .dropdown-select > .label:hover { border-color: rgba(255, 255, 255, .24); }
.cust-help .param .dropdown-select > .label::after { display: none; }
.cust-help .param .dropdown-select .dropdown-list { top: calc(100% + 6px); }
.cust-help .param > .label { margin-bottom: 0; }
.cust-help .param.blue-select > .label,
.cust-help .param.checkboxs > .label { margin-bottom: 8px; }

/* Calendar */
.cust-help .param.calendar .calendar--button button {
  width: 46px; height: 46px;
  border: 1px solid var(--pw-line2); border-radius: 14px;
  background: var(--pw-bg);
}
.cust-help .param.calendar .calendar--button button .icon-calendar { fill: var(--pw-ink); }
.cust-help .param.calendar .calendar--button button:hover { border-color: var(--pw-lime); background: var(--pw-bg); }
.cust-help .param.calendar .calendar--button button:hover .icon-calendar { fill: var(--pw-lime) !important; }
.cust-help .param.calendar .calendar--value { color: var(--pw-lime); font-family: var(--pw-mono); }
.cust-help .param.calendar .calendar--value .close svg { fill: var(--pw-muted); }
.cust-help .param.calendar .calendar--value .close:hover svg { fill: var(--pw-ink); }

.datepicker,
.datepicker .datepicker--content,
.datepicker .datepicker--nav,
.datepicker .datepicker--pointer { background: var(--pw-tile2) !important; color: var(--pw-ink) !important; }
.datepicker {
  border: 1px solid var(--pw-line2) !important; border-radius: 16px !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .5) !important;
  font-family: var(--pw-font) !important;
}
.datepicker .datepicker--pointer { border-color: var(--pw-line2) !important; }
.datepicker .datepicker--nav i,
.datepicker--nav-title i { color: var(--pw-muted) !important; }
.datepicker--nav-action path { stroke: var(--pw-muted); }
.datepicker--nav-action:hover,
.datepicker--nav-title:hover { background: var(--pw-tile3) !important; }
.datepicker .datepicker--days-names { border-bottom-color: var(--pw-line) !important; }
.datepicker .datepicker--days-names .datepicker--day-name { color: var(--pw-muted) !important; }
.datepicker--cell { border-radius: 8px !important; }
.datepicker--cell.-focus- { background: var(--pw-tile3) !important; }
.datepicker--cell.-current- { color: var(--pw-lime) !important; }
.datepicker .datepicker--cells .datepicker--cell:hover:not(.-selected-) { background: var(--pw-tile3) !important; color: #fff !important; }
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-,
.datepicker--cell.-selected-.-focus-,
.datepicker .datepicker--cells .datepicker--cell.-selected- { background: var(--pw-lime) !important; color: #111 !important; }
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade-,
.datepicker--cell.-disabled- { color: #4b5061 !important; }
.datepicker--buttons,
.datepicker--time { border-top-color: var(--pw-line) !important; }
.datepicker--button { color: var(--pw-lime) !important; }
.datepicker--button:hover { background: var(--pw-tile3) !important; color: var(--pw-ink) !important; }

/* Attachments */
.cust-help .param--attach { flex-wrap: wrap; }
.cust-help .attach input[type=file] {
  display: block; max-width: 100%; margin-bottom: 8px;
  color: var(--pw-muted); font: 400 13px/1.4 var(--pw-font);
}
.cust-help .attach br { display: none; }
.cust-help .attach input[type=file]::file-selector-button {
  margin-right: 12px; padding: 8px 14px;
  border: 1px solid var(--pw-line2); border-radius: 999px;
  background: var(--pw-tile2); color: var(--pw-ink);
  font: 500 13px/1 var(--pw-font); cursor: pointer;
  transition: background .15s ease;
}
.cust-help .attach input[type=file]::file-selector-button:hover { background: var(--pw-tile3); }
.cust-help .attach .attach-tooltype > span { color: var(--pw-muted); font-style: normal; }
.cust-help .tooltype .icon-info { fill: var(--pw-muted); }
.cust-help .tooltype:hover .icon-info { fill: var(--pw-ink); }
.cust-help .tooltype .tooltype__content { color: var(--pw-soft); box-shadow: 0 20px 40px rgba(0, 0, 0, .5); }
.cust-help .tooltype .tooltype__content .tooltype__wrapper,
.cust-help .tooltype .tooltype__content::before { background: var(--pw-tile2); }
.cust-help .block--attach,
.cust-help .block--attach:hover { color: var(--pw-lime); }
.cust-help .block--attach .icon-attach { fill: var(--pw-lime); }

/* Attachments: Dropzone (HESK 3.7+) */
.cust-help .attach { flex: 1 1 100%; min-width: 0; }
.cust-help .attach > div:first-child { width: 100%; }
.cust-help .dropzone,
.cust-help .wrapper .dropzone {
  min-height: 0; margin-bottom: 12px; padding: 0;
  border: 1px dashed var(--pw-line2); border-radius: 16px;
  background: var(--pw-bg); color: var(--pw-soft);
  transition: border-color .15s ease, background .15s ease;
}
.cust-help .dropzone:hover,
.cust-help .dropzone.dz-drag-hover {
  border-color: var(--pw-lime); border-style: dashed;
  background: rgba(198, 255, 61, .04);
}
.cust-help .dropzone .dz-message { margin: 0; padding: 22px 18px; text-align: center; }
.cust-help .dropzone .dz-message .dz-button {
  width: 100%; padding: 0; color: var(--pw-muted);
  font: 400 13px/1.5 var(--pw-font); cursor: pointer;
}
.cust-help .dropzone:hover .dz-message .dz-button { color: var(--pw-soft); }
.cust-help .dropzone.dz-started .dz-message { display: none; }
.cust-help .dropzone > .file-row,
.cust-help .wrapper .dropzone > .file-row:nth-child(even) {
  background: transparent; border-top: 1px solid var(--pw-line);
}
.cust-help .dropzone > .file-row:first-of-type { border-top: 0; }
.cust-help .dropzone .attachment-row > div { padding: 8px 14px; }
.cust-help .dropzone .attachment-row p.name { margin: 0; color: var(--pw-ink); font-size: 13px; word-break: break-all; }
.cust-help .dropzone .attachment-row .size { color: var(--pw-muted); font-size: 12px; }
.cust-help .dropzone .attachment-row svg { fill: var(--pw-muted); }
.cust-help .dropzone .attachment-row svg:hover { fill: var(--pw-acretia); }
.cust-help .dropzone .upload-progress > div {
  height: 6px !important; overflow: hidden;
  border: 0 !important; border-radius: 999px; background: var(--pw-tile3);
}
.cust-help .dropzone .upload-progress [data-dz-uploadprogress] {
  height: 6px !important; border-radius: 999px; background: var(--pw-lime) !important;
}
.cust-help .dropzone .dz-success .upload-progress { display: none; }
.cust-help .dropzone .file-row .error { padding: 0 14px 8px; }
.cust-help .dropzone .file-row .error:empty,
.cust-help .dropzone .file-row .error:has(strong:empty) { display: none; }
.cust-help .dropzone .file-row.alert-danger { background: rgba(255, 90, 90, .06); }
.cust-help .dropzone [data-dz-errormessage] { color: var(--pw-acretia); font-size: 12px; font-weight: 500; }
.cust-help .attach .btn.fileinput-button {
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; min-width: 0; height: 40px !important; padding: 0 20px;
  border: 1px solid var(--pw-line2); border-radius: 999px;
  background: var(--pw-tile2); color: var(--pw-ink) !important; box-shadow: none;
  font: 600 13px/1 var(--pw-font); cursor: pointer;
}
.cust-help .attach .btn.fileinput-button:hover { background: var(--pw-tile3); border-color: var(--pw-lime); color: var(--pw-ink) !important; }
.cust-help .attach .attach-tooltype { margin-top: 10px; }

/* Captcha */
.cust-help .captcha-block { max-width: 320px; }
.cust-help .captcha-block h3 { margin-bottom: 12px; color: var(--pw-ink); font-size: 15px; font-weight: 700; }
.cust-help .g-recaptcha { display: inline-block; border-radius: 6px; overflow: hidden; }
.cust-help .g-recaptcha iframe { display: block; filter: invert(.9) hue-rotate(180deg); }
.cust-help .captcha-block .form-captcha img { border-radius: 10px; }
.cust-help .btn-refresh .icon { fill: var(--pw-muted); }

/* Checkbox / radio */
.cust-help .checkbox-custom [type=checkbox] + label,
.cust-help .radio-custom [type=radio] + label { color: var(--pw-soft) !important; font-size: 14px; line-height: 18px; }
.cust-help .checkbox-custom [type=checkbox] + label::before,
.cust-help .radio-custom [type=radio] + label::before {
  width: 18px; height: 18px;
  border: 1px solid var(--pw-line2) !important;
  background: var(--pw-bg) !important;
  box-sizing: border-box;
}
.cust-help .checkbox-custom [type=checkbox] + label::before { border-radius: 6px; }
.cust-help .checkbox-custom [type=checkbox]:checked + label::before,
.cust-help .radio-custom [type=radio]:checked + label::before { border-color: var(--pw-lime) !important; background: var(--pw-lime) !important; }
.cust-help .checkbox-custom [type=checkbox] + label::after {
  top: 3px; left: 3px; width: 12px; height: 12px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2l2.6 2.6L10 3.4' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat !important;
}
.cust-help .radio-custom [type=radio] + label::after { top: 5px; left: 5px; background-color: #111 !important; }

/* Buttons */
.cust-help .btn { font-family: var(--pw-font); }
.cust-help .btn-full,
.cust-help .form-footer .btn,
.cust-help .notification a.btn-full {
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; min-width: 220px; height: 50px !important; padding: 0 28px;
  border: 0; border-radius: 999px;
  background: var(--pw-lime); color: #111 !important;
  font: 700 16px/1 var(--pw-font); text-decoration: none !important;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}
.cust-help .btn-full:hover { background: #d6ff6e; color: #111 !important; }
.cust-help .btn-full:active { transform: translateY(1px); }
.cust-help .btn-full.disabled,
.cust-help .btn-full:disabled { background: var(--pw-tile2); color: var(--pw-muted) !important; cursor: not-allowed; }
.cust-help [ripple] .ripple--container span { background-color: rgba(0, 0, 0, .18); }
.cust-help .btn--blue-border,
.cust-help .btn-border,
.cust-help .btn.cancel,
.cust-help .btn-transparent {
  height: 42px !important; padding: 0 18px;
  border: 1px solid var(--pw-line2); border-radius: 999px;
  background: transparent; color: var(--pw-ink);
  font: 500 14px/1 var(--pw-font);
}
.cust-help .btn--blue-border:hover,
.cust-help .btn-border:hover,
.cust-help .btn.cancel:hover,
.cust-help .btn-transparent:hover { border-color: var(--pw-line2); background: var(--pw-tile2); color: var(--pw-ink); }
.cust-help .btn:hover .icon { fill: currentColor; }
.cust-help .link,
.cust-help .form-footer .link,
.cust-help .article__footer .link { color: var(--pw-muted); font-weight: 500; text-decoration: none; }
.cust-help .link:hover,
.cust-help .form-footer .link:hover { color: var(--pw-ink); }
.cust-help .form-footer .link { margin-top: 18px; height: auto; font-size: 14px; }

/* Notices */
.cust-help .main__content.notice-flash { margin-top: 24px; }
.cust-help .notification,
.cust-help .notification-flash {
  overflow: hidden;
  margin-bottom: 16px; padding: 20px 24px 20px 28px;
  border: 1px solid var(--pw-line); border-radius: 18px;
  background: var(--pw-tile); color: var(--pw-soft);
  box-shadow: none; font-size: 15px;
  --pw-tone: var(--pw-cora);
}
.cust-help .notification::before,
.cust-help .notification-flash::before { width: 4px; background: var(--pw-tone) !important; }
.cust-help .notification.red,
.cust-help .notification-flash.red { --pw-tone: var(--pw-acretia); }
.cust-help .notification.orange,
.cust-help .notification-flash.orange { --pw-tone: var(--pw-bellato); }
.cust-help .notification.green,
.cust-help .notification-flash.green { --pw-tone: var(--pw-refresh); }
.cust-help .notification.white { --pw-tone: var(--pw-muted); }
.cust-help .notification.red,
.cust-help .notification.orange,
.cust-help .notification.green,
.cust-help .notification.blue,
.cust-help .notification.white {
  background: linear-gradient(90deg, color-mix(in srgb, var(--pw-tone) 12%, transparent), transparent 70%), var(--pw-tile);
  border-color: color-mix(in srgb, var(--pw-tone) 28%, transparent);
}
.cust-help .notification b,
.cust-help .notification .font-weight-bold,
.cust-help .notification-flash .notification--title { color: #fff; }
.cust-help .notification .font-weight-bold { font-family: var(--pw-mono); color: var(--pw-lime); }
.cust-help .notification p { margin: 0 0 6px; }
.cust-help .notification p:last-child { margin-bottom: 0; }
.cust-help .notification a:not(.btn) { color: var(--pw-lime); }
.cust-help .notification-flash .notification--text { color: var(--pw-soft); }
.cust-help .notification-flash .close svg { fill: var(--pw-muted); }
.cust-help .notification-bar { background: var(--pw-tile2); }
.cust-help .notification-bar .notification--text { color: var(--pw-ink); }

.cust-help .alert { border: 1px solid var(--pw-line2); border-radius: 18px; background: var(--pw-tile); color: var(--pw-soft); }
.cust-help .alert__title { color: #fff; }
.cust-help .alert .icon-warning { fill: var(--pw-cora); }
.cust-help .alert.warning { border-color: rgba(242, 184, 75, .35); background: rgba(242, 184, 75, .08); }
.cust-help .alert.warning .icon-warning { fill: var(--pw-bellato); }
.cust-help .alert.success { border-color: rgba(52, 227, 165, .35); background: rgba(52, 227, 165, .08); }
.cust-help .alert.success .icon-warning { fill: var(--pw-refresh); }
.cust-help .alert.danger { border-color: rgba(255, 90, 90, .35); background: rgba(255, 90, 90, .08); }
.cust-help .alert.danger .icon-warning,
.cust-help .alert.danger .alert__title { fill: var(--pw-acretia); color: var(--pw-acretia); }
.cust-help .alert.none { background: transparent; }
.cust-help .text-danger { color: var(--pw-acretia); }

/* Modal (forgot tracking ID) */
.blocker { background-color: rgba(5, 6, 8, .78); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.blocker .modal {
  max-width: 520px; padding: 28px 32px;
  border: 1px solid var(--pw-line2); border-radius: 22px;
  background: var(--pw-tile); color: var(--pw-soft);
  box-shadow: 0 30px 60px rgba(0, 0, 0, .6);
  font: 15px/1.55 var(--pw-font);
}
.blocker .modal b { color: #fff; }
.blocker .modal .form { margin-top: 16px; }
.blocker .modal .form-group { margin-bottom: 16px; }
.blocker .modal .radio-custom + .radio-custom { margin-top: 10px; }
.blocker .modal .btn-full,
.blocker .modal #forgot-tid-submit { width: 100%; }
.blocker .modal a.close-modal { top: 14px; right: 14px; width: 26px; height: 26px; filter: invert(1) brightness(1.4); opacity: .6; }
.blocker .modal a.close-modal:hover { opacity: 1; }
.cust-help .modal .modal__body { border-radius: 22px; background: var(--pw-tile); color: var(--pw-soft); }

/* Ticket view */
.cust-help .ticket { gap: 16px; }
.cust-help .ticket__body_block {
  margin-bottom: 16px; padding: 24px 28px;
  border: 1px solid var(--pw-line); border-radius: 22px;
  background: var(--pw-tile); color: var(--pw-soft);
  box-shadow: none; text-align: left;
}
.cust-help .ticket__body_block.response {
  border-color: rgba(198, 255, 61, .22);
  background: linear-gradient(135deg, rgba(198, 255, 61, .07), transparent 55%), var(--pw-tile);
  box-shadow: none;
}
.cust-help .ticket__body_block h1,
.cust-help .ticket__body_block h2,
.cust-help .ticket__body_block h3,
.cust-help .ticket__body_block .text-bold { color: #fff; font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -.02em; }
.cust-help .ticket__body_block .text-bold { margin-bottom: 16px; font-size: 18px; }
.cust-help .ticket__body_block .block--head { margin-top: 10px; color: var(--pw-muted); font-size: 14px; }
.cust-help .ticket__body_block .block--head .contact,
.cust-help .ticket__body_block .block--head .contact > span { color: var(--pw-muted); }
.cust-help .ticket__body_block .block--head .contact b,
.cust-help .block--head .contact span + span { color: var(--pw-ink) !important; }
.cust-help .ticket__body_block .block--head time { color: var(--pw-muted); font-family: var(--pw-mono); font-size: 12px; }
.cust-help .ticket__body_block .block--description { color: var(--pw-soft); font-size: 15px; line-height: 1.65; }
.cust-help .ticket__body_block .block--uploads { color: var(--pw-muted); }
.cust-help .ticket__body_block .block--uploads .icon-attach { fill: var(--pw-muted); }
.cust-help .ticket__body_block .block--uploads a,
.cust-help .ticket__body_block p > a,
.cust-help .browser-default a { color: var(--pw-lime); }
.cust-help .browser-default blockquote { border-left: 2px solid var(--pw-line2) !important; color: var(--pw-muted); }
.cust-help .browser-default code { border-radius: 6px; background: var(--pw-tile2); color: var(--pw-ink); font-family: var(--pw-mono); }
.cust-help .ticket__body_block > div > .custom-field-title,
.cust-help .ticket__body_block .custom-field-title { display: inline-block; min-width: 150px; margin: 0 8px 6px 0; color: var(--pw-muted); }
.cust-help .ticket__body_block .form-group { max-width: none; }
.cust-help .ticket__body_block .form__submit { margin-top: 20px; }
.cust-help .btn-action .icon { fill: var(--pw-muted); }
.cust-help .btn-action:hover .icon { fill: var(--pw-ink); }
.cust-help .ticket__block-footer { border-top-color: var(--pw-line); color: var(--pw-muted); }
.cust-help .ticket__replies .ticket__replies_link { color: var(--pw-lime); }
.cust-help .ticket__replies .ticket__replies_link .icon-chevron-down,
.cust-help .ticket__replies .ticket__replies_link:hover .icon-chevron-down { fill: var(--pw-lime); }

.cust-help .ticket__params .params--block {
  overflow: hidden;
  border: 1px solid var(--pw-line); border-radius: 22px;
  background: var(--pw-tile); color: var(--pw-soft); box-shadow: none;
}
.cust-help .ticket__params .params--block h4 {
  height: 56px; padding: 0 12px 0 20px;
  border-bottom: 1px solid var(--pw-line);
  color: #fff; font-size: 15px; font-weight: 700;
}
.cust-help .ticket__params .params--block h4 .icon-chevron-down { fill: var(--pw-muted); }
.cust-help .ticket__params .params--block .accordion-title .link { color: var(--pw-lime); }
.cust-help .ticket__params .params--block .accordion-body { padding: 8px 20px 16px; }
.cust-help .ticket__params .params--block .row { border-bottom: 1px solid var(--pw-line); font-size: 14px; }
.cust-help .ticket__params .params--block .row:last-child { border-bottom: 0; }
.cust-help .ticket__params .params--block .row .title { width: 124px; padding-right: 8px; color: var(--pw-muted); }
.cust-help .ticket__params .params--block .row .value { color: var(--pw-ink); }
.cust-help .ticket__params .params--block .row:first-child .value { color: var(--pw-lime); font-family: var(--pw-mono); }
.cust-help .ticket__params .params--bar { border: 1px solid var(--pw-line); border-radius: 16px; background: var(--pw-tile); box-shadow: none; }

/* Knowledgebase (if enabled later) */
.cust-help .article__heading a,
.cust-help .topics__title,
.cust-help .topics__list a,
.cust-help .kb--folder a { color: var(--pw-ink); }
.cust-help .topics,
.cust-help .preview,
.cust-help .kb-suggestions.boxed,
.cust-help .suggest-preview,
.cust-help .tabbed__tabs .tabbed__tabs_tab {
  border-color: var(--pw-line); background: var(--pw-tile); color: var(--pw-soft); box-shadow: none;
}
.cust-help .preview:hover,
.cust-help a.suggest-preview:hover { background: var(--pw-tile2); }
.cust-help .preview .preview__title,
.cust-help .suggest-preview .suggest-preview__title { color: #fff; }
.cust-help .tabbed__head { border-bottom-color: var(--pw-line); }
.cust-help .tabbed__head .tabbed__head_tabs li { border-bottom-color: transparent; background: transparent; color: var(--pw-muted); }
.cust-help .tabbed__head .tabbed__head_tabs li.current,
.cust-help .tabbed__head .tabbed__head_tabs li:not(.current):hover { border-bottom-color: var(--pw-lime); background: var(--pw-tile); color: var(--pw-ink); box-shadow: none; }
.cust-help .icon-in-circle { background: var(--pw-tile2); }
.cust-help .icon-in-circle .icon { fill: var(--pw-ink); }
.cust-help .search__form { background: transparent; }
.cust-help .search__form .form-group input { border: 1px solid var(--pw-line2); border-radius: 999px; background: var(--pw-tile); color: var(--pw-ink); }
.cust-help .form__search,
.cust-help .form__search .form__search_results,
.cust-help .form__search .form__search_type { background: var(--pw-tile2); }
.cust-help .go-back-button { border-radius: 999px; background: var(--pw-tile2); }

/* Pagination */
.cust-help .pagination a,
.cust-help .pagination__link,
.cust-help .pagination__stroke { color: var(--pw-soft); }
.cust-help .pagination a:hover { background: var(--pw-tile2); }
.cust-help .pagination__item.is-current .pagination__link { background: var(--pw-lime); color: #111; }

/* Footer (footer.txt + HESK license line) */
.cust-help .footer { color: var(--pw-muted); font-size: 12px; }
.cust-help .footer a { color: var(--pw-muted); }
.pw-foot {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px;
  width: calc(100% - 32px); max-width: 1068px; margin: 0 auto; padding: 22px 4px 26px;
  border-top: 1px solid var(--pw-line);
  color: var(--pw-muted); font: 13px/1.5 var(--pw-font);
  box-sizing: border-box;
}
.pw-foot a { color: var(--pw-ink); text-decoration: none; }
.pw-foot a:hover { color: var(--pw-lime); }

#loader { background-color: var(--pw-bg); }

@media (max-width: 1100px) {
  .pw-bar__nav a { padding-left: 10px; padding-right: 10px; }
}
@media (max-width: 990px) {
  .pw-bar__tag { display: none; }
  .pw-bar__nav a { padding-left: 8px; padding-right: 8px; font-size: 14px; }
}

@media (max-width: 900px) {
  .cust-help .ticket__params .params--block .accordion-body { padding: 8px 16px 14px; }
}

@media (max-width: 860px) {
  .pw-bar { width: calc(100% - 20px); margin-top: 10px; top: 6px; }
  .pw-bar__logo { gap: 8px; padding: 0 4px 0 8px; }
  .pw-bar__logo img { height: 22px; }
  .pw-bar__tag { display: inline-block; }
  .pw-bar__nav { display: none; }
  .pw-bar a.pw-bar__pic {
    display: inline-flex; align-items: center;
    min-height: 38px; padding: 0 12px; border-radius: 999px;
    color: var(--pw-muted); font-weight: 500; font-size: 13px; white-space: nowrap;
  }
  .pw-bar a.pw-bar__pic:hover { color: var(--pw-ink); background: var(--pw-tile2); }
  .pw-pill,
  .pw-bar .header__lang .dropdown-select .label { min-height: 38px; padding: 0 12px; font-size: 13px; }
  .cust-help .contr { padding: 0 10px; }
  .cust-help .help-search { padding-top: 32px; }
  .cust-help .nav { grid-template-columns: 1fr; margin-top: 24px; gap: 10px; }
  .cust-help .navlink { min-height: 170px; padding: 22px; border-radius: 22px; }
  .cust-help .navlink::after { top: 22px; right: 22px; }
  .cust-help .navlink .navlink__title { font-size: 22px; }
  .cust-help .article__heading,
  .cust-help .select__title { gap: 10px; margin-top: 24px; font-size: 24px; }
  .cust-help .article__heading .icon-in-circle { width: 36px; height: 36px; }
  .cust-help .form-submit-ticket { padding: 22px 18px 26px; border-radius: 22px; }
  .cust-help .form-submit-ticket .form-groups { max-width: none; }
  .cust-help .btn-full,
  .cust-help .form-footer .btn { width: 100%; min-width: 0; }
  .cust-help .ticket__body_block { padding: 20px 18px; }
  .pw-foot { width: calc(100% - 20px); flex-direction: column; }
}

@media (max-width: 520px) {
  .pw-bar .pw-pill--ghost { display: none; }
}

@media (max-width: 400px) {
  .pw-bar__logo img { height: 20px; }
  .pw-bar a.pw-bar__pic { padding-left: 8px; padding-right: 8px; }
}
@media (max-width: 650px) {
  .pw-bar__tag { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cust-help .navlink,
  .cust-help .navlink::after { transition: none; }
}