/* WYD Valon control panel rebuild */
:root {
  --valon-ui-bg: #05080b;
  --valon-ui-bg-2: #081019;
  --valon-ui-rail: #0b141c;
  --valon-ui-surface: #111b25;
  --valon-ui-surface-2: #172431;
  --valon-ui-line: rgba(126, 230, 214, .16);
  --valon-ui-line-strong: rgba(226, 199, 130, .34);
  --valon-ui-text: #f7f1e7;
  --valon-ui-muted: rgba(247, 241, 231, .66);
  --valon-ui-soft: rgba(247, 241, 231, .08);
  --valon-ui-accent: #3fd0c1;
  --valon-ui-gold: #e8c56f;
  --valon-ui-red: #d6574a;
  --valon-ui-green: #8edb8d;
  --valon-ui-sidebar: 306px;
  --valon-ui-header: 74px;
  --valon-ui-content: 1560px;
  --valon-ui-radius: 8px;
}

/* Server event schedule editor */
body.valon-panel-body .valon-schedule-editor {
  width: min(var(--valon-ui-content), calc(100vw - var(--valon-ui-sidebar) - 48px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 64px !important;
}

body.valon-panel-body .valon-schedule-heading {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding: 22px !important;
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    radial-gradient(circle at top right, rgba(63, 208, 193, .16), transparent 34%),
    linear-gradient(135deg, rgba(12, 24, 33, .96), rgba(23, 20, 15, .94)) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .28) !important;
}

body.valon-panel-body .valon-schedule-heading span,
body.valon-panel-body .valon-schedule-status-grid span,
body.valon-panel-body .valon-schedule-alert strong,
body.valon-panel-body .valon-schedule-card header span,
body.valon-panel-body .valon-schedule-days > span,
body.valon-panel-body .valon-schedule-time-head span,
body.valon-panel-body .valon-schedule-options span,
body.valon-panel-body .valon-schedule-public header span,
body.valon-panel-body .valon-schedule-savebar span,
body.valon-panel-body .valon-schedule-command span {
  display: block !important;
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-schedule-heading h1 {
  margin: 6px 0 8px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

body.valon-panel-body .valon-schedule-heading p,
body.valon-panel-body .valon-schedule-command small,
body.valon-panel-body .valon-schedule-status-grid small,
body.valon-panel-body .valon-schedule-card header small,
body.valon-panel-body .valon-schedule-options small,
body.valon-panel-body .valon-schedule-public header small {
  margin: 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.valon-panel-body .valon-schedule-command {
  width: min(360px, 100%) !important;
  padding: 16px !important;
  border: 1px solid rgba(232, 197, 111, .24) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .58) !important;
}

body.valon-panel-body .valon-schedule-command strong {
  display: block !important;
  margin: 7px 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 16px !important;
}

body.valon-panel-body .valon-schedule-status-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.valon-panel-body .valon-schedule-status-grid article,
body.valon-panel-body .valon-schedule-card,
body.valon-panel-body .valon-schedule-public,
body.valon-panel-body .valon-schedule-savebar,
body.valon-panel-body .valon-schedule-alert {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)),
    rgba(13, 22, 30, .94) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
}

body.valon-panel-body .valon-schedule-status-grid article {
  min-height: 116px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-schedule-status-grid strong,
body.valon-panel-body .valon-schedule-card header strong,
body.valon-panel-body .valon-schedule-time-head strong,
body.valon-panel-body .valon-schedule-public header strong,
body.valon-panel-body .valon-schedule-savebar strong {
  display: block !important;
  margin: 5px 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .valon-schedule-status-grid small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-schedule-alert {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
  border-color: rgba(232, 197, 111, .28) !important;
  background:
    linear-gradient(135deg, rgba(232, 197, 111, .12), rgba(63, 208, 193, .04)),
    rgba(16, 20, 23, .94) !important;
}

body.valon-panel-body .valon-schedule-alert span {
  color: rgba(247, 241, 231, .78) !important;
  font-size: 13px !important;
}

body.valon-panel-body .valon-schedule-form {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-schedule-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-schedule-card {
  overflow: hidden !important;
}

body.valon-panel-body .valon-schedule-card header,
body.valon-panel-body .valon-schedule-public header,
body.valon-panel-body .valon-schedule-savebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px !important;
  border-bottom: 1px solid var(--valon-ui-line) !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .08), rgba(232, 197, 111, .07)),
    rgba(8, 15, 21, .82) !important;
}

body.valon-panel-body .valon-schedule-card header > div,
body.valon-panel-body .valon-event-reward-group header > div {
  min-width: 0 !important;
}

body.valon-panel-body .valon-schedule-card-body {
  display: grid !important;
  gap: 16px !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-schedule-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(63, 208, 193, .28) !important;
  border-radius: 999px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(63, 208, 193, .08) !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-schedule-days {
  display: grid !important;
  gap: 9px !important;
}

body.valon-panel-body .valon-schedule-days > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-schedule-days label {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(247, 241, 231, .09) !important;
  border-radius: 7px !important;
  color: rgba(247, 241, 231, .84) !important;
  background: rgba(4, 8, 11, .42) !important;
  font-size: 12px !important;
}

body.valon-panel-body .valon-schedule-time-box {
  display: grid !important;
  gap: 12px !important;
}

body.valon-panel-body .valon-schedule-time-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.valon-panel-body .valon-schedule-time-list {
  display: grid !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-schedule-time-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

body.valon-panel-body .valon-schedule-options {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-schedule-options label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-event-rewards {
  border: 1px solid rgba(232, 197, 111, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(135deg, rgba(232, 197, 111, .07), rgba(63, 208, 193, .045)),
    rgba(5, 10, 14, .62) !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-event-rewards summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(232, 197, 111, .14) !important;
}

body.valon-panel-body .valon-event-rewards summary::-webkit-details-marker {
  display: none !important;
}

body.valon-panel-body .valon-event-rewards summary::after {
  content: "\\f078" !important;
  color: var(--valon-ui-gold) !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  transition: transform .18s ease !important;
}

body.valon-panel-body .valon-event-rewards[open] summary::after {
  transform: rotate(180deg) !important;
}

body.valon-panel-body .valon-event-rewards summary span,
body.valon-panel-body .valon-event-reward-group header span,
body.valon-panel-body .valon-event-reward-values span,
body.valon-panel-body .valon-event-reward-row span,
body.valon-panel-body .valon-event-reward-items-head span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-event-rewards summary strong,
body.valon-panel-body .valon-event-reward-group header strong {
  color: var(--valon-ui-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-event-reward-groups {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
}

body.valon-panel-body .valon-event-reward-group {
  border: 1px solid rgba(63, 208, 193, .13) !important;
  border-radius: 7px !important;
  background: rgba(8, 15, 21, .72) !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-event-reward-group header,
body.valon-panel-body .valon-event-reward-items-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px !important;
  border-bottom: 1px solid rgba(63, 208, 193, .1) !important;
  background: rgba(3, 7, 10, .42) !important;
}

body.valon-panel-body .valon-event-reward-values {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.valon-panel-body .valon-event-reward-values label,
body.valon-panel-body .valon-event-reward-row label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-event-reward-message {
  grid-column: 1 / -1 !important;
}

body.valon-panel-body .valon-event-reward-message small {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

body.valon-panel-body .valon-event-reward-items {
  display: grid !important;
  gap: 8px !important;
  padding-bottom: 12px !important;
}

body.valon-panel-body .valon-event-reward-row {
  display: grid !important;
  grid-template-columns: 44px minmax(110px, .75fr) minmax(210px, 1.1fr) minmax(115px, .7fr) minmax(220px, 1.25fr) minmax(126px, auto) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 0 12px !important;
}

body.valon-panel-body .valon-event-reward-items[data-arena="1"] .valon-event-reward-row {
  grid-template-columns: 44px minmax(110px, .75fr) minmax(210px, 1.1fr) minmax(220px, 1.25fr) minmax(126px, auto) !important;
}

body.valon-panel-body .valon-event-reward-check {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 18px !important;
}

body.valon-panel-body .valon-event-reward-row small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-event-reward-row .form-control {
  width: 100% !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-schedule-editor .form-control {
  height: 38px !important;
  border: 1px solid rgba(232, 197, 111, .18) !important;
  border-radius: 7px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(3, 7, 10, .82) !important;
  box-shadow: none !important;
}

body.valon-panel-body .valon-schedule-editor .form-control:focus {
  border-color: rgba(63, 208, 193, .55) !important;
  box-shadow: 0 0 0 3px rgba(63, 208, 193, .12) !important;
}

body.valon-panel-body .valon-schedule-editor .btn {
  min-height: 38px !important;
  border-radius: 7px !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-schedule-editor .btn-primary {
  border-color: rgba(232, 197, 111, .65) !important;
  color: #0d1216 !important;
  background: linear-gradient(135deg, #f0ce78, #42d6c6) !important;
}

body.valon-panel-body .valon-schedule-editor .btn-secondary {
  border-color: rgba(63, 208, 193, .26) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(63, 208, 193, .11) !important;
}

body.valon-panel-body .valon-schedule-editor .btn-default {
  border-color: rgba(247, 241, 231, .1) !important;
  color: rgba(247, 241, 231, .78) !important;
  background: rgba(247, 241, 231, .05) !important;
}

body.valon-panel-body .valon-schedule-editor .js-event-remove-time,
body.valon-panel-body .valon-schedule-editor .js-event-remove-reward {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 112px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-schedule-editor .js-event-remove-time span,
body.valon-panel-body .valon-schedule-editor .js-event-remove-reward span {
  display: inline-block !important;
}

body.valon-panel-body .valon-schedule-public {
  overflow: hidden !important;
}

body.valon-panel-body .valon-schedule-public-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-schedule-public-list article {
  display: grid !important;
  gap: 4px !important;
  min-height: 86px !important;
  padding: 12px !important;
  border: 1px solid rgba(63, 208, 193, .13) !important;
  border-radius: 7px !important;
  background: rgba(4, 8, 11, .42) !important;
}

body.valon-panel-body .valon-schedule-public-list strong {
  color: var(--valon-ui-text) !important;
  font-size: 14px !important;
}

body.valon-panel-body .valon-schedule-public-list span,
body.valon-panel-body .valon-schedule-public-list time {
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
}

body.valon-panel-body .valon-schedule-public-list time {
  color: var(--valon-ui-gold) !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-schedule-savebar {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  margin-top: 4px !important;
  border-bottom: 0 !important;
}

@media (max-width: 1199.98px) {
  body.valon-panel-body .valon-schedule-editor {
    width: min(100%, calc(100vw - 32px)) !important;
  }

  body.valon-panel-body .valon-schedule-status-grid,
  body.valon-panel-body .valon-schedule-public-list,
  body.valon-panel-body .valon-event-reward-values,
  body.valon-panel-body .valon-event-reward-row,
  body.valon-panel-body .valon-event-reward-items[data-arena="1"] .valon-event-reward-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-event-reward-check {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-schedule-heading,
  body.valon-panel-body .valon-schedule-card header,
  body.valon-panel-body .valon-schedule-time-head,
  body.valon-panel-body .valon-event-rewards summary,
  body.valon-panel-body .valon-event-reward-group header,
  body.valon-panel-body .valon-event-reward-items-head,
  body.valon-panel-body .valon-schedule-public header,
  body.valon-panel-body .valon-schedule-savebar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-schedule-status-grid,
  body.valon-panel-body .valon-schedule-grid,
  body.valon-panel-body .valon-schedule-days > div,
  body.valon-panel-body .valon-schedule-time-row,
  body.valon-panel-body .valon-schedule-options,
  body.valon-panel-body .valon-event-reward-values,
  body.valon-panel-body .valon-event-reward-row,
  body.valon-panel-body .valon-event-reward-items[data-arena="1"] .valon-event-reward-row,
  body.valon-panel-body .valon-schedule-public-list {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-schedule-editor .btn,
  body.valon-panel-body .valon-schedule-command {
    width: 100% !important;
  }
}

/* Experience editor */
body.valon-panel-body .valon-exp-editor {
  width: min(var(--valon-ui-content), calc(100vw - var(--valon-ui-sidebar) - 72px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 64px !important;
}

body.valon-panel-body .valon-exp-heading {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding: 22px !important;
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .13), rgba(232, 197, 111, .08)),
    rgba(12, 22, 30, .92) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .28) !important;
}

body.valon-panel-body .valon-exp-heading span,
body.valon-panel-body .valon-exp-status-grid span,
body.valon-panel-body .valon-exp-card > header span,
body.valon-panel-body .valon-exp-group-head span,
body.valon-panel-body .valon-exp-table-head span,
body.valon-panel-body .valon-exp-savebar span,
body.valon-panel-body .valon-exp-command span {
  display: block !important;
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-exp-heading h1 {
  margin: 6px 0 8px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

body.valon-panel-body .valon-exp-heading p,
body.valon-panel-body .valon-exp-group-head small,
body.valon-panel-body .valon-exp-command small,
body.valon-panel-body .valon-exp-status-grid small,
body.valon-panel-body .valon-exp-rate small,
body.valon-panel-body .valon-exp-area-picker small {
  margin: 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.valon-panel-body .valon-exp-command {
  width: min(320px, 100%) !important;
  padding: 16px !important;
  border: 1px solid rgba(232, 197, 111, .24) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .52) !important;
}

body.valon-panel-body .valon-exp-command strong {
  display: block !important;
  margin: 7px 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 18px !important;
}

body.valon-panel-body .valon-exp-status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.valon-panel-body .valon-exp-status-grid article,
body.valon-panel-body .valon-exp-card,
body.valon-panel-body .valon-exp-savebar,
body.valon-panel-body .valon-exp-alert {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)),
    rgba(13, 22, 30, .94) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
}

body.valon-panel-body .valon-exp-status-grid article {
  min-height: 116px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-exp-status-grid strong,
body.valon-panel-body .valon-exp-card > header strong,
body.valon-panel-body .valon-exp-group-head strong,
body.valon-panel-body .valon-exp-savebar strong,
body.valon-panel-body .valon-exp-alert strong {
  display: block !important;
  margin: 5px 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .valon-exp-alert {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
  border-color: rgba(232, 197, 111, .28) !important;
  background:
    linear-gradient(135deg, rgba(232, 197, 111, .12), rgba(63, 208, 193, .04)),
    rgba(16, 20, 23, .94) !important;
}

body.valon-panel-body .valon-exp-alert span {
  color: rgba(247, 241, 231, .76) !important;
  font-size: 13px !important;
}

body.valon-panel-body .valon-exp-form {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-exp-card {
  overflow: hidden !important;
}

body.valon-panel-body .valon-exp-card > header,
body.valon-panel-body .valon-exp-savebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-exp-card > header {
  border-bottom: 1px solid var(--valon-ui-line) !important;
  background: rgba(7, 13, 18, .74) !important;
}

body.valon-panel-body .valon-exp-area-groups {
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
}

body.valon-panel-body .valon-exp-area-group {
  overflow: hidden !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 12, .54) !important;
}

body.valon-panel-body .valon-exp-area-group[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-exp-group-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .08), rgba(232, 197, 111, .05)),
    rgba(8, 14, 19, .86) !important;
}

body.valon-panel-body .valon-exp-group-head .btn {
  flex: 0 0 auto !important;
}

body.valon-panel-body .valon-exp-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-exp-actions .form-control {
  width: 260px !important;
  max-width: 34vw !important;
}

body.valon-panel-body .valon-exp-table {
  overflow-x: auto !important;
}

body.valon-panel-body .valon-exp-table-head,
body.valon-panel-body .valon-exp-area-row,
body.valon-panel-body .valon-exp-rule-row {
  display: grid !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 980px !important;
  padding: 10px 14px !important;
}

body.valon-panel-body .valon-exp-area-table .valon-exp-table-head,
body.valon-panel-body .valon-exp-area-row {
  grid-template-columns: 92px minmax(180px, 1.4fr) repeat(4, 112px) 118px !important;
  min-width: 1060px !important;
}

body.valon-panel-body .valon-exp-rule-table .valon-exp-table-head,
body.valon-panel-body .valon-exp-rule-row {
  grid-template-columns: 148px 100px 100px minmax(160px, 1.2fr) 100px 100px 128px 118px !important;
  min-width: 1120px !important;
}

body.valon-panel-body .valon-exp-table-head {
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background: rgba(6, 10, 14, .78) !important;
}

body.valon-panel-body .valon-exp-area-row,
body.valon-panel-body .valon-exp-rule-row {
  min-height: 66px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .08) !important;
  background: rgba(5, 9, 13, .4) !important;
}

body.valon-panel-body .valon-exp-area-row:nth-child(even),
body.valon-panel-body .valon-exp-rule-row:nth-child(even) {
  background: rgba(255, 255, 255, .025) !important;
}

body.valon-panel-body .valon-exp-rule-row[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-exp-empty-row {
  min-width: 1120px !important;
  padding: 18px 14px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .08) !important;
  color: var(--valon-ui-muted) !important;
  font-size: 13px !important;
  text-align: center !important;
}

body.valon-panel-body .valon-exp-empty-row[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-exp-editor .form-control {
  width: 100% !important;
  min-height: 38px !important;
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: 6px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(2, 6, 9, .78) !important;
  box-shadow: none !important;
}

body.valon-panel-body .valon-exp-editor .form-control:focus {
  border-color: rgba(63, 208, 193, .62) !important;
  box-shadow: 0 0 0 3px rgba(63, 208, 193, .12) !important;
}

body.valon-panel-body .valon-exp-editor .btn {
  min-height: 38px !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-exp-editor .btn-primary,
body.valon-panel-body .valon-exp-editor .btn-secondary {
  border: 1px solid rgba(232, 197, 111, .42) !important;
  color: #11130d !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), #f4dda0) !important;
}

body.valon-panel-body .valon-exp-editor .btn-default {
  border: 1px solid rgba(126, 230, 214, .18) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.valon-panel-body .valon-exp-remove-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-exp-remove-btn span {
  color: var(--valon-ui-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-exp-area-picker {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-exp-rate {
  min-height: 42px !important;
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(232, 197, 111, .2) !important;
  border-radius: 6px !important;
  background: rgba(232, 197, 111, .08) !important;
}

body.valon-panel-body .valon-exp-rate strong {
  color: var(--valon-ui-gold) !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-exp-savebar {
  position: sticky !important;
  bottom: 16px !important;
  z-index: 4 !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .09), rgba(232, 197, 111, .08)),
    rgba(9, 16, 22, .96) !important;
}

@media (max-width: 1199.98px) {
  body.valon-panel-body .valon-exp-editor {
    width: min(100%, calc(100vw - 32px)) !important;
  }

  body.valon-panel-body .valon-exp-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-exp-heading,
  body.valon-panel-body .valon-exp-group-head,
  body.valon-panel-body .valon-exp-card > header,
  body.valon-panel-body .valon-exp-savebar,
  body.valon-panel-body .valon-exp-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-exp-command,
  body.valon-panel-body .valon-exp-actions .form-control,
  body.valon-panel-body .valon-exp-group-head .btn,
  body.valon-panel-body .valon-exp-editor .btn {
    width: 100% !important;
    max-width: none !important;
  }

  body.valon-panel-body .valon-exp-status-grid {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-exp-table-head,
  body.valon-panel-body .valon-exp-area-row,
  body.valon-panel-body .valon-exp-rule-row,
  body.valon-panel-body .valon-exp-empty-row {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-exp-table-head {
    display: none !important;
  }
}

/* Quest item editor */
body.valon-panel-body .valon-quest-info {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(63, 208, 193, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(10, 26, 31, .78) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.valon-panel-body .valon-quest-info i {
  flex: 0 0 auto !important;
  margin-top: 2px !important;
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-quest-info strong {
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .valon-quest-table-wrap {
  overflow-x: auto !important;
}

body.valon-panel-body .valon-quest-table-head,
body.valon-panel-body .valon-quest-row {
  display: grid !important;
  grid-template-columns: 100px minmax(180px, 1.5fr) 120px 120px 140px 140px 100px 112px !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 1110px !important;
  padding: 10px 14px !important;
}

body.valon-panel-body .valon-quest-table-head {
  color: var(--valon-ui-gold) !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background: rgba(6, 10, 14, .78) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-quest-row {
  min-height: 66px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .08) !important;
  background: rgba(5, 9, 13, .4) !important;
}

body.valon-panel-body .valon-quest-row:nth-child(even) {
  background: rgba(255, 255, 255, .025) !important;
}

body.valon-panel-body .valon-quest-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 38px !important;
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-quest-toggle input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-quest-editor code {
  color: var(--valon-ui-gold) !important;
  font-family: Consolas, "Courier New", monospace !important;
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-quest-table-head {
    display: none !important;
  }

  body.valon-panel-body .valon-quest-row {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    padding: 14px !important;
  }

  body.valon-panel-body .valon-quest-toggle,
  body.valon-panel-body .valon-quest-row .btn {
    width: 100% !important;
  }
}

/* Lucky bag and costume editor */
body.valon-panel-body .valon-reward-editor {
  width: min(var(--valon-ui-content), calc(100vw - var(--valon-ui-sidebar) - 72px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 64px !important;
}

body.valon-panel-body .valon-reward-heading {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding: 22px !important;
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    radial-gradient(circle at top left, rgba(63, 208, 193, .14), transparent 36%),
    linear-gradient(135deg, rgba(232, 197, 111, .11), rgba(10, 18, 25, .94)) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .28) !important;
}

body.valon-panel-body .valon-reward-heading span,
body.valon-panel-body .valon-reward-status-grid span,
body.valon-panel-body .valon-reward-card > header span,
body.valon-panel-body .valon-reward-group-head span,
body.valon-panel-body .valon-reward-table-head span,
body.valon-panel-body .valon-reward-savebar span,
body.valon-panel-body .valon-reward-command span {
  display: block !important;
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-reward-heading h1 {
  margin: 6px 0 8px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

body.valon-panel-body .valon-reward-heading p,
body.valon-panel-body .valon-reward-command small,
body.valon-panel-body .valon-reward-status-grid small,
body.valon-panel-body .valon-reward-group-head small,
body.valon-panel-body .valon-reward-item-picker small,
body.valon-panel-body .valon-reward-mini-field small {
  margin: 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.valon-panel-body .valon-reward-command-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
  gap: 10px !important;
  width: min(520px, 100%) !important;
}

body.valon-panel-body .valon-reward-command {
  padding: 15px !important;
  border: 1px solid rgba(232, 197, 111, .24) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .54) !important;
}

body.valon-panel-body .valon-reward-command strong {
  display: block !important;
  margin: 7px 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 16px !important;
}

body.valon-panel-body .valon-reward-status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.valon-panel-body .valon-reward-status-grid article,
body.valon-panel-body .valon-reward-card,
body.valon-panel-body .valon-reward-savebar,
body.valon-panel-body .valon-reward-alert {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)),
    rgba(13, 22, 30, .94) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
}

body.valon-panel-body .valon-reward-status-grid article {
  min-height: 116px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-reward-status-grid strong,
body.valon-panel-body .valon-reward-card > header strong,
body.valon-panel-body .valon-reward-group-head strong,
body.valon-panel-body .valon-reward-savebar strong,
body.valon-panel-body .valon-reward-alert strong {
  display: block !important;
  margin: 5px 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .valon-reward-alert {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
  border-color: rgba(232, 197, 111, .28) !important;
  background:
    linear-gradient(135deg, rgba(232, 197, 111, .12), rgba(63, 208, 193, .04)),
    rgba(16, 20, 23, .94) !important;
}

body.valon-panel-body .valon-reward-alert span {
  color: rgba(247, 241, 231, .76) !important;
  font-size: 13px !important;
}

body.valon-panel-body .valon-reward-form {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-reward-card {
  overflow: hidden !important;
}

body.valon-panel-body .valon-reward-card > header,
body.valon-panel-body .valon-reward-savebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-reward-card > header {
  border-bottom: 1px solid var(--valon-ui-line) !important;
  background: rgba(7, 13, 18, .74) !important;
}

body.valon-panel-body .valon-reward-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-reward-actions .form-control {
  width: 270px !important;
  max-width: 34vw !important;
}

body.valon-panel-body .valon-reward-lucky-groups {
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
}

body.valon-panel-body .valon-reward-group {
  overflow: hidden !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 12, .54) !important;
}

body.valon-panel-body .valon-reward-group[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-reward-group-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .08), rgba(232, 197, 111, .05)),
    rgba(8, 14, 19, .86) !important;
}

body.valon-panel-body .valon-reward-table {
  overflow-x: auto !important;
}

body.valon-panel-body .valon-reward-table-head,
body.valon-panel-body .valon-reward-row {
  display: grid !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
}

body.valon-panel-body .valon-lucky-head,
body.valon-panel-body .valon-lucky-row {
  grid-template-columns: 92px minmax(190px, 1.4fr) repeat(6, 78px) 118px !important;
  min-width: 1040px !important;
}

body.valon-panel-body .valon-traje-head,
body.valon-panel-body .valon-traje-row {
  grid-template-columns: minmax(260px, 1.5fr) 130px 120px 120px 118px !important;
  min-width: 760px !important;
}

body.valon-panel-body .valon-reward-table-head {
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background: rgba(6, 10, 14, .78) !important;
}

body.valon-panel-body .valon-reward-row {
  min-height: 66px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .08) !important;
  background: rgba(5, 9, 13, .4) !important;
}

body.valon-panel-body .valon-reward-row:nth-child(even) {
  background: rgba(255, 255, 255, .025) !important;
}

body.valon-panel-body .valon-reward-row[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-reward-empty {
  min-width: 760px !important;
  padding: 18px 14px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .08) !important;
  color: var(--valon-ui-muted) !important;
  font-size: 13px !important;
  text-align: center !important;
}

body.valon-panel-body .valon-reward-empty[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-reward-editor .form-control {
  width: 100% !important;
  min-height: 38px !important;
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: 6px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(2, 6, 9, .78) !important;
  box-shadow: none !important;
}

body.valon-panel-body .valon-reward-editor .form-control:focus {
  border-color: rgba(63, 208, 193, .62) !important;
  box-shadow: 0 0 0 3px rgba(63, 208, 193, .12) !important;
}

body.valon-panel-body .valon-reward-editor .btn {
  min-height: 38px !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-reward-editor .btn-primary,
body.valon-panel-body .valon-reward-editor .btn-secondary {
  border: 1px solid rgba(232, 197, 111, .42) !important;
  color: #11130d !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), #f4dda0) !important;
}

body.valon-panel-body .valon-reward-editor .btn-default {
  border: 1px solid rgba(126, 230, 214, .18) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.valon-panel-body .valon-reward-item-picker,
body.valon-panel-body .valon-reward-mini-field {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-reward-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-reward-remove span {
  color: var(--valon-ui-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-reward-savebar {
  position: sticky !important;
  bottom: 16px !important;
  z-index: 4 !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .09), rgba(232, 197, 111, .08)),
    rgba(9, 16, 22, .96) !important;
}

@media (max-width: 1199.98px) {
  body.valon-panel-body .valon-reward-editor {
    width: min(100%, calc(100vw - 32px)) !important;
  }

  body.valon-panel-body .valon-reward-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-reward-command-grid {
    grid-template-columns: 1fr !important;
    width: min(340px, 100%) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-reward-heading,
  body.valon-panel-body .valon-reward-card > header,
  body.valon-panel-body .valon-reward-group-head,
  body.valon-panel-body .valon-reward-savebar,
  body.valon-panel-body .valon-reward-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-reward-actions .form-control,
  body.valon-panel-body .valon-reward-editor .btn {
    width: 100% !important;
    max-width: none !important;
  }

  body.valon-panel-body .valon-reward-status-grid {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-reward-table-head,
  body.valon-panel-body .valon-reward-row,
  body.valon-panel-body .valon-reward-empty {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-reward-table-head {
    display: none !important;
  }
}

.valon-wordmark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--valon-ui-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.valon-wordmark strong {
  color: var(--valon-ui-text) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.valon-wordmark em {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border-radius: 3px !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), #f7e9ac) !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1 !important;
}

html.fixed,
html.has-tab-navigation,
html.has-tab-navigation body,
body.valon-auth-body,
body.valon-panel-body {
  width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  overflow-x: hidden !important;
}

body.valon-auth-body,
body.valon-panel-body {
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(63, 208, 193, .14), transparent 32%),
    radial-gradient(circle at 85% 8%, rgba(232, 197, 111, .12), transparent 28%),
    linear-gradient(180deg, #05080b 0%, #071016 52%, #05080b 100%) !important;
  font-family: Inter, Arial, sans-serif !important;
}

body.valon-auth-body i.fa,
body.valon-auth-body i.fas,
body.valon-panel-body i.fa,
body.valon-panel-body i.fas {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}

body.valon-auth-body i.fa::before,
body.valon-auth-body i.fas::before,
body.valon-panel-body i.fa::before,
body.valon-panel-body i.fas::before {
  content: "" !important;
  display: inline-block !important;
  width: .72em !important;
  height: .72em !important;
  border: 2px solid currentColor !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  transform: rotate(45deg) !important;
}

body.valon-auth-body i.fa-bars::before,
body.valon-panel-body i.fa-bars::before {
  width: 1em !important;
  height: .74em !important;
  border: 0 !important;
  border-top: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  border-radius: 0 !important;
  box-shadow: 0 .27em 0 currentColor !important;
  transform: none !important;
}

body.valon-auth-body i.fa-circle::before,
body.valon-panel-body i.fa-circle::before,
body.valon-auth-body i.fa-power-off::before,
body.valon-panel-body i.fa-power-off::before {
  border-radius: 50% !important;
  transform: none !important;
}

body.valon-auth-body i.fa-arrow-right::before,
body.valon-panel-body i.fa-arrow-right::before,
body.valon-auth-body i.fa-external-link-alt::before,
body.valon-panel-body i.fa-external-link-alt::before,
body.valon-auth-body i.fa-share-alt::before,
body.valon-panel-body i.fa-share-alt::before {
  width: .72em !important;
  height: .72em !important;
  border-width: 2px 2px 0 0 !important;
  border-radius: 0 !important;
  transform: rotate(45deg) !important;
}

body.valon-auth-body i.fa-check::before,
body.valon-panel-body i.fa-check::before {
  width: .82em !important;
  height: .48em !important;
  border-width: 0 0 2px 2px !important;
  border-radius: 0 !important;
  transform: rotate(-45deg) !important;
}

/* Login */
body.valon-auth-body .valon-login-shell {
  position: relative !important;
  min-height: 100vh !important;
  display: grid !important;
  place-items: center !important;
  padding: 42px 24px !important;
  background:
    linear-gradient(90deg, rgba(5, 8, 11, .9), rgba(5, 8, 11, .56)),
    url("../images/315650.jpg") center / cover fixed !important;
}

body.valon-auth-body .valon-login-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .12) 1px, transparent 1px),
    linear-gradient(0deg, rgba(63, 208, 193, .08) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.38), transparent 72%) !important;
}

body.valon-auth-body .valon-login-layout {
  position: relative !important;
  z-index: 1 !important;
  width: min(1120px, calc(100vw - 48px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body.valon-auth-body .valon-login-brand {
  position: absolute !important;
  top: -46px !important;
  left: 0 !important;
  text-decoration: none !important;
}

body.valon-auth-body .valon-login-visual,
body.valon-auth-body .valon-login-panel {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(13, 24, 32, .88) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.36) !important;
}

body.valon-auth-body .valon-login-visual {
  min-height: 560px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 42px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(9, 16, 22, .25), rgba(7, 11, 15, .92)),
    url("../images/top-bg.jpg") center / cover !important;
}

body.valon-auth-body .valon-login-kicker,
body.valon-auth-body .valon-login-panel-head span {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  color: #11130d !important;
  background: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-auth-body .valon-login-visual h1 {
  max-width: 580px !important;
  margin: 18px 0 14px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: clamp(44px, 6vw, 76px) !important;
  line-height: .95 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-auth-body .valon-login-visual p {
  max-width: 620px !important;
  margin: 0 0 28px !important;
  color: rgba(247, 241, 231, .74) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

body.valon-auth-body .valon-login-route-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border: 1px solid rgba(126, 230, 214, .22) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(5, 10, 13, .6) !important;
  overflow: hidden !important;
}

body.valon-auth-body .valon-login-route-grid div {
  min-height: 88px !important;
  padding: 16px !important;
  border-right: 1px solid rgba(126, 230, 214, .16) !important;
}

body.valon-auth-body .valon-login-route-grid div:last-child {
  border-right: 0 !important;
}

body.valon-auth-body .valon-login-route-grid strong,
body.valon-auth-body .valon-login-route-grid span {
  display: block !important;
}

body.valon-auth-body .valon-login-route-grid strong {
  color: var(--valon-ui-accent) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-auth-body .valon-login-route-grid span {
  margin-top: 8px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.valon-auth-body .valon-login-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 34px !important;
}

body.valon-auth-body .valon-login-panel-head {
  margin-bottom: 24px !important;
}

body.valon-auth-body .valon-login-panel-head h2 {
  margin: 14px 0 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 30px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-auth-body .valon-login-panel .alert {
  margin: 0 0 18px !important;
  border: 1px solid rgba(232, 197, 111, .32) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(90deg, rgba(232, 197, 111, .11), rgba(63, 208, 193, .04)),
    rgba(4, 8, 11, .72) !important;
}

body.valon-auth-body .valon-login-form {
  display: grid !important;
  gap: 16px !important;
}

.valon-field {
  position: relative !important;
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

.valon-field span {
  color: rgba(247, 241, 231, .78) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.valon-field i {
  position: absolute !important;
  right: 16px !important;
  bottom: 15px !important;
  color: var(--valon-ui-gold) !important;
  pointer-events: none !important;
}

.valon-field input,
.valon-field textarea,
.valon-field select {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 44px 0 14px !important;
  border: 1px solid rgba(226, 199, 130, .18) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(4, 8, 11, .78) !important;
  outline: none !important;
}

.valon-field input:focus,
.valon-field textarea:focus,
.valon-field select:focus {
  border-color: rgba(63, 208, 193, .58) !important;
  box-shadow: 0 0 0 3px rgba(63, 208, 193, .12) !important;
}

body.valon-auth-body .valon-login-options {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 13px !important;
}

body.valon-auth-body .valon-login-options label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.valon-auth-body .valon-login-options a,
body.valon-auth-body .valon-login-create {
  color: var(--valon-ui-gold) !important;
  font-weight: 800 !important;
}

body.valon-auth-body .valon-login-submit,
body.valon-auth-body .valon-login-create {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  border-radius: var(--valon-ui-radius) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-auth-body .valon-login-submit {
  border: 0 !important;
  color: #0c120f !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-auth-body .valon-login-create {
  border: 1px solid rgba(226, 199, 130, .24) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(255,255,255,.035) !important;
  text-decoration: none !important;
}

body.valon-auth-body .valon-login-footer {
  margin-top: 26px !important;
  color: rgba(247, 241, 231, .46) !important;
  text-align: center !important;
  font-size: 12px !important;
}

body.valon-auth-body .valon-login-modal .modal-content {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background: var(--valon-ui-surface) !important;
}

body.valon-auth-body .valon-login-modal .modal-header,
body.valon-auth-body .valon-login-modal .modal-footer {
  border-color: rgba(226, 199, 130, .16) !important;
}

body.valon-auth-body .valon-login-modal .close,
body.valon-auth-body .valon-modal-note {
  color: var(--valon-ui-muted) !important;
}

/* Panel shell */
body.valon-panel-body .valon-control-shell {
  min-height: 100vh !important;
  width: 100% !important;
  max-width: none !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .06), transparent 42%),
    linear-gradient(180deg, #060a0e, #081019 56%, #05080b) !important;
}

body.valon-panel-body .valon-control-topbar.header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 1200 !important;
  overflow: visible !important;
  height: var(--valon-ui-header) !important;
  display: grid !important;
  grid-template-columns: var(--valon-ui-sidebar) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 0 22px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(126, 230, 214, .16) !important;
  background: rgba(6, 11, 15, .96) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

body.valon-panel-body .valon-control-brandbar.logo-container {
  position: static !important;
  width: auto !important;
  height: var(--valon-ui-header) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 20px !important;
  border-right: 1px solid rgba(126, 230, 214, .14) !important;
  background: rgba(10, 20, 28, .74) !important;
}

body.valon-panel-body .valon-control-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

body.valon-panel-body .valon-control-brand small {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(126, 230, 214, .22) !important;
  border-radius: 999px !important;
  color: var(--valon-ui-accent) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-control-page-title {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-control-page-title span {
  color: var(--valon-ui-accent) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-control-page-title strong {
  color: var(--valon-ui-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-control-top-actions {
  position: relative !important;
  z-index: 1300 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-left: auto !important;
  overflow: visible !important;
}

body.valon-panel-body .valon-top-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(226, 199, 130, .18) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(255,255,255,.035) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-top-link:hover {
  color: #10100a !important;
  border-color: transparent !important;
  background: var(--valon-ui-gold) !important;
}

body.valon-panel-body .valon-control-user.userbox {
  position: relative !important;
  z-index: 1350 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.valon-panel-body .valon-control-user > a {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 4px 10px 4px 5px !important;
  border: 1px solid rgba(126, 230, 214, .18) !important;
  border-radius: 999px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(255,255,255,.04) !important;
}

body.valon-panel-body .valon-control-user::after {
  display: none !important;
}

body.valon-panel-body .valon-control-user .profile-picture {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .valon-control-user .profile-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.valon-panel-body .valon-control-user .profile-picture span {
  color: #10100a !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-control-user .profile-info {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-control-user .name,
body.valon-panel-body .valon-control-user .role {
  display: block !important;
  max-width: 150px !important;
  overflow: hidden !important;
  color: var(--valon-ui-text) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-control-user .name {
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-control-user .role {
  color: var(--valon-ui-accent) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-control-user .custom-caret {
  color: var(--valon-ui-gold) !important;
}

body.valon-panel-body .valon-control-user .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: auto !important;
  right: 0 !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 5000 !important;
  min-width: 220px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)),
    var(--valon-ui-surface) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.42) !important;
  will-change: transform !important;
}

body.valon-panel-body .valon-control-user.show .dropdown-menu,
body.valon-panel-body .valon-control-user .dropdown-menu.show {
  display: block !important;
}

body.valon-panel-body .valon-control-user .dropdown-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  color: var(--valon-ui-muted) !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-control-user .dropdown-menu a:hover {
  color: #10100a !important;
  background: var(--valon-ui-gold) !important;
}

body.valon-panel-body .valon-control-mainwrap.inner-wrapper {
  display: block !important;
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: var(--valon-ui-header) 0 0 var(--valon-ui-sidebar) !important;
  background: transparent !important;
}

body.valon-panel-body .valon-control-sidebar.wyd2-panel-nav,
body.valon-panel-body .tab-navigation.collapse.wyd2-panel-nav.valon-control-sidebar {
  position: fixed !important;
  z-index: 1100 !important;
  top: var(--valon-ui-header) !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  width: var(--valon-ui-sidebar) !important;
  height: calc(100vh - var(--valon-ui-header)) !important;
  padding: 18px !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-right: 1px solid rgba(126, 230, 214, .16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    var(--valon-ui-rail) !important;
  box-shadow: 22px 0 48px rgba(0,0,0,.2) !important;
}

body.valon-panel-body .valon-control-sidebar nav {
  display: grid !important;
  gap: 14px !important;
}

body.valon-panel-body .valon-sidebar-head {
  position: relative !important;
  min-height: 98px !important;
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 18px 18px 18px 72px !important;
  border: 1px solid rgba(226, 199, 130, .22) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(135deg, rgba(63, 208, 193, .16), transparent),
    rgba(255,255,255,.035) !important;
}

body.valon-panel-body .valon-sidebar-head::before {
  content: "V" !important;
  position: absolute !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  margin-left: -56px !important;
  border-radius: 7px !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-sidebar-head span,
body.valon-panel-body .valon-menu-title {
  color: var(--valon-ui-accent) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-sidebar-head strong {
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 26px !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-sidebar-head small {
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
}

body.valon-panel-body .valon-menu-block {
  display: grid !important;
  gap: 6px !important;
}

body.valon-panel-body .valon-menu-title {
  padding: 0 4px !important;
  color: rgba(232, 197, 111, .82) !important;
}

body.valon-panel-body .valon-control-sidebar .nav-link,
body.valon-panel-body .valon-control-sidebar .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: var(--valon-ui-radius) !important;
  color: rgba(247, 241, 231, .76) !important;
  background: rgba(255,255,255,.025) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.valon-panel-body .valon-control-sidebar .nav-link i,
body.valon-panel-body .valon-control-sidebar .dropdown-item i {
  width: 18px !important;
  color: var(--valon-ui-gold) !important;
  text-align: center !important;
}

body.valon-panel-body .valon-control-sidebar .nav-link:hover,
body.valon-panel-body .valon-control-sidebar .nav-link:focus,
body.valon-panel-body .valon-control-sidebar .nav-link.active,
body.valon-panel-body .valon-control-sidebar .dropdown-item:hover,
body.valon-panel-body .valon-control-sidebar .dropdown-item.active {
  border-color: rgba(63, 208, 193, .34) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .17), rgba(232, 197, 111, .08)),
    rgba(255,255,255,.04) !important;
}

body.valon-panel-body .valon-control-sidebar .nav-link.active i,
body.valon-panel-body .valon-control-sidebar .dropdown-item.active i {
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-admin-menu {
  margin-top: 6px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(226, 199, 130, .16) !important;
}

body.valon-panel-body .valon-menu-exit {
  margin-top: 4px !important;
}

body.valon-panel-body .valon-menu-exit .nav-link {
  color: var(--valon-ui-gold) !important;
  border-color: rgba(232, 197, 111, .22) !important;
}

/* Account modals and short pages must keep their own viewport flow. */
body.valon-panel-body {
  min-height: 100vh !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.valon-panel-body > .body.wyd2-panel-shell {
  flex: 1 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
}

body.valon-panel-body > .wyd2-panel-footer {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-top: auto !important;
}

body.valon-panel-body .valon-control-mainwrap,
body.valon-panel-body .body.wyd2-panel-shell .inner-wrapper {
  min-height: 0 !important;
  height: auto !important;
}

body.valon-panel-body .modal {
  z-index: 1400 !important;
}

body.valon-panel-body .modal-backdrop {
  z-index: 1350 !important;
}

body.valon-panel-body .modal-dialog.modal-dialog-centered {
  min-height: calc(100% - 2rem) !important;
  display: flex !important;
  align-items: center !important;
}

body.valon-panel-body .modal-dialog.modal-dialog-centered .modal-content {
  width: 100% !important;
  max-height: calc(100vh - 3rem) !important;
  overflow-y: auto !important;
}

body.valon-panel-body .modal-dialog {
  position: relative !important;
  z-index: 1401 !important;
}

body.valon-panel-body .modal-dialog .modal-content {
  position: relative !important;
  z-index: 1402 !important;
}

@media (max-width: 575.98px) {
  body.valon-panel-body .modal-dialog.modal-dialog-centered {
    min-height: calc(100% - 1rem) !important;
    margin: .5rem !important;
  }

  body.valon-panel-body .modal-dialog.modal-dialog-centered .modal-content {
    max-height: calc(100vh - 1rem) !important;
  }
}

body.valon-panel-body .valon-menu-toggle {
  width: 42px !important;
  height: 42px !important;
  display: none !important;
  place-items: center !important;
  border: 1px solid rgba(126, 230, 214, .24) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(255,255,255,.04) !important;
}

body.valon-panel-body .content-body,
body.valon-panel-body .content-body.tab-menu-opened,
body.valon-panel-body .wyd2-panel-shell .content-body,
body.valon-panel-body .wyd2-dashboard.content-body,
body.valon-panel-body .wyd2-dashboard-page.content-body {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: calc(100vh - var(--valon-ui-header)) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .055), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 260px) !important;
}

body.valon-panel-body .content-body > .row,
body.valon-panel-body .content-body > form > .row,
body.valon-panel-body .wyd2-dashboard-grid,
body.valon-panel-body .wyd2-dashboard-top,
body.valon-panel-body .wyd2-dashboard-full {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: -12px !important;
  margin-left: -12px !important;
}

body.valon-panel-body .content-body > .row > [class*="col-"],
body.valon-panel-body .content-body > form > .row > [class*="col-"],
body.valon-panel-body .wyd2-dashboard-grid > [class*="col-"],
body.valon-panel-body .wyd2-dashboard-full > [class*="col-"] {
  min-width: 0 !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}

@media (min-width: 992px) {
  body.valon-panel-body .content-body .col-lg-12 { flex: 0 0 100% !important; max-width: 100% !important; }
  body.valon-panel-body .content-body .col-lg-8 { flex: 0 0 66.666666% !important; max-width: 66.666666% !important; }
  body.valon-panel-body .content-body .col-lg-7 { flex: 0 0 58.333333% !important; max-width: 58.333333% !important; }
  body.valon-panel-body .content-body .col-lg-6 { flex: 0 0 50% !important; max-width: 50% !important; }
  body.valon-panel-body .content-body .col-lg-5 { flex: 0 0 41.666666% !important; max-width: 41.666666% !important; }
  body.valon-panel-body .content-body .col-lg-4 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
  body.valon-panel-body .content-body .col-lg-3 { flex: 0 0 25% !important; max-width: 25% !important; }
}

body.valon-panel-body .valon-page-hero,
body.valon-panel-body .wyd2-dashboard-hero,
body.valon-panel-body .content-body .card,
body.valon-panel-body .content-body .panel,
body.valon-panel-body .content-body .panel-body,
body.valon-panel-body .content-body .card-body,
body.valon-panel-body .wyd2-panel-card,
body.valon-panel-body .wyd2-panel-section,
body.valon-panel-body .wyd2-metric-card,
body.valon-panel-body .wyd2-admin-support,
body.valon-panel-body .wyd2-dashboard-full,
body.valon-panel-body .wyd2-finance-card,
body.valon-panel-body .wyd2-chart-card,
body.valon-panel-body .table-responsive {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    var(--valon-ui-surface) !important;
  box-shadow: none !important;
}

body.valon-panel-body .valon-page-hero,
body.valon-panel-body .wyd2-dashboard-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 18px !important;
  padding: 24px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .14), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    var(--valon-ui-surface) !important;
}

body.valon-panel-body .valon-page-hero h1,
body.valon-panel-body .wyd2-dashboard-hero h1,
body.valon-panel-body .content-body h1,
body.valon-panel-body .content-body h2,
body.valon-panel-body .content-body h3,
body.valon-panel-body .content-body h4,
body.valon-panel-body .content-body h5 {
  color: var(--valon-ui-text) !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .valon-page-hero h1,
body.valon-panel-body .wyd2-dashboard-hero h1 {
  margin: 6px 0 6px !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.05 !important;
}

body.valon-panel-body .valon-page-hero p,
body.valon-panel-body .wyd2-dashboard-hero p {
  margin: 0 !important;
  color: var(--valon-ui-muted) !important;
  line-height: 1.55 !important;
}

body.valon-panel-body .wyd2-kicker,
body.valon-panel-body .wyd2-date,
body.valon-panel-body .card-title,
body.valon-panel-body .title,
body.valon-panel-body .wyd2-metric-label,
body.valon-panel-body .wyd2-panel-card small,
body.valon-panel-body .wyd2-panel-section-head span {
  color: var(--valon-ui-accent) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .wyd2-panel-cards,
body.valon-panel-body .wyd2-admin-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-admin-metrics {
  grid-template-columns: repeat(6, minmax(140px, 1fr)) !important;
  width: 100% !important;
  padding: 0 12px !important;
}

body.valon-panel-body .wyd2-panel-card,
body.valon-panel-body .wyd2-metric-card {
  min-height: 112px !important;
  padding: 18px !important;
}

body.valon-panel-body .wyd2-panel-card-icon,
body.valon-panel-body .wyd2-metric-icon {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: 12px !important;
  border-radius: 7px !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
}

body.valon-panel-body .wyd2-panel-card strong,
body.valon-panel-body .wyd2-metric-value {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: var(--valon-ui-text) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .wyd2-metric-foot,
body.valon-panel-body .content-body small,
body.valon-panel-body .text-muted {
  color: var(--valon-ui-muted) !important;
}

body.valon-panel-body .content-body .card,
body.valon-panel-body .content-body .panel,
body.valon-panel-body .wyd2-panel-section,
body.valon-panel-body .wyd2-admin-support,
body.valon-panel-body .wyd2-finance-card,
body.valon-panel-body .wyd2-chart-card {
  margin-bottom: 18px !important;
  padding: 18px !important;
}

body.valon-panel-body .content-body .card-body {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.valon-panel-body .wyd2-panel-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .14) !important;
}

body.valon-panel-body .wyd2-panel-section-head h2 {
  margin: 4px 0 0 !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 24px !important;
}

body.valon-panel-body .table-responsive {
  width: 100% !important;
  padding: 0 !important;
  overflow-x: auto !important;
}

body.valon-panel-body .table {
  width: 100% !important;
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  background: transparent !important;
}

body.valon-panel-body .table thead th,
body.valon-panel-body .table-dark th {
  border-color: rgba(126, 230, 214, .12) !important;
  color: var(--valon-ui-gold) !important;
  background: rgba(5, 10, 13, .72) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .table td,
body.valon-panel-body .table th {
  border-color: rgba(126, 230, 214, .1) !important;
  vertical-align: middle !important;
}

body.valon-panel-body .table-striped tbody tr:nth-of-type(odd),
body.valon-panel-body .table-hover tbody tr:hover {
  background: rgba(255,255,255,.035) !important;
}

body.valon-panel-body .form-control,
body.valon-panel-body select,
body.valon-panel-body textarea,
body.valon-panel-body .input-group-text {
  min-height: 42px !important;
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(4, 8, 11, .72) !important;
}

body.valon-panel-body textarea.form-control,
body.valon-panel-body textarea {
  min-height: 130px !important;
}

body.valon-panel-body .form-control:focus,
body.valon-panel-body textarea:focus,
body.valon-panel-body select:focus {
  border-color: rgba(63, 208, 193, .58) !important;
  box-shadow: 0 0 0 3px rgba(63, 208, 193, .12) !important;
}

body.valon-panel-body label,
body.valon-panel-body .control-label {
  color: rgba(247, 241, 231, .78) !important;
  font-weight: 800 !important;
}

body.valon-panel-body .btn,
body.valon-panel-body button {
  border-radius: var(--valon-ui-radius) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .btn-primary,
body.valon-panel-body .btn-success,
body.valon-panel-body .btn-info,
body.valon-panel-body .btn-premium-solid {
  border-color: transparent !important;
  color: #0c120f !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .btn-dark,
body.valon-panel-body .btn-secondary,
body.valon-panel-body .btn-inverse,
body.valon-panel-body .btn-premium {
  border: 1px solid rgba(226, 199, 130, .22) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(255,255,255,.05) !important;
}

body.valon-panel-body .btn-danger {
  border: 1px solid rgba(232, 197, 111, .32) !important;
  color: var(--valon-ui-gold) !important;
  background:
    linear-gradient(180deg, rgba(232, 197, 111, .12), rgba(255,255,255,.018)),
    rgba(4, 8, 11, .7) !important;
  box-shadow: none !important;
}

body.valon-panel-body .btn-danger:hover,
body.valon-panel-body .btn-danger:focus {
  border-color: rgba(63, 208, 193, .44) !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
}

body.valon-panel-body .badge,
body.valon-panel-body .badge-pill,
body.valon-panel-body .label {
  border-radius: 999px !important;
  padding: .35rem .55rem !important;
}

body.valon-panel-body .label-danger,
body.valon-panel-body .badge-danger,
body.valon-panel-body .badge.bg-danger,
body.valon-panel-body .bg-danger,
body.valon-panel-body .text-danger,
body.valon-panel-body [style*="color:red"],
body.valon-panel-body [style*="color: red"] {
  border: 1px solid rgba(232, 197, 111, .28) !important;
  color: var(--valon-ui-gold) !important;
  background:
    linear-gradient(90deg, rgba(232, 197, 111, .12), rgba(63, 208, 193, .04)),
    rgba(4, 8, 11, .64) !important;
}

body.valon-panel-body .progress-wrap {
  height: 9px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.11) !important;
}

body.valon-panel-body .progress-fill {
  background: linear-gradient(90deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .content-body .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: -12px !important;
  margin-left: -12px !important;
}

body.valon-panel-body .content-body .row.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.valon-panel-body .content-body .row > [class*="col-"] {
  min-width: 0 !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}

body.valon-panel-body .content-body .row.no-gutters > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.valon-panel-body .content-body .col,
body.valon-panel-body .content-body .col-auto,
body.valon-panel-body .content-body .col-12,
body.valon-panel-body .content-body .col-sm-12,
body.valon-panel-body .content-body .col-md-12,
body.valon-panel-body .content-body .col-lg-12 {
  min-width: 0 !important;
}

@media (min-width: 576px) {
  body.valon-panel-body .content-body .col-sm-12 { flex: 0 0 100% !important; max-width: 100% !important; }
  body.valon-panel-body .content-body .col-sm-8 { flex: 0 0 66.666666% !important; max-width: 66.666666% !important; }
  body.valon-panel-body .content-body .col-sm-6 { flex: 0 0 50% !important; max-width: 50% !important; }
  body.valon-panel-body .content-body .col-sm-4 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
  body.valon-panel-body .content-body .col-sm-3 { flex: 0 0 25% !important; max-width: 25% !important; }
}

@media (min-width: 768px) {
  body.valon-panel-body .content-body .col-md-12 { flex: 0 0 100% !important; max-width: 100% !important; }
  body.valon-panel-body .content-body .col-md-10 { flex: 0 0 83.333333% !important; max-width: 83.333333% !important; }
  body.valon-panel-body .content-body .col-md-9 { flex: 0 0 75% !important; max-width: 75% !important; }
  body.valon-panel-body .content-body .col-md-8 { flex: 0 0 66.666666% !important; max-width: 66.666666% !important; }
  body.valon-panel-body .content-body .col-md-7 { flex: 0 0 58.333333% !important; max-width: 58.333333% !important; }
  body.valon-panel-body .content-body .col-md-6 { flex: 0 0 50% !important; max-width: 50% !important; }
  body.valon-panel-body .content-body .col-md-5 { flex: 0 0 41.666666% !important; max-width: 41.666666% !important; }
  body.valon-panel-body .content-body .col-md-4 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
  body.valon-panel-body .content-body .col-md-3 { flex: 0 0 25% !important; max-width: 25% !important; }
  body.valon-panel-body .content-body .col-md-2 { flex: 0 0 16.666666% !important; max-width: 16.666666% !important; }
}

body.valon-panel-body .card-header,
body.valon-panel-body .panel-heading,
body.valon-panel-body .mmorpg-panel-card-header,
body.valon-panel-body .mmorpg-cms-heading,
body.valon-panel-body .wyd2-panel-section-head {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(126, 230, 214, .14) !important;
  color: var(--valon-ui-text) !important;
  background: transparent !important;
}

body.valon-panel-body .card-title,
body.valon-panel-body .panel-title,
body.valon-panel-body .mmorpg-panel-card-header h2,
body.valon-panel-body .mmorpg-cms-heading h1 {
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

body.valon-panel-body .card-subtitle,
body.valon-panel-body .mmorpg-panel-card-header span,
body.valon-panel-body .mmorpg-panel-kicker,
body.valon-panel-body .mmorpg-cms-heading span {
  display: block !important;
  margin-bottom: 4px !important;
  color: var(--valon-ui-accent) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .form-group {
  margin-bottom: 16px !important;
}

body.valon-panel-body .form-horizontal .form-group {
  display: block !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.valon-panel-body .form-check,
body.valon-panel-body .checkbox,
body.valon-panel-body .radio {
  color: var(--valon-ui-muted) !important;
}

body.valon-panel-body input[type="checkbox"],
body.valon-panel-body input[type="radio"] {
  accent-color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

body.valon-panel-body .input-group .form-control {
  min-width: 0 !important;
}

body.valon-panel-body .input-group-btn .btn,
body.valon-panel-body .input-group-append .btn,
body.valon-panel-body .input-group-prepend .btn {
  min-height: 42px !important;
}

body.valon-panel-body .tabs,
body.valon-panel-body .tabs-primary,
body.valon-panel-body .tabs-secondary,
body.valon-panel-body .tabs-tertiary {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.valon-panel-body .nav-tabs,
body.valon-panel-body .nav-pills,
body.valon-panel-body .tabs .nav-tabs,
body.valon-panel-body .wyd2-shop-page .nav-tabs,
body.valon-panel-body .valon-guide-tabs,
body.valon-panel-body .wyd2-arena-tabs,
body.valon-panel-body .mmorpg-cms-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

body.valon-panel-body .nav-tabs .nav-item,
body.valon-panel-body .nav-pills .nav-item,
body.valon-panel-body .tabs .nav-tabs li,
body.valon-panel-body .mmorpg-cms-tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.valon-panel-body .nav-tabs .nav-link,
body.valon-panel-body .nav-tabs > li > a,
body.valon-panel-body .nav-pills .nav-link,
body.valon-panel-body .nav-pills > li > a,
body.valon-panel-body .tabs .nav-tabs .nav-link,
body.valon-panel-body .tabs .nav-tabs > li > a,
body.valon-panel-body .wyd2-shop-page .nav-tabs .nav-link,
body.valon-panel-body .valon-guide-tabs .nav-link,
body.valon-panel-body .wyd2-arena-tabs .nav-link,
body.valon-panel-body .mmorpg-cms-tabs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(126, 230, 214, .15) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)),
    rgba(7, 13, 16, .72) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.valon-panel-body .nav-tabs .nav-link:hover,
body.valon-panel-body .nav-tabs > li > a:hover,
body.valon-panel-body .nav-pills .nav-link:hover,
body.valon-panel-body .nav-pills > li > a:hover,
body.valon-panel-body .tabs .nav-tabs .nav-link:hover,
body.valon-panel-body .tabs .nav-tabs > li > a:hover,
body.valon-panel-body .wyd2-shop-page .nav-tabs .nav-link:hover,
body.valon-panel-body .valon-guide-tabs .nav-link:hover,
body.valon-panel-body .wyd2-arena-tabs .nav-link:hover,
body.valon-panel-body .mmorpg-cms-tabs a:hover {
  color: var(--valon-ui-text) !important;
  border-color: rgba(63, 208, 193, .38) !important;
  background:
    linear-gradient(180deg, rgba(63, 208, 193, .1), rgba(255,255,255,.025)),
    rgba(7, 13, 16, .8) !important;
}

body.valon-panel-body .nav-tabs .nav-link.active,
body.valon-panel-body .nav-tabs li.active .nav-link,
body.valon-panel-body .nav-tabs li.active > a,
body.valon-panel-body .nav-tabs > li.active > a,
body.valon-panel-body .nav-tabs > li.active > a:hover,
body.valon-panel-body .nav-tabs > li.active > a:focus,
body.valon-panel-body .nav-tabs .nav-item.show .nav-link,
body.valon-panel-body .nav-tabs .nav-link[aria-selected="true"],
body.valon-panel-body .nav-pills .nav-link.active,
body.valon-panel-body .nav-pills li.active > a,
body.valon-panel-body .nav-pills > li.active > a,
body.valon-panel-body .nav-pills .nav-link[aria-selected="true"],
body.valon-panel-body .tabs .nav-tabs li.active .nav-link,
body.valon-panel-body .tabs .nav-tabs li.active > a,
body.valon-panel-body .wyd2-shop-page .nav-tabs .nav-link.active,
body.valon-panel-body .valon-guide-tabs .nav-link.active,
body.valon-panel-body .wyd2-arena-tabs .nav-link.active,
body.valon-panel-body .mmorpg-cms-tabs a.active {
  color: #10100a !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
  box-shadow: 0 10px 22px rgba(63, 208, 193, .16) !important;
}

body.valon-panel-body .tab-content,
body.valon-panel-body .tabs .tab-content,
body.valon-panel-body .tabs .tab-pane,
body.valon-panel-body .wyd2-shop-page .tab-content,
body.valon-panel-body .valon-guide-content {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 18px !important;
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)),
    var(--valon-ui-surface) !important;
  color: var(--valon-ui-text) !important;
  box-shadow: none !important;
}

body.valon-panel-body .tab-content > .tab-pane {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .tab-content > .active {
  display: block !important;
}

body.valon-panel-body .tab-pane > .row:first-child,
body.valon-panel-body .tab-pane > form > .row:first-child {
  margin-top: 0 !important;
}

body.valon-panel-body .mmorpg-cms {
  max-width: var(--valon-ui-content) !important;
  margin: 0 auto !important;
}

body.valon-panel-body .mmorpg-cms-heading {
  align-items: flex-end !important;
  margin-bottom: 18px !important;
  padding: 22px !important;
  border: 1px solid var(--valon-ui-line) !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .12), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.016)),
    var(--valon-ui-surface) !important;
}

body.valon-panel-body .mmorpg-cms-heading h1 {
  font-size: clamp(28px, 3vw, 40px) !important;
}

body.valon-panel-body .mmorpg-cms-grid,
body.valon-panel-body .mmorpg-cms-media-grid,
body.valon-panel-body .mmorpg-cms-button-grid,
body.valon-panel-body .mmorpg-cms-page-layout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.valon-panel-body .mmorpg-cms-media-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.valon-panel-body .mmorpg-cms-page-layout {
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr) !important;
}

body.valon-panel-body .mmorpg-cms-schedule-grid {
  display: grid !important;
  gap: 12px !important;
}

body.valon-panel-body .mmorpg-cms-schedule-row {
  display: grid !important;
  grid-template-columns: 44px repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 14px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(5, 10, 13, .64) !important;
}

body.valon-panel-body .mmorpg-cms-schedule-row > strong {
  display: grid !important;
  place-items: center !important;
  min-height: 42px !important;
  border-radius: var(--valon-ui-radius) !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
}

body.valon-panel-body .mmorpg-cms-media-item,
body.valon-panel-body .mmorpg-cms-button-group,
body.valon-panel-body .mmorpg-cms-page-list,
body.valon-panel-body .mmorpg-cms-page-stack,
body.valon-panel-body .mmorpg-cms-lock-message {
  padding: 16px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(5, 10, 13, .64) !important;
}

body.valon-panel-body .mmorpg-cms-media-item > strong,
body.valon-panel-body .mmorpg-cms-button-group > strong {
  display: block !important;
  margin-bottom: 12px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 18px !important;
}

body.valon-panel-body .mmorpg-cms-image-preview {
  display: grid !important;
  place-items: center !important;
  min-height: 150px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(226, 199, 130, .18) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(135deg, rgba(226, 199, 130, .1), transparent 45%),
    rgba(0,0,0,.24) !important;
}

body.valon-panel-body .mmorpg-cms-image-preview img {
  max-width: 100% !important;
  max-height: 210px !important;
  object-fit: contain !important;
}

body.valon-panel-body .mmorpg-cms-image-preview.is-banner img {
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
}

body.valon-panel-body .mmorpg-cms-page-list {
  display: grid !important;
  gap: 8px !important;
}

body.valon-panel-body .mmorpg-cms-page-list a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(126, 230, 214, .12) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(255,255,255,.035) !important;
  text-decoration: none !important;
}

body.valon-panel-body .mmorpg-cms-page-list a.active,
body.valon-panel-body .mmorpg-cms-page-list a:hover {
  color: var(--valon-ui-text) !important;
  border-color: rgba(63, 208, 193, .38) !important;
}

body.valon-panel-body .mmorpg-cms-field-help,
body.valon-panel-body .help-block,
body.valon-panel-body .form-text {
  display: block !important;
  margin-top: 6px !important;
  color: var(--valon-ui-muted) !important;
  line-height: 1.45 !important;
}

body.valon-panel-body .mmorpg-cms-savebar,
body.valon-panel-body .card-footer,
body.valon-panel-body .panel-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(5, 10, 13, .72) !important;
}

body.valon-panel-body .dataTables_wrapper {
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .dataTables_wrapper .dataTables_length,
body.valon-panel-body .dataTables_wrapper .dataTables_filter,
body.valon-panel-body .dataTables_wrapper .dataTables_info,
body.valon-panel-body .dataTables_wrapper .dataTables_paginate {
  color: var(--valon-ui-muted) !important;
}

body.valon-panel-body .dataTables_wrapper .dataTables_filter input,
body.valon-panel-body .dataTables_wrapper .dataTables_length select {
  margin-left: 8px !important;
}

body.valon-panel-body .pagination,
body.valon-panel-body .dataTables_paginate .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 14px 0 0 !important;
}

body.valon-panel-body .page-link,
body.valon-panel-body .pagination > li > a,
body.valon-panel-body .pagination > li > span {
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(7, 13, 16, .72) !important;
}

body.valon-panel-body .page-item.active .page-link,
body.valon-panel-body .pagination > .active > a,
body.valon-panel-body .pagination > .active > span {
  border-color: transparent !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > .row {
  width: min(100%, var(--valon-ui-content)) !important;
  margin: 0 auto 18px !important;
}

body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > form {
  width: min(100%, var(--valon-ui-content)) !important;
  margin: 0 auto !important;
}

body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > form > .row {
  width: auto !important;
  margin: 0 -12px 18px !important;
}

body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > .row > [class*="col-"] {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > form > .row > [class*="col-"] {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > .row > [class*="col-"] > .card-body,
body.valon-panel-body .content-body:not(.wyd2-dashboard):not(.wyd2-dashboard-page):not(.mmorpg-cms):not(.wyd2-shop-page) > .card-body {
  padding: 22px !important;
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018)),
    var(--valon-ui-surface) !important;
  box-shadow: none !important;
}

body.valon-panel-body .content-body .title,
body.valon-panel-body .content-body > .row h4.title,
body.valon-panel-body .content-body > .row .card-body > h4:first-child {
  margin: 0 0 16px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

body.valon-panel-body .content-body .title::before,
body.valon-panel-body .content-body > .row .card-body > h4:first-child::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 18px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  vertical-align: -2px !important;
  background: linear-gradient(180deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .alert {
  box-sizing: border-box !important;
  width: min(100%, var(--valon-ui-content)) !important;
  margin: 0 auto 18px !important;
  border-radius: var(--valon-ui-radius) !important;
  border-width: 1px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(17, 27, 37, .92) !important;
}

body.valon-panel-body .alert-success {
  border-color: rgba(142, 219, 141, .38) !important;
}

body.valon-panel-body .alert-danger {
  border-color: rgba(232, 197, 111, .34) !important;
  background:
    linear-gradient(90deg, rgba(232, 197, 111, .11), rgba(63, 208, 193, .04)),
    rgba(17, 27, 37, .92) !important;
}

body.valon-panel-body .valon-config-page .card {
  width: 100% !important;
}

body.valon-panel-body .valon-config-page .card-title:empty,
body.valon-panel-body .valon-config-page h4.title:empty {
  display: none !important;
}

body.valon-panel-body .valon-config-page .card-subtitle {
  margin: 4px 0 18px !important;
}

body.valon-panel-body .valon-config-page label {
  display: block !important;
  margin: 16px 0 7px !important;
}

body.valon-panel-body .valon-config-page label.m-t-40,
body.valon-panel-body .valon-config-page label.m-t-20 {
  margin-top: 16px !important;
}

body.valon-panel-body .valon-config-page .mmorpg-path-status,
body.valon-panel-body .mmorpg-path-status {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 8px 10px !important;
  align-items: start !important;
  margin-top: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(5, 10, 13, .56) !important;
}

body.valon-panel-body .valon-config-page .mmorpg-path-status i,
body.valon-panel-body .mmorpg-path-status i {
  margin-top: 2px !important;
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-config-page .mmorpg-path-status small,
body.valon-panel-body .mmorpg-path-status small {
  grid-column: 2 !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-config-page .mmorpg-path-status.is-offline,
body.valon-panel-body .mmorpg-path-status.is-offline {
  border-color: rgba(232, 197, 111, .22) !important;
}

body.valon-panel-body .valon-config-page .mmorpg-path-status.is-offline i,
body.valon-panel-body .mmorpg-path-status.is-offline i {
  color: var(--valon-ui-gold) !important;
}

body.valon-panel-body .valon-config-actions .card-body {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

body.valon-panel-body .modal {
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .modal-content {
  border: 1px solid var(--valon-ui-line) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018)),
    #101a24 !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.56) !important;
}

body.valon-panel-body .modal-header,
body.valon-panel-body .modal-footer {
  border-color: rgba(126, 230, 214, .14) !important;
  background: transparent !important;
}

body.valon-panel-body .modal-title {
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
}

body.valon-panel-body .modal .close {
  color: var(--valon-ui-text) !important;
  opacity: .86 !important;
}

body.valon-panel-body .modal-backdrop {
  background: #020506 !important;
}

body.valon-panel-body .valon-admin-dashboard {
  background:
    radial-gradient(circle at 16% 8%, rgba(63, 208, 193, .11), transparent 30%),
    radial-gradient(circle at 86% 0%, rgba(232, 197, 111, .09), transparent 28%),
    linear-gradient(180deg, rgba(5, 8, 11, .2), rgba(5, 8, 11, .62)) !important;
}

body.valon-panel-body .valon-admin-dashboard .valon-admin-hero {
  position: relative !important;
  isolation: isolate !important;
  border-color: rgba(126, 230, 214, .24) !important;
  background:
    linear-gradient(110deg, rgba(63, 208, 193, .17), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #101a24 !important;
}

body.valon-panel-body .valon-admin-dashboard .valon-admin-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 24px 18px auto !important;
  width: 170px !important;
  height: 86px !important;
  pointer-events: none !important;
  opacity: .28 !important;
  background:
    linear-gradient(90deg, rgba(226, 199, 130, .45) 1px, transparent 1px),
    linear-gradient(0deg, rgba(126, 230, 214, .34) 1px, transparent 1px) !important;
  background-size: 18px 18px !important;
  transform: skewX(-12deg) !important;
  z-index: -1 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-admin-metrics {
  grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-height: 126px !important;
  padding: 18px !important;
  border-color: rgba(126, 230, 214, .18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    #101a24 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--valon-ui-accent), transparent) !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card:nth-child(2)::before,
body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card:nth-child(3)::before {
  background: linear-gradient(90deg, var(--valon-ui-gold), transparent) !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card:nth-child(4)::before {
  background: linear-gradient(90deg, var(--valon-ui-green), transparent) !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card:nth-child(5)::before,
body.valon-panel-body .valon-admin-dashboard .wyd2-metric-card:nth-child(6)::before {
  background: linear-gradient(90deg, #73ddff, transparent) !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-icon {
  flex: 0 0 46px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-copy {
  min-width: 0 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-metric-value {
  font-size: clamp(20px, 1.45vw, 26px) !important;
  line-height: 1.05 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-admin-support,
body.valon-panel-body .valon-admin-dashboard .wyd2-finance-card,
body.valon-panel-body .valon-admin-dashboard .wyd2-chart-card,
body.valon-panel-body .valon-admin-dashboard .wyd2-dashboard-full {
  border-color: rgba(126, 230, 214, .18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
    #101a24 !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-admin-support,
body.valon-panel-body .valon-admin-dashboard .wyd2-dashboard-full {
  width: 100% !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-finance-card h4,
body.valon-panel-body .valon-admin-dashboard .wyd2-chart-card h4,
body.valon-panel-body .valon-admin-dashboard .wyd2-dashboard-full h4 {
  margin: 0 0 16px !important;
  font-family: Cinzel, Georgia, serif !important;
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .valon-admin-dashboard .wyd2-chart-card {
  padding: 22px !important;
}

body.valon-panel-body .valon-admin-dashboard .progress-wrap {
  overflow: hidden !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  background: rgba(4, 8, 11, .72) !important;
}

body.valon-panel-body .valon-admin-dashboard .progress-fill {
  background: linear-gradient(90deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .wyd2-shop-page {
  width: min(100%, var(--valon-ui-content)) !important;
  max-width: var(--valon-ui-content) !important;
  margin: 0 auto !important;
}

body.valon-panel-body .wyd2-shop-page > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.valon-panel-body .wyd2-shop-page > .row > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.valon-panel-body .wyd2-shop-page .wyd2-shop-shell {
  padding: 24px !important;
  border: 1px solid rgba(126, 230, 214, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(120deg, rgba(63, 208, 193, .1), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #101a24 !important;
  box-shadow: none !important;
}

body.valon-panel-body .wyd2-shop-page .wyd2-shop-packages {
  width: 100% !important;
}

body.valon-panel-body .wyd2-shop-page .shop-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

body.valon-panel-body .wyd2-shop-page .shop-grid > [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

body.valon-panel-body .wyd2-shop-page .shop-card,
body.valon-panel-body .wyd2-shop-page .pack-card,
body.valon-panel-body .wyd2-shop-page .wyd2-panel-pack-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 440px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(126, 230, 214, .18) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(150deg, rgba(63, 208, 193, .12), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #0d171f !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.valon-panel-body .wyd2-shop-page .shop-card::before,
body.valon-panel-body .wyd2-shop-page .pack-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--valon-ui-accent), var(--valon-ui-gold), transparent) !important;
}

body.valon-panel-body .wyd2-shop-page .shop-card:hover,
body.valon-panel-body .wyd2-shop-page .pack-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(232, 197, 111, .42) !important;
  background:
    linear-gradient(150deg, rgba(232, 197, 111, .11), rgba(63, 208, 193, .07) 54%, transparent),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    #101a24 !important;
}

body.valon-panel-body .wyd2-shop-page .shop-title,
body.valon-panel-body .wyd2-shop-page .pack-title {
  min-height: 44px !important;
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  text-align: left !important;
  text-transform: none !important;
}

body.valon-panel-body .wyd2-shop-page .shop-cash,
body.valon-panel-body .wyd2-shop-page .pack-cash {
  padding: 13px !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(4, 8, 11, .54) !important;
  text-align: left !important;
}

body.valon-panel-body .wyd2-shop-page .shop-cash span {
  display: block !important;
  color: var(--valon-ui-accent) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.valon-panel-body .wyd2-shop-page .shop-cash strong {
  display: block !important;
  margin-top: 6px !important;
  color: var(--valon-ui-gold) !important;
  font-weight: 900 !important;
}

body.valon-panel-body .wyd2-shop-page .shop-items,
body.valon-panel-body .wyd2-shop-page .pack-items {
  flex: 1 1 auto !important;
  min-height: 112px !important;
  max-height: 160px !important;
  padding: 10px !important;
  overflow-y: auto !important;
  border: 1px solid rgba(126, 230, 214, .12) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .62) !important;
}

body.valon-panel-body .wyd2-shop-page .shop-item-line,
body.valon-panel-body .wyd2-shop-page .item-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body.valon-panel-body .wyd2-shop-page .shop-item-line img,
body.valon-panel-body .wyd2-shop-page .item-line img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.06) !important;
}

body.valon-panel-body .wyd2-shop-page .shop-price,
body.valon-panel-body .wyd2-shop-page .pack-price {
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(232, 197, 111, .22) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-gold) !important;
  background:
    linear-gradient(90deg, rgba(232, 197, 111, .12), transparent),
    rgba(4, 8, 11, .6) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-align: left !important;
}

body.valon-panel-body .wyd2-shop-page .shop-btn {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid transparent !important;
  border-radius: var(--valon-ui-radius) !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

body.valon-panel-body .wyd2-shop-page .shop-btn:hover {
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
}

body.valon-panel-body .wyd2-shop-page .pix-container {
  max-width: 520px !important;
  margin: 18px auto 26px !important;
  padding: 24px !important;
  border: 1px solid rgba(126, 230, 214, .18) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #101a24 !important;
  box-shadow: none !important;
  font-family: Inter, Arial, sans-serif !important;
}

body.valon-panel-body .wyd2-shop-page .pix-container h2 {
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
}

body.valon-panel-body .wyd2-shop-page .pix-container textarea {
  border: 1px solid rgba(126, 230, 214, .16) !important;
  color: var(--valon-ui-accent) !important;
  background: rgba(4, 8, 11, .75) !important;
}

body.valon-panel-body .wyd2-shop-page .pix-container button {
  border: 0 !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .valon-admin-packages .card-body {
  position: relative !important;
}

body.valon-panel-body .valon-admin-packages .card-body > .btn:first-of-type {
  margin: 0 0 16px !important;
}

body.valon-panel-body .valon-admin-packages .table td:nth-child(3) {
  max-width: 320px !important;
  white-space: normal !important;
}

body.valon-panel-body .valon-admin-packages .table td:last-child {
  min-width: 260px !important;
}

body.valon-panel-body .valon-admin-packages .table td:last-child .btn {
  margin: 2px !important;
}

body.valon-panel-body .valon-admin-packages .table td:nth-child(8) {
  font-weight: 900 !important;
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-admin-packages .modal textarea.form-control {
  min-height: 100px !important;
}

body.valon-panel-body .wyd2-chart-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.valon-panel-body .wyd2-chart-card canvas {
  min-height: 260px !important;
}

body.valon-panel-body .wyd2-panel-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 0 var(--valon-ui-sidebar) !important;
  padding: 18px 28px !important;
  border-top: 1px solid rgba(126, 230, 214, .12) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(5, 8, 11, .86) !important;
}

body.valon-panel-body .valon-admin-dashboard .alert-danger {
  border-color: rgba(232, 197, 111, .32) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(90deg, rgba(232, 197, 111, .11), transparent),
    rgba(17, 27, 37, .94) !important;
}

body.valon-panel-body .valon-admin-dashboard .btn-danger,
body.valon-panel-body .valon-admin-dashboard a.btn-danger {
  border: 1px solid rgba(232, 197, 111, .3) !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
}

body.valon-panel-body .valon-admin-dashboard .badge.bg-danger,
body.valon-panel-body .valon-admin-dashboard .badge-danger,
body.valon-panel-body .valon-admin-dashboard .text-danger,
body.valon-panel-body .valon-admin-dashboard [style*="color:red"],
body.valon-panel-body .valon-admin-dashboard [style*="color: red"] {
  border: 1px solid rgba(232, 197, 111, .26) !important;
  color: var(--valon-ui-gold) !important;
  background: rgba(232, 197, 111, .1) !important;
}

body.valon-panel-body .valon-panel-donate .valon-shop-intro {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 22px !important;
  border: 1px solid rgba(126, 230, 214, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(120deg, rgba(63, 208, 193, .13), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #0d171f !important;
}

body.valon-panel-body .valon-panel-donate .valon-shop-eyebrow {
  display: inline-grid !important;
  place-items: center !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(232, 197, 111, .34) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-gold), var(--valon-ui-accent)) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-panel-donate .valon-shop-intro h2 {
  margin: 0 0 4px !important;
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.05 !important;
}

body.valon-panel-body .valon-panel-donate .valon-shop-intro p {
  margin: 0 !important;
  color: var(--valon-ui-muted) !important;
  line-height: 1.45 !important;
}

body.valon-panel-body .valon-panel-donate .nav-tabs {
  width: 100% !important;
}

body.valon-panel-body .valon-panel-donate .nav-tabs .nav-item {
  flex: 1 1 180px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-panel-donate .nav-tabs .nav-link {
  box-sizing: border-box !important;
  width: 100% !important;
}

body.valon-panel-body .valon-panel-donate .shop-actions {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
}

body.valon-panel-body .valon-panel-donate .shop-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-panel-donate .shop-btn-secondary {
  border-color: rgba(126, 230, 214, .22) !important;
  color: var(--valon-ui-text) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(4, 8, 11, .72) !important;
}

body.valon-panel-body .valon-panel-donate .shop-btn-secondary:hover {
  color: #10100a !important;
  background: linear-gradient(135deg, var(--valon-ui-accent), var(--valon-ui-gold)) !important;
}

body.valon-panel-body .valon-panel-donate .pix-container .pedido,
body.valon-panel-body .valon-panel-donate .pix-container .desc {
  color: var(--valon-ui-muted) !important;
}

body.valon-panel-body .valon-panel-donate .pix-container .qr-box {
  width: min(100%, 260px) !important;
  margin: 18px auto !important;
  padding: 12px !important;
  border: 1px solid rgba(232, 197, 111, .24) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: #f7f1e7 !important;
}

body.valon-panel-body .valon-panel-donate .pix-container .qr-box img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

body.valon-panel-body .valon-panel-donate .pix-container.valon-livepix-inline-payment {
  width: 100% !important;
  max-width: min(1180px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 26px !important;
}

body.valon-panel-body .valon-panel-donate #copyMsg {
  display: none;
  margin: 10px 0 0 !important;
  color: var(--valon-ui-green) !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 12px auto 0 !important;
  color: var(--valon-ui-text) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-open:hover {
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-inline-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, .64fr) minmax(0, 1.36fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin: 18px 0 !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-inline-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(232, 197, 111, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .7) !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-inline-label {
  color: var(--valon-ui-accent) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-inline-info h3 {
  margin: 8px 0 10px !important;
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-link-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 12px !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-link-row input {
  min-width: 0 !important;
  height: 40px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-copy {
  min-height: 40px !important;
  border: 0 !important;
  border-radius: var(--valon-ui-radius) !important;
  padding: 0 13px !important;
  color: #081016 !important;
  background: var(--valon-ui-accent) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-inline-frame {
  min-width: 0 !important;
  min-height: 620px !important;
  overflow: hidden !important;
  border: 1px solid rgba(232, 197, 111, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: #fff !important;
}

body.valon-panel-body .valon-panel-donate .valon-livepix-inline-frame iframe {
  display: block !important;
  width: 100% !important;
  min-height: 620px !important;
  height: 100% !important;
  border: 0 !important;
  background: #fff !important;
}

@media (max-width: 1100px) {
  body.valon-panel-body .valon-panel-donate .valon-livepix-inline-layout {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-panel-donate .pix-container.valon-livepix-inline-payment {
    padding: 18px !important;
  }

  body.valon-panel-body .valon-panel-donate .valon-livepix-inline-frame,
  body.valon-panel-body .valon-panel-donate .valon-livepix-inline-frame iframe {
    min-height: 680px !important;
  }
}

body.valon-panel-body .valon-panel-donate .status-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 12px !important;
  border: 1px solid rgba(232, 197, 111, .22) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-gold) !important;
  background: rgba(4, 8, 11, .72) !important;
}

body.valon-panel-body .valon-panel-donate .loader {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid var(--valon-ui-gold) !important;
  border-top-color: transparent !important;
  border-radius: 50% !important;
  animation: valon-spin 1s linear infinite !important;
}

body.valon-panel-body .valon-panel-donate .timer {
  margin-top: 10px !important;
  color: var(--valon-ui-gold) !important;
  font-size: 13px !important;
}

body.valon-panel-body .valon-panel-donate .paid {
  border-color: rgba(142, 219, 141, .34) !important;
  color: var(--valon-ui-green) !important;
  background: rgba(142, 219, 141, .12) !important;
}

body.valon-panel-body .valon-panel-donate .success {
  color: var(--valon-ui-green) !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-panel-donate .valon-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-panel-donate .valon-status-expired {
  border: 1px solid rgba(232, 197, 111, .24) !important;
  color: var(--valon-ui-gold) !important;
  background: rgba(232, 197, 111, .1) !important;
}

body.valon-panel-body .valon-panel-donate .valon-status-paid {
  border: 1px solid rgba(142, 219, 141, .28) !important;
  color: var(--valon-ui-green) !important;
  background: rgba(142, 219, 141, .12) !important;
}

body.valon-panel-body .valon-panel-donate .valon-status-pending {
  border: 1px solid rgba(126, 230, 214, .26) !important;
  color: var(--valon-ui-accent) !important;
  background: rgba(63, 208, 193, .1) !important;
}

body.valon-panel-body .valon-panel-donate .valon-shop-history {
  padding: 0 !important;
  background: transparent !important;
}

body.valon-panel-body .valon-panel-donate .valon-history-title {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  padding: 18px !important;
  border: 1px solid rgba(126, 230, 214, .18) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(120deg, rgba(232, 197, 111, .09), transparent 48%),
    rgba(4, 8, 11, .48) !important;
}

body.valon-panel-body .valon-panel-donate .valon-history-title span {
  color: var(--valon-ui-text) !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-panel-donate .valon-history-title p {
  max-width: 520px !important;
  margin: 0 !important;
  color: var(--valon-ui-muted) !important;
  text-align: right !important;
}

body.valon-panel-body .valon-panel-donate .table-responsive {
  margin: 0 !important;
  border-color: rgba(126, 230, 214, .16) !important;
  background: rgba(4, 8, 11, .42) !important;
}

body.valon-panel-body .valon-panel-donate .button-default,
body.valon-panel-body .valon-panel-donate .valon-legacy-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  border: 1px solid rgba(126, 230, 214, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(4, 8, 11, .72) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

@keyframes valon-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1399.98px) {
  body.valon-panel-body .valon-admin-dashboard .wyd2-admin-metrics {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 1199.98px) {
  body.valon-auth-body .valon-login-layout {
    grid-template-columns: 1fr !important;
  }

  body.valon-auth-body .valon-login-visual {
    min-height: 430px !important;
  }
}

@media (max-width: 991.98px) {
  body.valon-panel-body {
    --valon-ui-sidebar: 300px;
    --valon-ui-header: 66px;
  }

  body.valon-panel-body .valon-control-topbar.header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding-right: 12px !important;
  }

  body.valon-panel-body .valon-control-brandbar.logo-container {
    padding: 0 12px !important;
    border-right: 0 !important;
  }

  body.valon-panel-body .valon-menu-toggle {
    display: grid !important;
  }

  body.valon-panel-body .valon-control-page-title,
  body.valon-panel-body .valon-top-link span {
    display: none !important;
  }

  body.valon-panel-body .valon-control-mainwrap.inner-wrapper {
    padding-left: 0 !important;
  }

  body.valon-panel-body .valon-control-sidebar.wyd2-panel-nav,
  body.valon-panel-body .tab-navigation.collapse.wyd2-panel-nav.valon-control-sidebar {
    display: block !important;
    width: min(320px, calc(100vw - 24px)) !important;
    transform: translateX(-110%) !important;
    transition: transform .22s ease !important;
  }

  body.valon-panel-body .valon-control-sidebar.wyd2-panel-nav.show,
  body.valon-panel-body .tab-navigation.collapse.wyd2-panel-nav.valon-control-sidebar.show {
    transform: translateX(0) !important;
  }

  body.valon-panel-body .content-body,
  body.valon-panel-body .content-body.tab-menu-opened,
  body.valon-panel-body .wyd2-panel-shell .content-body {
    padding: 18px 14px 54px !important;
  }

  body.valon-panel-body .content-body .col-lg-12,
  body.valon-panel-body .content-body .col-lg-8,
  body.valon-panel-body .content-body .col-lg-7,
  body.valon-panel-body .content-body .col-lg-6,
  body.valon-panel-body .content-body .col-lg-5,
  body.valon-panel-body .content-body .col-lg-4,
  body.valon-panel-body .content-body .col-lg-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.valon-panel-body .wyd2-panel-cards,
  body.valon-panel-body .wyd2-admin-metrics,
  body.valon-panel-body .valon-admin-dashboard .wyd2-admin-metrics,
  body.valon-panel-body .wyd2-chart-grid,
  body.valon-panel-body .mmorpg-cms-grid,
  body.valon-panel-body .mmorpg-cms-media-grid,
  body.valon-panel-body .mmorpg-cms-button-grid,
  body.valon-panel-body .mmorpg-cms-page-layout {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-page-hero,
  body.valon-panel-body .wyd2-dashboard-hero,
  body.valon-panel-body .wyd2-panel-section-head,
  body.valon-panel-body .mmorpg-cms-heading,
  body.valon-panel-body .mmorpg-panel-card-header,
  body.valon-panel-body .wyd2-panel-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .wyd2-panel-footer {
    margin-left: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-auth-body .valon-login-shell {
    padding: 76px 14px 24px !important;
  }

  body.valon-auth-body .valon-login-layout {
    width: 100% !important;
  }

  body.valon-auth-body .valon-login-brand {
    top: -54px !important;
  }

  body.valon-auth-body .valon-login-visual,
  body.valon-auth-body .valon-login-panel {
    padding: 22px !important;
  }

  body.valon-auth-body .valon-login-visual h1 {
    font-size: 42px !important;
  }

  body.valon-auth-body .valon-login-route-grid {
    grid-template-columns: 1fr !important;
  }

  body.valon-auth-body .valon-login-route-grid div {
    min-height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(126, 230, 214, .16) !important;
  }

  body.valon-auth-body .valon-login-route-grid div:last-child {
    border-bottom: 0 !important;
  }

  body.valon-auth-body .valon-login-options {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-control-user .profile-info,
  body.valon-panel-body .valon-top-link {
    display: none !important;
  }

  body.valon-panel-body .valon-control-top-actions {
    gap: 4px !important;
  }

  body.valon-panel-body .valon-control-brand small {
    display: none !important;
  }

  body.valon-panel-body .content-body {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body.valon-panel-body .mmorpg-cms-schedule-row {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body.valon-panel-body .mmorpg-cms-heading,
  body.valon-panel-body .tab-content,
  body.valon-panel-body .content-body .card,
  body.valon-panel-body .content-body .panel,
  body.valon-panel-body .wyd2-panel-section,
  body.valon-panel-body .wyd2-finance-card,
  body.valon-panel-body .wyd2-chart-card {
    padding: 14px !important;
  }

  body.valon-panel-body .nav-tabs .nav-link,
  body.valon-panel-body .mmorpg-cms-tabs a {
    width: 100% !important;
    justify-content: center !important;
  }

  body.valon-panel-body .table {
    min-width: 680px !important;
  }

  body.valon-panel-body .valon-panel-donate .valon-shop-intro,
  body.valon-panel-body .valon-panel-donate .valon-history-title {
    grid-template-columns: 1fr !important;
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-panel-donate .nav-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-panel-donate .nav-tabs .nav-item {
    flex: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.valon-panel-body .valon-panel-donate .nav-tabs .nav-link {
    min-width: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  body.valon-panel-body .valon-panel-donate .valon-history-title p {
    text-align: left !important;
  }
}

/* Game event editor */
body.valon-panel-body .valon-event-editor {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-event-heading p {
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.valon-panel-body .valon-event-status-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.valon-panel-body .valon-event-status-grid article,
body.valon-panel-body .valon-event-savebar {
  border: 1px solid rgba(217, 183, 103, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(15, 21, 30, .92) !important;
}

body.valon-panel-body .valon-event-status-grid article {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-event-status-grid span,
body.valon-panel-body .valon-event-section-head span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-event-status-grid strong,
body.valon-panel-body .valon-event-savebar strong,
body.valon-panel-body .valon-event-section-head strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.valon-panel-body .valon-event-status-grid small,
body.valon-panel-body .valon-event-savebar span {
  min-width: 0 !important;
  color: var(--valon-ui-muted) !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-event-alert {
  margin: 0 !important;
  border-color: rgba(217, 183, 103, .3) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(217, 183, 103, .12) !important;
}

body.valon-panel-body .valon-event-form {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-event-npc.card {
  overflow: hidden !important;
  border-color: rgba(217, 183, 103, .14) !important;
}

body.valon-panel-body .valon-event-npc.is-new {
  border-style: dashed !important;
  opacity: .92 !important;
}

body.valon-panel-body .valon-event-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
  gap: 14px !important;
}

body.valon-panel-body .valon-event-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 22px 0 12px !important;
}

body.valon-panel-body .valon-event-section-head > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-event-lines {
  display: grid !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-event-line {
  display: grid !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .35) !important;
}

body.valon-panel-body .valon-event-line.is-required {
  grid-template-columns: minmax(130px, .8fr) minmax(130px, .55fr) minmax(90px, .35fr) minmax(130px, .6fr) minmax(110px, .4fr) minmax(160px, 1fr) !important;
}

body.valon-panel-body .valon-event-line.is-reward {
  grid-template-columns: minmax(130px, .8fr) minmax(130px, .7fr) minmax(110px, .45fr) minmax(160px, 1fr) !important;
}

body.valon-panel-body .valon-event-shop-line {
  display: grid !important;
  grid-template-columns: minmax(160px, 1.2fr) repeat(4, minmax(90px, .42fr)) minmax(130px, .6fr) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 12px !important;
  border: 1px solid rgba(232, 197, 111, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(90deg, rgba(232, 197, 111, .075), rgba(63, 208, 193, .045)),
    rgba(4, 8, 11, .45) !important;
}

body.valon-panel-body .valon-event-line .form-group {
  min-width: 0 !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-event-shop-line .form-group {
  min-width: 0 !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-event-line small,
body.valon-panel-body .valon-event-shop-line small {
  display: block !important;
  min-height: 18px !important;
  margin-top: 6px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-event-savebar {
  position: sticky !important;
  bottom: 16px !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 14px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35) !important;
}

body.valon-panel-body .valon-event-savebar > div {
  display: grid !important;
  gap: 4px !important;
}

body.valon-panel-body .valon-event-savebar .btn[disabled] {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

@media (max-width: 1199.98px) {
  body.valon-panel-body .valon-event-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-event-line {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-event-shop-line {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-event-status-grid,
  body.valon-panel-body .valon-event-grid,
  body.valon-panel-body .valon-event-line,
  body.valon-panel-body .valon-event-shop-line {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-event-section-head,
  body.valon-panel-body .valon-event-savebar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-event-section-head .btn,
  body.valon-panel-body .valon-event-savebar .btn {
    width: 100% !important;
  }
}

/* Boss control editor */
body.valon-panel-body .valon-boss-editor {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-boss-heading p {
  max-width: 820px !important;
  margin: 8px 0 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.valon-panel-body .valon-boss-status-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.valon-panel-body .valon-boss-status-grid article,
body.valon-panel-body .valon-boss-toolbar,
body.valon-panel-body .valon-boss-savebar {
  border: 1px solid rgba(217, 183, 103, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(15, 21, 30, .92) !important;
}

body.valon-panel-body .valon-boss-status-grid article {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-boss-status-grid span,
body.valon-panel-body .valon-boss-toolbar span,
body.valon-panel-body .valon-boss-section-head span,
body.valon-panel-body .valon-boss-card-head span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-boss-status-grid strong,
body.valon-panel-body .valon-boss-toolbar strong,
body.valon-panel-body .valon-boss-savebar strong,
body.valon-panel-body .valon-boss-section-head strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.valon-panel-body .valon-boss-status-grid small,
body.valon-panel-body .valon-boss-savebar span,
body.valon-panel-body .valon-boss-toolbar small,
body.valon-panel-body .valon-boss-card small {
  min-width: 0 !important;
  color: var(--valon-ui-muted) !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-boss-alert {
  margin: 0 !important;
  border-color: rgba(217, 183, 103, .3) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(217, 183, 103, .12) !important;
}

body.valon-panel-body .valon-boss-form,
body.valon-panel-body .valon-boss-list {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-boss-toolbar,
body.valon-panel-body .valon-boss-savebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 14px !important;
}

body.valon-panel-body .valon-boss-toolbar > div,
body.valon-panel-body .valon-boss-savebar > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-boss-card.card {
  overflow: hidden !important;
  border-color: rgba(217, 183, 103, .14) !important;
}

body.valon-panel-body .valon-boss-card.is-new {
  border-style: dashed !important;
  opacity: .94 !important;
}

body.valon-panel-body .valon-boss-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .10), rgba(217, 183, 103, .08)),
    rgba(5, 12, 15, .72) !important;
}

body.valon-panel-body .valon-boss-card-head > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-boss-card-head h2 {
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .valon-boss-card-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

body.valon-panel-body .valon-boss-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: 6px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(4, 8, 11, .36) !important;
}

body.valon-panel-body .valon-boss-toggle input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--valon-ui-gold) !important;
}

body.valon-panel-body .valon-boss-grid,
body.valon-panel-body .valon-boss-message-grid {
  display: grid !important;
  gap: 12px !important;
}

body.valon-panel-body .valon-boss-grid {
  grid-template-columns: minmax(190px, 1fr) minmax(160px, .8fr) minmax(150px, .75fr) minmax(150px, .75fr) minmax(92px, .35fr) minmax(92px, .35fr) !important;
}

body.valon-panel-body .valon-boss-visual {
  display: grid !important;
  grid-template-columns: 92px minmax(180px, .65fr) minmax(260px, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(217, 183, 103, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    radial-gradient(circle at 52px 36px, rgba(217, 183, 103, .22), transparent 46px),
    linear-gradient(90deg, rgba(63, 208, 193, .075), rgba(217, 183, 103, .07)),
    rgba(4, 8, 11, .48) !important;
}

body.valon-panel-body .valon-boss-visual.is-empty {
  opacity: .74 !important;
}

body.valon-panel-body .valon-boss-avatar {
  display: grid !important;
  place-items: center !important;
  min-height: 92px !important;
  border: 1px solid rgba(217, 183, 103, .22) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(160deg, rgba(217, 183, 103, .26), rgba(63, 208, 193, .10)),
    rgba(15, 21, 30, .90) !important;
  box-shadow: inset 0 0 30px rgba(0, 0, 0, .28) !important;
}

body.valon-panel-body .valon-boss-avatar span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.valon-panel-body .valon-boss-visual-main {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-boss-visual-main span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-boss-visual-main strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-boss-visual-stats {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(80px, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-boss-visual-stats span {
  display: grid !important;
  gap: 3px !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: 6px !important;
  background: rgba(0, 0, 0, .18) !important;
}

body.valon-panel-body .valon-boss-visual-stats b {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-boss-visual-stats strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-boss-visual-equips {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-boss-visual-equips span {
  max-width: 100% !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(126, 230, 214, .12) !important;
  border-radius: 6px !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(15, 21, 30, .72) !important;
  font-size: 12px !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-boss-message-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.valon-panel-body .valon-boss-profile-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(92px, 1fr)) !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .35) !important;
}

body.valon-panel-body .valon-boss-equips {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

body.valon-panel-body .valon-boss-equip-card {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(15, 21, 30, .78), rgba(4, 8, 11, .46)),
    rgba(4, 8, 11, .36) !important;
}

body.valon-panel-body .valon-boss-equip-card.is-event-slot {
  border-color: rgba(217, 183, 103, .24) !important;
  background:
    linear-gradient(180deg, rgba(217, 183, 103, .10), rgba(63, 208, 193, .045)),
    rgba(4, 8, 11, .52) !important;
}

body.valon-panel-body .valon-boss-equip-card header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-boss-equip-card header span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-boss-equip-card header strong {
  color: var(--valon-ui-text) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-align: right !important;
}

body.valon-panel-body .valon-boss-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-boss-quick-actions .btn {
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

body.valon-panel-body .valon-boss-schedule {
  display: grid !important;
  grid-template-columns: minmax(180px, .7fr) minmax(160px, .55fr) minmax(140px, .45fr) minmax(220px, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .35) !important;
}

body.valon-panel-body .valon-boss-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 22px 0 12px !important;
}

body.valon-panel-body .valon-boss-section-head > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-boss-mini-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-boss-times,
body.valon-panel-body .valon-boss-time-list,
body.valon-panel-body .valon-boss-drops {
  display: grid !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-boss-time-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 118px !important;
  gap: 8px !important;
  align-items: center !important;
}

body.valon-panel-body .valon-boss-drop-line {
  display: grid !important;
  grid-template-columns: minmax(130px, .65fr) minmax(160px, .65fr) minmax(110px, .35fr) minmax(180px, 1fr) 118px !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .35) !important;
}

body.valon-panel-body .valon-boss-card .form-group {
  min-width: 0 !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-boss-card small {
  display: block !important;
  min-height: 18px !important;
  margin-top: 6px !important;
  font-size: 12px !important;
}

body.valon-panel-body .valon-boss-time-line .btn,
body.valon-panel-body .valon-boss-drop-line > .btn,
body.valon-panel-body .valon-boss-card-actions > .btn {
  height: 38px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-boss-savebar {
  position: sticky !important;
  bottom: 16px !important;
  z-index: 20 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35) !important;
}

body.valon-panel-body .valon-boss-savebar .btn[disabled] {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

@media (max-width: 1299.98px) {
  body.valon-panel-body .valon-boss-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-boss-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-boss-visual {
    grid-template-columns: 86px minmax(180px, .7fr) minmax(0, 1fr) !important;
  }

  body.valon-panel-body .valon-boss-visual-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-boss-schedule,
  body.valon-panel-body .valon-boss-message-grid,
  body.valon-panel-body .valon-boss-profile-grid,
  body.valon-panel-body .valon-boss-equips,
  body.valon-panel-body .valon-boss-drop-line {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-boss-status-grid,
  body.valon-panel-body .valon-boss-grid,
  body.valon-panel-body .valon-boss-visual,
  body.valon-panel-body .valon-boss-visual-stats,
  body.valon-panel-body .valon-boss-schedule,
  body.valon-panel-body .valon-boss-message-grid,
  body.valon-panel-body .valon-boss-profile-grid,
  body.valon-panel-body .valon-boss-equips,
  body.valon-panel-body .valon-boss-drop-line {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-boss-toolbar,
  body.valon-panel-body .valon-boss-savebar,
  body.valon-panel-body .valon-boss-card-head,
  body.valon-panel-body .valon-boss-card-actions,
  body.valon-panel-body .valon-boss-section-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-boss-toolbar .btn,
  body.valon-panel-body .valon-boss-savebar .btn,
  body.valon-panel-body .valon-boss-section-head .btn {
    width: 100% !important;
  }

  body.valon-panel-body .valon-boss-drop-line > .btn {
    width: 100% !important;
  }

  body.valon-panel-body .valon-boss-card-actions > .btn {
    width: 100% !important;
  }
}

/* NPC and shop editor */
body.valon-panel-body .valon-npc-editor {
  display: grid !important;
  gap: 18px !important;
}

body.valon-panel-body .valon-npc-heading p {
  max-width: 820px !important;
  margin: 8px 0 0 !important;
  color: var(--valon-ui-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.valon-panel-body .valon-npc-status-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.valon-panel-body .valon-npc-status-grid article,
body.valon-panel-body .valon-npc-toolbar {
  border: 1px solid rgba(217, 183, 103, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(15, 21, 30, .92) !important;
}

body.valon-panel-body .valon-npc-status-grid article {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 16px !important;
}

body.valon-panel-body .valon-npc-status-grid span,
body.valon-panel-body .valon-npc-toolbar span,
body.valon-panel-body .valon-npc-card-head span,
body.valon-panel-body .valon-npc-section-head span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-npc-status-grid strong,
body.valon-panel-body .valon-npc-toolbar strong,
body.valon-panel-body .valon-npc-card-head h2,
body.valon-panel-body .valon-npc-section-head strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.valon-panel-body .valon-npc-status-grid strong,
body.valon-panel-body .valon-npc-toolbar strong,
body.valon-panel-body .valon-npc-section-head strong {
  font-size: 18px !important;
}

body.valon-panel-body .valon-npc-card-head h2 {
  margin: 0 !important;
  font-size: 24px !important;
}

body.valon-panel-body .valon-npc-status-grid small,
body.valon-panel-body .valon-npc-toolbar small,
body.valon-panel-body .valon-npc-section-head small,
body.valon-panel-body .valon-npc-equip-card small {
  min-width: 0 !important;
  color: var(--valon-ui-muted) !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-npc-alert {
  margin: 0 !important;
  border-color: rgba(217, 183, 103, .3) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(217, 183, 103, .12) !important;
}

body.valon-panel-body .valon-npc-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 14px !important;
}

body.valon-panel-body .valon-npc-toolbar > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-npc-picker {
  display: grid !important;
  grid-template-columns: minmax(240px, 420px) auto !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-npc-card.card {
  overflow: hidden !important;
  border-color: rgba(217, 183, 103, .14) !important;
}

body.valon-panel-body .valon-npc-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background:
    linear-gradient(90deg, rgba(63, 208, 193, .10), rgba(217, 183, 103, .08)),
    rgba(5, 12, 15, .72) !important;
}

body.valon-panel-body .valon-mob-editor .valon-npc-card-head {
  background:
    radial-gradient(circle at 46px 28px, rgba(126, 230, 214, .18), transparent 58px),
    linear-gradient(90deg, rgba(63, 208, 193, .12), rgba(217, 183, 103, .07)),
    rgba(5, 12, 15, .76) !important;
}

body.valon-panel-body .valon-shop-editor .valon-npc-card-head {
  background:
    linear-gradient(90deg, rgba(217, 183, 103, .16), rgba(142, 219, 141, .075)),
    rgba(5, 12, 15, .76) !important;
}

body.valon-panel-body .valon-npc-card-head > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-npc-card-head .btn,
body.valon-panel-body .valon-npc-toolbar .btn,
body.valon-panel-body .valon-npc-equip-card .btn,
body.valon-panel-body .valon-npc-shop-table .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-npc-profile-grid,
body.valon-panel-body .valon-npc-status-form-grid {
  display: grid !important;
  gap: 12px !important;
}

body.valon-panel-body .valon-shop-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.valon-panel-body .valon-shop-summary article {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(217, 183, 103, .14) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(217, 183, 103, .07), rgba(63, 208, 193, .035)),
    rgba(4, 8, 11, .44) !important;
}

body.valon-panel-body .valon-shop-summary span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-shop-summary strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

body.valon-panel-body .valon-npc-profile-grid {
  grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
}

body.valon-panel-body .valon-npc-status-form-grid {
  grid-template-columns: repeat(9, minmax(86px, 1fr)) !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .35) !important;
}

body.valon-panel-body .valon-npc-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 22px 0 12px !important;
}

body.valon-panel-body .valon-npc-section-head > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-npc-equips {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
  gap: 12px !important;
}

body.valon-panel-body .valon-npc-equip-card {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background:
    linear-gradient(180deg, rgba(15, 21, 30, .78), rgba(4, 8, 11, .46)),
    rgba(4, 8, 11, .36) !important;
}

body.valon-panel-body .valon-npc-equip-card.is-empty,
body.valon-panel-body .valon-npc-shop-table tr.is-empty {
  opacity: .64 !important;
}

body.valon-panel-body .valon-npc-equip-card header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-npc-equip-card header strong {
  color: var(--valon-ui-text) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-align: right !important;
}

body.valon-panel-body .valon-npc-props-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-npc-props-grid label {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-npc-props-grid label span {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-npc-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(126, 230, 214, .10) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .35) !important;
}

body.valon-panel-body .valon-npc-shop-table {
  min-width: 1040px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-npc-shop-table td,
body.valon-panel-body .valon-npc-shop-table th {
  vertical-align: middle !important;
}

body.valon-panel-body .valon-npc-shop-table td:first-child {
  min-width: 112px !important;
}

body.valon-panel-body .valon-npc-shop-table td:nth-child(2) {
  width: 120px !important;
}

body.valon-panel-body .valon-npc-shop-table td:nth-child(3) {
  min-width: 220px !important;
}

body.valon-panel-body .valon-npc-shop-table td:first-child strong,
body.valon-panel-body .valon-npc-shop-table .js-shop-item-name,
body.valon-panel-body .valon-npc-shop-table .js-mob-item-name,
body.valon-panel-body .valon-npc-shop-table .valon-drop-rate {
  color: var(--valon-ui-text) !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-npc-shop-table td:first-child small {
  display: block !important;
  margin-top: 2px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-npc-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(54px, 1fr)) !important;
  gap: 7px !important;
}

body.valon-panel-body .valon-mob-drop-table {
  min-width: 1200px !important;
}

body.valon-panel-body .valon-mob-drop-table td:nth-child(2) {
  width: 130px !important;
}

body.valon-panel-body .valon-mob-drop-table td:nth-child(3) {
  width: 120px !important;
  min-width: 120px !important;
}

body.valon-panel-body .valon-mob-drop-table td:nth-child(4) {
  min-width: 220px !important;
}

body.valon-panel-body .valon-mob-drop-table .valon-drop-rate {
  display: block !important;
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
}

body.valon-panel-body .valon-mob-drop-table td:nth-child(2) small {
  display: block !important;
  margin-top: 2px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-window {
  overflow: hidden !important;
  border: 1px solid rgba(126, 230, 214, .18) !important;
  border-radius: 8px !important;
  height: calc(100vh - 185px) !important;
  min-height: 620px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 32, .96), rgba(5, 10, 13, .98)),
    rgba(5, 10, 13, .98) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .34) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-titlebar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .16) !important;
  background:
    linear-gradient(180deg, rgba(35, 55, 68, .96), rgba(13, 22, 30, .96)),
    #0f1821 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-titlebar > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-titlebar strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-titlebar span {
  color: var(--valon-ui-muted) !important;
  font-size: 12px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-window-actions {
  display: flex !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-window-actions i {
  width: 10px !important;
  height: 10px !important;
  border: 1px solid rgba(217, 183, 103, .35) !important;
  border-radius: 2px !important;
  background: rgba(217, 183, 103, .13) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-body {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  height: calc(100% - 42px) !important;
  min-height: 0 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-sidebar {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 12px !important;
  border-right: 1px solid rgba(126, 230, 214, .14) !important;
  background:
    linear-gradient(180deg, rgba(12, 20, 28, .94), rgba(4, 8, 11, .96)),
    #071014 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-sidebar-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-sidebar-head span,
body.valon-panel-body .valon-desktop-editor .valon-editor-group header span,
body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar span,
body.valon-panel-body .valon-desktop-editor .valon-editor-fields label span,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot-props label span,
body.valon-panel-body .valon-desktop-editor .valon-editor-mini-item > span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-sidebar-head strong {
  color: var(--valon-ui-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list {
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 4px !important;
  scrollbar-color: rgba(217, 183, 103, .65) rgba(255, 255, 255, .06) !important;
  scrollbar-width: thin !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list::-webkit-scrollbar {
  width: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .05) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list::-webkit-scrollbar-thumb {
  border-radius: 8px !important;
  background: rgba(217, 183, 103, .68) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list a {
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 9px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list a[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list a:hover,
body.valon-panel-body .valon-desktop-editor .valon-editor-file-list a.active {
  border-color: rgba(217, 183, 103, .34) !important;
  color: var(--valon-ui-text) !important;
  background: rgba(217, 183, 103, .12) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-file-list a span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-workarea {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 12px !important;
  background:
    linear-gradient(90deg, rgba(126, 230, 214, .035), transparent 36%),
    rgba(6, 10, 13, .84) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-form {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar,
body.valon-panel-body .valon-desktop-editor .valon-editor-group {
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    rgba(10, 15, 20, .92) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar strong,
body.valon-panel-body .valon-desktop-editor .valon-editor-group header strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar small {
  max-width: 720px !important;
  color: var(--valon-ui-muted) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-command-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-command-actions .btn,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-group {
  overflow-x: auto !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-group > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 9px 10px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
  background: rgba(4, 8, 11, .42) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-fields,
body.valon-panel-body .valon-desktop-editor .valon-editor-equipment-strip,
body.valon-panel-body .valon-desktop-editor .valon-shop-slot-grid,
body.valon-panel-body .valon-desktop-editor .valon-mob-drop-grid {
  padding: 10px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-fields {
  display: grid !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-fields-six {
  grid-template-columns: repeat(6, minmax(104px, 1fr)) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-status-fields {
  grid-template-columns: repeat(9, minmax(90px, 1fr)) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-fields label,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot-props label {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
}

body.valon-panel-body .valon-desktop-editor .form-control {
  min-height: 30px !important;
  height: 30px !important;
  padding: 4px 7px !important;
  border-color: rgba(126, 230, 214, .18) !important;
  border-radius: 4px !important;
  background: rgba(0, 0, 0, .42) !important;
  color: var(--valon-ui-text) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-equipment-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(170px, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-item,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot {
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(180deg, rgba(18, 27, 34, .92), rgba(6, 10, 13, .95)),
    rgba(6, 10, 13, .95) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-item {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-item small,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot .js-editor-item-name {
  min-height: 28px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-props,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot-props {
  display: grid !important;
  gap: 5px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-props {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-slot-props {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-props .form-control,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot-props .form-control {
  padding-left: 4px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

body.valon-panel-body .valon-desktop-editor .valon-shop-slot-grid,
body.valon-panel-body .valon-desktop-editor .valon-mob-drop-grid {
  display: grid !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-shop-slot-grid {
  grid-template-columns: repeat(9, minmax(138px, 1fr)) !important;
  min-width: 1320px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-mob-drop-grid {
  grid-template-columns: repeat(8, minmax(142px, 1fr)) !important;
  min-width: 1220px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-slot {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-slot > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-slot > header strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  color: #061015 !important;
  background: var(--valon-ui-gold) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-slot > header small {
  color: var(--valon-ui-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-desktop-editor .valon-editor-mini-item.is-empty,
body.valon-panel-body .valon-desktop-editor .valon-editor-slot.is-empty {
  opacity: .58 !important;
}

body.valon-panel-body .valon-desktop-editor .valon-shop-slot {
  border-color: rgba(217, 183, 103, .18) !important;
}

body.valon-panel-body .valon-desktop-editor .valon-mob-drop-slot {
  border-color: rgba(126, 230, 214, .14) !important;
}

body.valon-panel-body .valon-market-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(132px, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}

body.valon-panel-body .valon-market-tabs a {
  display: grid !important;
  gap: 3px !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(18, 28, 35, .88), rgba(5, 10, 13, .95)),
    rgba(8, 13, 18, .95) !important;
}

body.valon-panel-body .valon-market-tabs a strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-market-tabs a span {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-market-tabs a.active,
body.valon-panel-body .valon-market-tabs a:hover {
  border-color: rgba(217, 183, 103, .42) !important;
  background:
    linear-gradient(180deg, rgba(217, 183, 103, .16), rgba(6, 11, 14, .96)),
    rgba(8, 13, 18, .95) !important;
}

body.valon-panel-body .valon-market-sidebar {
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
}

body.valon-panel-body .valon-market-side-card {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.valon-panel-body .valon-market-side-card span,
body.valon-panel-body .valon-market-npc-preview header span,
body.valon-panel-body .valon-market-row header span,
body.valon-panel-body .valon-market-card-head span,
body.valon-panel-body .valon-market-npc-editor header span,
body.valon-panel-body .valon-market-npc-fields label span,
body.valon-panel-body .valon-market-equipment-head span,
body.valon-panel-body .valon-market-equipment-item > span,
body.valon-panel-body .valon-market-effect-grid label span,
body.valon-panel-body .valon-market-price-field span,
body.valon-panel-body .valon-market-item-editor label span,
body.valon-panel-body .valon-market-requirements-head span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-market-side-card strong,
body.valon-panel-body .valon-market-npc-preview header strong,
body.valon-panel-body .valon-market-row header strong,
body.valon-panel-body .valon-market-card-head strong,
body.valon-panel-body .valon-market-npc-editor header strong,
body.valon-panel-body .valon-market-equipment-head strong,
body.valon-panel-body .valon-market-requirements-head strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-market-side-card small {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.valon-panel-body .valon-market-side-card em {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  color: #061015 !important;
  background: var(--valon-ui-gold) !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-market-side-card em.is-bad {
  color: #ffd7d7 !important;
  background: rgba(255, 91, 91, .18) !important;
}

body.valon-panel-body .valon-market-side-card em.is-ok {
  background: rgba(126, 230, 214, .82) !important;
}

body.valon-panel-body .valon-market-compare {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-market-compare article {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(180deg, rgba(18, 27, 34, .86), rgba(6, 10, 13, .94)),
    rgba(6, 10, 13, .94) !important;
}

body.valon-panel-body .valon-market-compare article.is-warn {
  border-color: rgba(217, 183, 103, .34) !important;
  background:
    linear-gradient(180deg, rgba(217, 183, 103, .11), rgba(6, 10, 13, .95)),
    rgba(6, 10, 13, .95) !important;
}

body.valon-panel-body .valon-market-compare article span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-market-compare article strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.valon-panel-body .valon-market-compare article small {
  min-height: 28px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-market-npc-preview {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .025) !important;
}

body.valon-panel-body .valon-market-npc-preview header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-market-npc-preview > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  overflow-y: auto !important;
  padding-right: 3px !important;
}

body.valon-panel-body .valon-market-npc-preview > div span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 25px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 4px !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(0, 0, 0, .32) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-market-sync-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(126, 230, 214, .18) !important;
  border-radius: 4px !important;
  background: rgba(126, 230, 214, .08) !important;
  color: var(--valon-ui-text) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-market-sync-toggle input {
  margin: 0 !important;
}

body.valon-panel-body .valon-market-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-market-toolbar .form-control {
  max-width: 360px !important;
}

body.valon-panel-body .valon-market-toolbar-hint {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-align: right !important;
}

body.valon-panel-body .valon-market-rows {
  display: grid !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-market-row {
  display: grid !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(18, 27, 34, .88), rgba(6, 10, 13, .95)),
    rgba(6, 10, 13, .95) !important;
}

body.valon-panel-body .valon-market-row[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-market-row > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-market-row > header > div {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-market-row > header span {
  display: block !important;
  max-width: 520px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-market-row > header small {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-market-row-state {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  color: #061015 !important;
  background: rgba(126, 230, 214, .82) !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-market-row-state.is-hidden,
body.valon-panel-body .valon-market-row-state.is-diff {
  color: #fff4d4 !important;
  background: rgba(217, 183, 103, .22) !important;
}

body.valon-panel-body .valon-market-row-state.is-empty {
  color: var(--valon-ui-muted) !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.valon-panel-body .valon-market-npc-line {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(126, 230, 214, .12) !important;
  border-radius: 4px !important;
  background: rgba(0, 0, 0, .24) !important;
}

body.valon-panel-body .valon-market-npc-line span {
  color: var(--valon-ui-gold) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-market-npc-line strong {
  color: var(--valon-ui-text) !important;
  font-family: Rajdhani, Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.valon-panel-body .valon-market-npc-line small {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-market-row .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
}

body.valon-panel-body .valon-market-npc-editor {
  display: grid !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .14) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(18, 27, 34, .88), rgba(6, 10, 13, .95)),
    rgba(6, 10, 13, .95) !important;
}

body.valon-panel-body .valon-market-npc-editor > header,
body.valon-panel-body .valon-market-equipment-head,
body.valon-panel-body .valon-market-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-market-npc-editor > header > div,
body.valon-panel-body .valon-market-card-head {
  min-width: 0 !important;
}

body.valon-panel-body .valon-market-npc-editor > header small {
  color: var(--valon-ui-muted) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.valon-panel-body .valon-market-npc-fields {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(104px, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-market-npc-fields label,
body.valon-panel-body .valon-market-effect-grid label,
body.valon-panel-body .valon-market-price-field {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-market-equipment-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

body.valon-panel-body .valon-market-equipment-item {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .22) !important;
}

body.valon-panel-body .valon-market-equipment-item small {
  min-height: 26px !important;
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
}

body.valon-panel-body .valon-market-equipment-item > div,
body.valon-panel-body .valon-market-effect-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

body.valon-panel-body .valon-market-row-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, .95fr) minmax(360px, 1.05fr) !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-market-reward-card,
body.valon-panel-body .valon-market-cost-card {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(126, 230, 214, .12) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .025) !important;
}

body.valon-panel-body .valon-market-price-field input {
  max-width: 220px !important;
}

body.valon-panel-body .valon-market-item-editor {
  display: grid !important;
  grid-template-columns: minmax(160px, 2fr) repeat(6, minmax(58px, .7fr)) minmax(120px, 1fr) !important;
  gap: 8px !important;
  align-items: end !important;
}

body.valon-panel-body .valon-market-editor form[data-market-type="requirements"] .valon-market-item-editor {
  grid-template-columns: minmax(160px, 2fr) repeat(6, minmax(58px, .7fr)) !important;
}

body.valon-panel-body .valon-market-item-editor label {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-market-requirements {
  display: grid !important;
  gap: 8px !important;
  padding: 9px !important;
  border: 1px solid rgba(217, 183, 103, .14) !important;
  border-radius: 5px !important;
  background: rgba(217, 183, 103, .045) !important;
}

body.valon-panel-body .valon-market-requirements-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.valon-panel-body .valon-market-requirement-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 7px !important;
}

body.valon-panel-body .valon-market-requirement {
  display: grid !important;
  grid-template-columns: minmax(86px, 1fr) 78px minmax(120px, 1.4fr) !important;
  gap: 6px !important;
  align-items: center !important;
}

body.valon-panel-body .valon-market-requirement small {
  color: var(--valon-ui-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1399.98px) {
  body.valon-panel-body .valon-market-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-compare {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-npc-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-equipment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-requirement-list {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-npc-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-npc-profile-grid,
  body.valon-panel-body .valon-npc-equips {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-npc-status-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  body.valon-panel-body .valon-desktop-editor .valon-editor-body {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-desktop-editor .valon-editor-sidebar {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(126, 230, 214, .14) !important;
  }

  body.valon-panel-body .valon-market-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-compare {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-item-editor,
  body.valon-panel-body .valon-market-editor form[data-market-type="requirements"] .valon-market-item-editor,
  body.valon-panel-body .valon-market-row-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-market-npc-fields,
  body.valon-panel-body .valon-market-equipment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valon-panel-body .valon-npc-profile-grid,
  body.valon-panel-body .valon-npc-equips {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.valon-panel-body .valon-market-tabs,
  body.valon-panel-body .valon-market-compare,
  body.valon-panel-body .valon-market-row-grid,
  body.valon-panel-body .valon-market-npc-fields,
  body.valon-panel-body .valon-market-equipment-grid,
  body.valon-panel-body .valon-market-requirement {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-market-toolbar,
  body.valon-panel-body .valon-market-row > header,
  body.valon-panel-body .valon-market-requirements-head,
  body.valon-panel-body .valon-market-npc-editor > header,
  body.valon-panel-body .valon-market-equipment-head,
  body.valon-panel-body .valon-desktop-editor .valon-editor-commandbar,
  body.valon-panel-body .valon-desktop-editor .valon-editor-command-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-market-toolbar .form-control {
    max-width: none !important;
  }

  body.valon-panel-body .valon-market-toolbar-hint {
    text-align: left !important;
  }

  body.valon-panel-body .valon-market-npc-line {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-npc-status-grid,
  body.valon-panel-body .valon-npc-profile-grid,
  body.valon-panel-body .valon-npc-status-form-grid,
  body.valon-panel-body .valon-npc-equips,
  body.valon-panel-body .valon-npc-picker,
  body.valon-panel-body .valon-shop-summary {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .valon-npc-toolbar,
  body.valon-panel-body .valon-npc-card-head,
  body.valon-panel-body .valon-npc-section-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .valon-npc-toolbar .btn,
  body.valon-panel-body .valon-npc-card-head .btn {
    width: 100% !important;
  }
}

body.valon-panel-body .valon-launcher-page {
  box-sizing: border-box !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 30px 24px 54px !important;
}

body.valon-panel-body .valon-launcher-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 22px !important;
}

body.valon-panel-body .valon-launcher-kicker,
body.valon-panel-body .valon-launcher-card-head span {
  color: var(--valon-ui-accent) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-launcher-heading h1 {
  margin: 7px 0 6px !important;
  color: var(--valon-ui-text) !important;
  font-size: 2.2rem !important;
}

body.valon-panel-body .valon-launcher-heading p,
body.valon-panel-body .valon-launcher-card small {
  color: var(--valon-ui-muted) !important;
}

body.valon-panel-body .valon-launcher-summary {
  min-width: 190px !important;
  padding: 14px 16px !important;
  border-left: 3px solid var(--valon-ui-gold) !important;
  background: rgba(232, 197, 111, .07) !important;
}

body.valon-panel-body .valon-launcher-summary span,
body.valon-panel-body .valon-launcher-summary small {
  display: block !important;
  color: var(--valon-ui-muted) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-launcher-summary strong {
  display: block !important;
  margin: 2px 0 !important;
  color: var(--valon-ui-gold) !important;
  font-size: 1.8rem !important;
}

body.valon-panel-body .valon-launcher-alert {
  margin: 0 0 18px !important;
  border: 1px solid rgba(126, 230, 214, .2) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: rgba(4, 8, 11, .7) !important;
  color: var(--valon-ui-text) !important;
}

body.valon-panel-body .valon-launcher-alert.is-danger {
  border-color: rgba(255, 116, 116, .35) !important;
  color: #ffd2d2 !important;
}

body.valon-panel-body .valon-launcher-alert.is-info strong {
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .valon-launcher-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

body.valon-panel-body .valon-launcher-card {
  min-width: 0 !important;
  border: 1px solid rgba(126, 230, 214, .16) !important;
  border-radius: var(--valon-ui-radius) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), #101a24 !important;
  box-shadow: none !important;
}

body.valon-panel-body .valon-launcher-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .12) !important;
}

body.valon-panel-body .valon-launcher-card-head h2 {
  margin: 5px 0 0 !important;
  color: var(--valon-ui-text) !important;
  font-size: 1.15rem !important;
}

body.valon-panel-body .valon-launcher-card-head > i {
  color: var(--valon-ui-gold) !important;
  font-size: 1.25rem !important;
}

body.valon-panel-body .valon-launcher-form {
  display: grid !important;
  gap: 15px !important;
  padding: 20px !important;
}

body.valon-panel-body .valon-launcher-form label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  color: var(--valon-ui-text) !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-launcher-form label > span:first-child {
  color: var(--valon-ui-muted) !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-launcher-form input[type="url"],
body.valon-panel-body .valon-launcher-form input[type="number"],
body.valon-panel-body .valon-launcher-form input[type="file"] {
  width: 100% !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(126, 230, 214, .17) !important;
  border-radius: 6px !important;
  padding: 9px 11px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(4, 8, 11, .82) !important;
}

body.valon-panel-body .valon-launcher-form input[type="file"] {
  padding: 8px !important;
}

body.valon-panel-body .valon-launcher-form-row {
  display: grid !important;
  grid-template-columns: minmax(120px, .5fr) minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: end !important;
}

body.valon-panel-body .valon-launcher-form label small {
  line-height: 1.45 !important;
}

body.valon-panel-body .valon-launcher-check > span:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  color: var(--valon-ui-text) !important;
  font-size: .88rem !important;
}

body.valon-panel-body .valon-launcher-form .btn {
  justify-self: start !important;
  min-height: 40px !important;
}

body.valon-panel-body .valon-launcher-list-card {
  overflow: hidden !important;
}

body.valon-panel-body .valon-launcher-path {
  max-width: 48% !important;
  overflow: hidden !important;
  color: var(--valon-ui-muted) !important;
  font-size: .74rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

body.valon-panel-body .valon-launcher-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}

body.valon-panel-body .valon-launcher-table {
  width: 100% !important;
  min-width: 820px !important;
  border-collapse: collapse !important;
}

body.valon-panel-body .valon-launcher-table th,
body.valon-panel-body .valon-launcher-table td {
  padding: 13px 16px !important;
  border-bottom: 1px solid rgba(126, 230, 214, .1) !important;
  text-align: left !important;
  vertical-align: middle !important;
}

body.valon-panel-body .valon-launcher-table th {
  color: var(--valon-ui-gold) !important;
  background: rgba(232, 197, 111, .08) !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .valon-launcher-table td {
  color: var(--valon-ui-text) !important;
  font-size: .86rem !important;
}

body.valon-panel-body .valon-launcher-table code {
  color: var(--valon-ui-accent) !important;
  background: transparent !important;
}

body.valon-panel-body .valon-launcher-hash {
  color: var(--valon-ui-muted) !important;
  font-size: .72rem !important;
}

body.valon-panel-body .valon-launcher-status {
  white-space: nowrap !important;
  font-weight: 800 !important;
}

body.valon-panel-body .valon-launcher-status.is-ok { color: #77e6b0 !important; }
body.valon-panel-body .valon-launcher-status.is-missing { color: #ffb0a5 !important; }

body.valon-panel-body .valon-launcher-empty {
  display: grid !important;
  justify-items: center !important;
  gap: 7px !important;
  padding: 44px 20px !important;
  color: var(--valon-ui-muted) !important;
  text-align: center !important;
}

body.valon-panel-body .valon-launcher-empty i {
  color: var(--valon-ui-gold) !important;
  font-size: 1.8rem !important;
}

body.valon-panel-body .valon-launcher-empty strong { color: var(--valon-ui-text) !important; }

body.valon-panel-body .valon-launcher-help {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding: 15px 17px !important;
  border-left: 3px solid var(--valon-ui-accent) !important;
  color: var(--valon-ui-muted) !important;
  background: rgba(126, 230, 214, .06) !important;
}

body.valon-panel-body .valon-launcher-help i { color: var(--valon-ui-accent) !important; margin-top: 2px !important; }
body.valon-panel-body .valon-launcher-help strong,
body.valon-panel-body .valon-launcher-help span { display: block !important; }
body.valon-panel-body .valon-launcher-help strong { margin-bottom: 3px !important; color: var(--valon-ui-text) !important; }

@media (max-width: 900px) {
  body.valon-panel-body .valon-launcher-heading,
  body.valon-panel-body .valon-launcher-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }

  body.valon-panel-body .valon-launcher-summary { min-width: 0 !important; }
  body.valon-panel-body .valon-launcher-form-row { grid-template-columns: 1fr !important; }
  body.valon-panel-body .valon-launcher-page { padding: 22px 14px 42px !important; }
}

body.valon-panel-body .mmorpg-affiliate-page,
body.valon-panel-body .mmorpg-admin-affiliates-page {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.valon-panel-body .mmorpg-affiliate-page .mmorpg-pricing-hero,
body.valon-panel-body .mmorpg-admin-affiliates-page .mmorpg-pricing-hero {
  border-color: rgba(126, 230, 214, .18) !important;
  background: linear-gradient(135deg, rgba(126, 230, 214, .11), rgba(232, 197, 111, .06)), #101a24 !important;
}

body.valon-panel-body .mmorpg-affiliate-page .mmorpg-pricing-hero h1,
body.valon-panel-body .mmorpg-admin-affiliates-page .mmorpg-pricing-hero h1 {
  font-size: 2.2rem !important;
}

body.valon-panel-body .mmorpg-affiliate-page .mmorpg-pricing-balance,
body.valon-panel-body .mmorpg-admin-affiliates-page .mmorpg-pricing-balance {
  min-width: 190px !important;
}

body.valon-panel-body .mmorpg-affiliate-link-card,
body.valon-panel-body .mmorpg-payment-history,
body.valon-panel-body .mmorpg-admin-affiliate-card {
  overflow: hidden !important;
  border-color: rgba(126, 230, 214, .15) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), #101a24 !important;
}

body.valon-panel-body .mmorpg-affiliate-page .mmorpg-panel-card-header,
body.valon-panel-body .mmorpg-admin-affiliates-page .mmorpg-panel-card-header {
  border-bottom-color: rgba(126, 230, 214, .12) !important;
}

body.valon-panel-body .mmorpg-affiliate-page .mmorpg-panel-card-header span,
body.valon-panel-body .mmorpg-admin-affiliates-page .mmorpg-panel-card-header span {
  color: var(--valon-ui-accent) !important;
}

body.valon-panel-body .mmorpg-affiliate-link-box {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 13px !important;
}

body.valon-panel-body .mmorpg-affiliate-link-box input {
  min-width: 0 !important;
  height: 42px !important;
  border: 1px solid rgba(126, 230, 214, .17) !important;
  border-radius: 6px !important;
  color: var(--valon-ui-text) !important;
  background: rgba(4, 8, 11, .82) !important;
}

body.valon-panel-body .mmorpg-affiliate-link-box .btn {
  min-height: 42px !important;
  white-space: nowrap !important;
}

body.valon-panel-body .mmorpg-affiliate-name-form > label {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--valon-ui-muted) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .mmorpg-affiliate-rule {
  display: block !important;
  margin-top: 12px !important;
  color: var(--valon-ui-muted) !important;
  line-height: 1.5 !important;
}

body.valon-panel-body .mmorpg-affiliate-stats,
body.valon-panel-body .mmorpg-admin-affiliate-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 !important;
}

body.valon-panel-body .mmorpg-admin-affiliate-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body.valon-panel-body .mmorpg-affiliate-stats > div,
body.valon-panel-body .mmorpg-admin-affiliate-stats > div {
  min-width: 0 !important;
  padding: 17px !important;
  border: 1px solid rgba(126, 230, 214, .13) !important;
  border-radius: 6px !important;
  background: rgba(4, 8, 11, .64) !important;
}

body.valon-panel-body .mmorpg-affiliate-stats span,
body.valon-panel-body .mmorpg-admin-affiliate-stats span {
  display: block !important;
  color: var(--valon-ui-muted) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.valon-panel-body .mmorpg-affiliate-stats strong,
body.valon-panel-body .mmorpg-admin-affiliate-stats strong {
  display: block !important;
  margin-top: 7px !important;
  color: var(--valon-ui-gold) !important;
  font-size: 1.65rem !important;
}

body.valon-panel-body .mmorpg-admin-affiliate-stats small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--valon-ui-muted) !important;
}

body.valon-panel-body .mmorpg-affiliate-page .table-responsive,
body.valon-panel-body .mmorpg-admin-affiliates-page .table-responsive {
  overflow-x: auto !important;
}

body.valon-panel-body .mmorpg-affiliate-page table,
body.valon-panel-body .mmorpg-admin-affiliates-page table {
  min-width: 700px !important;
  margin: 0 !important;
}

body.valon-panel-body .mmorpg-affiliate-page table th,
body.valon-panel-body .mmorpg-admin-affiliates-page table th {
  color: var(--valon-ui-gold) !important;
  background: rgba(232, 197, 111, .08) !important;
  border-color: rgba(126, 230, 214, .1) !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.valon-panel-body .mmorpg-affiliate-page table td,
body.valon-panel-body .mmorpg-admin-affiliates-page table td {
  color: var(--valon-ui-text) !important;
  border-color: rgba(126, 230, 214, .08) !important;
  vertical-align: middle !important;
}

body.valon-panel-body .mmorpg-admin-affiliate-table td small,
body.valon-panel-body .mmorpg-admin-affiliate-table td a {
  display: block !important;
  margin-top: 3px !important;
}

body.valon-panel-body .mmorpg-admin-affiliate-table td a {
  max-width: 260px !important;
  overflow: hidden !important;
  color: var(--valon-ui-accent) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1050px) {
  body.valon-panel-body .mmorpg-admin-affiliate-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.valon-panel-body .mmorpg-affiliate-page .mmorpg-pricing-hero,
  body.valon-panel-body .mmorpg-admin-affiliates-page .mmorpg-pricing-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.valon-panel-body .mmorpg-affiliate-stats,
  body.valon-panel-body .mmorpg-admin-affiliate-stats {
    grid-template-columns: 1fr !important;
  }

  body.valon-panel-body .mmorpg-affiliate-link-box {
    grid-template-columns: 1fr !important;
  }
}

/* Shared shell owns page height; footer height can grow when its text wraps. */
body.valon-panel-body {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: 100vh !important;
  height: 100dvh !important;
}

body.valon-panel-body > .valon-control-shell {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-control-shell > .valon-control-mainwrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.valon-panel-body .valon-control-shell .valon-control-mainwrap > .content-body,
body.valon-panel-body .valon-control-shell .valon-control-mainwrap > .mmorpg-panel-main {
  flex: 1 0 auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px !important;
}

body.valon-panel-body > .wyd2-panel-footer {
  position: static !important;
  box-sizing: border-box !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.valon-panel-body > .wyd2-panel-footer > span,
body.valon-panel-body > .wyd2-panel-footer > small {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  body.valon-panel-body .valon-control-shell .valon-control-mainwrap > .content-body,
  body.valon-panel-body .valon-control-shell .valon-control-mainwrap > .mmorpg-panel-main {
    padding: 20px 16px !important;
  }

  body.valon-panel-body > .wyd2-panel-footer {
    margin-left: 0 !important;
    padding: 18px 16px !important;
  }
}

body.valon-panel-body .valon-editor-create-button {
  flex: 0 0 auto;
  align-self: flex-end;
  white-space: nowrap;
}

body.valon-panel-body .valon-editor-create-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
  align-items: center;
  gap: 18px;
  margin: 14px 0;
  padding: 14px 16px;
  border: 1px solid rgba(210, 166, 67, .45);
  background: rgba(210, 166, 67, .08);
}

body.valon-panel-body .valon-editor-create-strip strong,
body.valon-panel-body .valon-editor-create-strip small {
  display: block;
}

body.valon-panel-body .valon-editor-create-strip strong {
  color: #f0c86a;
}

body.valon-panel-body .valon-editor-create-strip small {
  margin-top: 4px;
  color: #9aa6ad;
}

body.valon-panel-body .valon-editor-create-strip label {
  display: block;
  margin: 0;
}

body.valon-panel-body .valon-editor-create-strip label > span {
  display: block;
  margin-bottom: 5px;
  color: #d3b15e;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

body.valon-panel-body .valon-editor-create-strip input {
  width: 100%;
}

@media (max-width: 680px) {
  body.valon-panel-body .valon-editor-create-button {
    align-self: stretch;
    width: 100%;
    margin-top: 12px;
  }

  body.valon-panel-body .valon-editor-create-strip {
    grid-template-columns: 1fr;
  }
}

/* Administrative account editor and audited support credentials. */
body.valon-panel-body .valon-account-editor-row {
  margin: 0 !important;
}

body.valon-panel-body .valon-account-editor-row > .col-lg-12 {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body.valon-panel-body .valon-account-editor-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(210, 166, 67, .28);
}

body.valon-panel-body .valon-account-editor-heading > div {
  min-width: 0;
}

body.valon-panel-body .valon-account-editor-heading span,
body.valon-panel-body .valon-support-secrets > header span,
body.valon-panel-body .valon-support-result > header span,
body.valon-panel-body .valon-support-credentials article > span,
body.valon-panel-body .valon-support-secondary span {
  display: block;
  color: #d3b15e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.valon-panel-body .valon-account-editor-heading h1 {
  margin: 3px 0 4px;
  color: #f1f4f5;
  font-family: Rajdhani, Inter, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
}

body.valon-panel-body .valon-account-editor-heading p,
body.valon-panel-body .valon-support-secrets > header p {
  margin: 0;
  color: #9aa6ad;
  line-height: 1.5;
}

body.valon-panel-body .valon-account-editor-heading > strong {
  flex: 0 0 auto;
  max-width: 280px;
  padding: 9px 13px;
  border: 1px solid rgba(210, 166, 67, .35);
  border-radius: 4px;
  color: #f0c86a;
  background: rgba(210, 166, 67, .08);
  overflow-wrap: anywhere;
}

body.valon-panel-body .valon-account-editor-panel {
  padding: 22px !important;
  border: 1px solid rgba(126, 143, 151, .24);
  border-radius: 6px;
  background: rgba(10, 17, 21, .72);
}

body.valon-panel-body .valon-account-profile-form .form-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 18px;
}

body.valon-panel-body .valon-account-profile-form .form-body > .row {
  display: contents !important;
}

body.valon-panel-body .valon-account-profile-form .form-body > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.valon-panel-body .valon-account-profile-form .form-group {
  height: 100%;
  margin: 0 !important;
}

body.valon-panel-body .valon-account-profile-form .control-label,
body.valon-panel-body .valon-support-secrets form label > span {
  display: block;
  margin: 0 0 6px;
  color: #c8d0d4;
  font-size: 12px;
  font-weight: 700;
}

body.valon-panel-body .valon-account-profile-form .form-control,
body.valon-panel-body .valon-account-profile-form .btn-block,
body.valon-panel-body .valon-support-secrets .form-control {
  width: 100%;
  height: 42px;
  min-height: 42px;
  margin: 0 !important;
  border-radius: 4px !important;
}

body.valon-panel-body .valon-account-profile-form .form-body > br {
  display: none;
}

body.valon-panel-body .valon-account-profile-form .form-actions {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid rgba(126, 143, 151, .18);
}

body.valon-panel-body .valon-account-profile-form .form-actions .btn {
  min-width: 110px;
  margin: 0 !important;
}

body.valon-panel-body .valon-support-secrets {
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid rgba(210, 166, 67, .28);
}

body.valon-panel-body .valon-support-secrets > header {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.2fr);
  align-items: end;
  gap: 24px;
  margin-bottom: 16px;
}

body.valon-panel-body .valon-support-secrets > header h2 {
  margin: 3px 0 0;
  color: #f1f4f5;
  font-family: Rajdhani, Inter, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
}

body.valon-panel-body .valon-support-secrets > form {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 15px;
  border: 1px solid rgba(126, 143, 151, .22);
  border-radius: 5px;
  background: rgba(0, 0, 0, .18);
}

body.valon-panel-body .valon-support-secrets > form label {
  min-width: 0;
  margin: 0;
}

body.valon-panel-body .valon-support-secrets > form .btn {
  min-width: 220px;
  min-height: 42px;
  margin: 0 !important;
  border-radius: 4px !important;
  font-weight: 700;
}

body.valon-panel-body .valon-support-secrets > .alert {
  margin: 12px 0 0;
}

body.valon-panel-body .valon-support-result {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(210, 166, 67, .32);
  border-radius: 6px;
  background: rgba(7, 12, 15, .7);
}

body.valon-panel-body .valon-support-result[hidden] {
  display: none !important;
}

body.valon-panel-body .valon-support-result > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(210, 166, 67, .2);
  background: rgba(210, 166, 67, .07);
}

body.valon-panel-body .valon-support-result > header strong {
  display: block;
  margin-top: 2px;
  color: #f1f4f5;
  overflow-wrap: anywhere;
}

body.valon-panel-body .valon-support-result button,
body.valon-panel-body .support-copy-button {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid rgba(210, 166, 67, .32);
  border-radius: 4px;
  color: #f0c86a;
  background: rgba(210, 166, 67, .07);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

body.valon-panel-body .valon-support-result button:hover,
body.valon-panel-body .support-copy-button:hover {
  border-color: #d2a643;
  color: #071014;
  background: #d2a643;
}

body.valon-panel-body .valon-support-credentials {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid rgba(126, 143, 151, .16);
}

body.valon-panel-body .valon-support-credentials article {
  min-width: 0;
  padding: 16px;
}

body.valon-panel-body .valon-support-credentials article + article {
  border-left: 1px solid rgba(126, 143, 151, .16);
}

body.valon-panel-body .valon-support-credentials article > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 7px;
}

body.valon-panel-body .valon-support-credentials code {
  display: block;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(126, 143, 151, .2);
  border-radius: 4px;
  color: #f1f4f5;
  background: #070c0f;
  font-family: Consolas, Monaco, monospace;
  font-size: 16px;
  overflow-wrap: anywhere;
}

body.valon-panel-body .valon-support-credentials small {
  display: block;
  margin-top: 6px;
  color: #7fc5bd;
  font-size: 11px;
}

body.valon-panel-body .valon-support-secondary {
  display: grid;
  grid-template-columns: minmax(120px, .55fr) minmax(0, 1fr) minmax(0, 1fr);
}

body.valon-panel-body .valon-support-secondary > div {
  min-width: 0;
  padding: 14px 16px;
}

body.valon-panel-body .valon-support-secondary > div + div {
  border-left: 1px solid rgba(126, 143, 151, .16);
}

body.valon-panel-body .valon-support-secondary strong {
  display: block;
  margin-top: 5px;
  color: #dce3e6;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  body.valon-panel-body .valon-account-profile-form .form-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.valon-panel-body .valon-support-secrets > header {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.valon-panel-body .valon-support-secondary {
    grid-template-columns: 1fr 1fr;
  }

  body.valon-panel-body .valon-support-secondary > div:first-child {
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(126, 143, 151, .16);
  }

  body.valon-panel-body .valon-support-secondary > div:nth-child(2) {
    border-left: 0;
  }
}

@media (max-width: 680px) {
  body.valon-panel-body .valon-account-editor-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  body.valon-panel-body .valon-account-editor-heading > strong {
    max-width: 100%;
  }

  body.valon-panel-body .valon-account-editor-panel {
    padding: 15px !important;
  }

  body.valon-panel-body .valon-account-profile-form .form-body,
  body.valon-panel-body .valon-support-secrets > form,
  body.valon-panel-body .valon-support-credentials,
  body.valon-panel-body .valon-support-secondary {
    grid-template-columns: 1fr;
  }

  body.valon-panel-body .valon-account-profile-form .form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  body.valon-panel-body .valon-account-profile-form .form-actions .btn,
  body.valon-panel-body .valon-support-secrets > form .btn {
    width: 100%;
    min-width: 0;
  }

  body.valon-panel-body .valon-support-credentials article + article,
  body.valon-panel-body .valon-support-secondary > div + div {
    border-left: 0;
    border-top: 1px solid rgba(126, 143, 151, .16);
  }

  body.valon-panel-body .valon-support-secondary > div:first-child {
    grid-column: auto;
  }
}