/* ==========================================================================
   Game Center / nexus — user wall (profile comments)
   ========================================================================== */

.nx-body .nx-wall {
  margin-top: 28px;
  padding: 22px 22px 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background:
    linear-gradient(165deg, rgba(22, 48, 66, 0.35), transparent 42%),
    linear-gradient(145deg, #0f1d28, #0a141c);
}

.nx-body .nx-wall__head {
  display: flex;
  margin-bottom: 18px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.nx-body .nx-wall__title span {
  display: block;
  color: #42bae9;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.nx-body .nx-wall__title h3,
.nx-body .nx-wall .title_bar h3 {
  margin: 5px 0 0;
  color: #edf6fb;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.nx-body .nx-wall__compose {
  flex-shrink: 0;
  min-height: 36px;
  padding: 7px 14px;
  gap: 8px;
  font-size: 12px;
}

.nx-body .nx-wall__compose svg {
  width: 13px;
  height: 13px;
}

/* Composer */
.nx-body .nx-wall__composer,
.nx-body #wall_add_form {
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid rgba(72, 194, 241, 0.18);
  border-radius: 12px;
  background: #0b1620;
}

.nx-body .nx-wall__composer .preview_box,
.nx-body #wall_add_form .preview_box {
  margin: 0 0 12px !important;
  padding: 12px 14px;
  border: 1px solid var(--line) !important;
  border-radius: 10px;
  color: #d7e3ed;
  background: #0d1a24 !important;
}

.nx-body .nx-wall__actions {
  margin-top: 12px;
  align-items: center;
}

.nx-body .nx-wall__actions .btn-info {
  border-color: var(--line);
  color: #9eb4c4;
  background: #0d1924;
}

.nx-body .nx-wall__actions .btn-info:hover {
  color: #edf6fb;
  background: #122331;
}

.nx-body .nx-wall__actions .btn-secondary,
.nx-body .nx-wall__actions .button-cancel {
  border-color: var(--line);
  color: #8aa0b2;
  background: transparent;
}

/* Feed */
.nx-body .nx-wall__feed,
.nx-body #entries_list {
  display: flex;
  margin: 0;
  flex-direction: column;
  gap: 12px;
}

.nx-body .nx-wall__empty,
.nx-body .nx-wall .no_entries {
  margin: 0;
  padding: 22px 18px;
  border: 1px dashed rgba(104, 126, 144, 0.35);
  border-radius: 12px;
  color: #7d93a5;
  background: rgba(8, 18, 26, 0.55);
  text-align: center;
  font-size: 14px;
}

/* Entry card */
.nx-body .nx-wall-entry,
.nx-body #wall_widget .entry.media {
  display: grid;
  margin: 0 !important;
  padding: 14px 14px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  align-items: start;
  gap: 12px;
  grid-template-columns: 44px minmax(0, 1fr);
  background: linear-gradient(145deg, #101f2c, #0b1721);
  transition:
    border-color 160ms ease,
    background 160ms ease;
}

.nx-body .nx-wall-entry:hover,
.nx-body #wall_widget .entry.media:hover {
  border-color: rgba(72, 194, 241, 0.28);
}

.nx-body .nx-wall-entry--reply {
  margin-left: 28px !important;
  border-color: rgba(72, 194, 241, 0.12);
  background: #0c1822;
}

.nx-body .nx-wall-entry__avatar,
.nx-body #wall_widget .entry > .d-flex {
  margin: 0 !important;
}

.nx-body .nx-wall-entry__avatar .icms-user-avatar,
.nx-body #wall_widget .entry .icms-user-avatar {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 1px solid rgba(72, 194, 241, 0.22);
  border-radius: 50%;
  background: #0d202c;
}

.nx-body .nx-wall-entry__avatar img,
.nx-body #wall_widget .entry .icms-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nx-body .nx-wall-entry__online {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 9px;
  height: 9px;
  border: 2px solid #0b1721;
  border-radius: 50%;
  background: #49d18a;
}

.nx-body .nx-wall-entry__body {
  min-width: 0;
}

.nx-body .nx-wall-entry__meta,
.nx-body #wall_widget .entry h6 {
  display: flex;
  margin: 0 0 8px !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.nx-body .nx-wall-entry__author,
.nx-body #wall_widget .entry a.user {
  color: #edf6fb !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.nx-body .nx-wall-entry__author:hover,
.nx-body #wall_widget .entry a.user:hover {
  color: #73d9ff !important;
}

.nx-body .nx-wall-entry__date,
.nx-body #wall_widget .entry .text-muted {
  display: inline-flex;
  color: #687e90 !important;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
}

.nx-body .nx-wall-entry__date svg,
.nx-body #wall_widget .entry .text-muted svg {
  width: 12px;
  height: 12px;
  opacity: 0.75;
}

.nx-body .nx-wall-entry__anchor,
.nx-body #wall_widget .entry a.text-dark {
  margin: 0 !important;
  color: #4f6476 !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.nx-body .nx-wall-entry__anchor:hover,
.nx-body #wall_widget .entry a.text-dark:hover {
  color: #73d9ff !important;
}

.nx-body .nx-wall-entry__content,
.nx-body #wall_widget .icms-wall-html {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: #d7e3ed;
  background: #0d1a24;
  font-size: 14px;
  line-height: 1.55;
  word-break: break-word;
}

.nx-body .nx-wall-entry__content p,
.nx-body #wall_widget .icms-wall-html p {
  margin: 0 0 8px;
  color: inherit;
}

.nx-body .nx-wall-entry__content p:last-child,
.nx-body #wall_widget .icms-wall-html p:last-child {
  margin-bottom: 0;
}

.nx-body .nx-wall-entry__content a,
.nx-body #wall_widget .icms-wall-html a {
  color: #73d9ff;
}

.nx-body .nx-wall-entry__links,
.nx-body #wall_widget .entry .links {
  display: flex;
  margin-top: 10px !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.nx-body .nx-wall-entry__action,
.nx-body #wall_widget .entry .links > a {
  display: inline-flex;
  min-height: 30px;
  padding: 4px 10px;
  border: 1px solid transparent !important;
  border-radius: 8px;
  color: #8aa0b2 !important;
  background: transparent !important;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none !important;
  transition:
    color 140ms ease,
    background 140ms ease,
    border-color 140ms ease;
}

.nx-body .nx-wall-entry__action:hover,
.nx-body #wall_widget .entry .links > a:hover {
  border-color: rgba(72, 194, 241, 0.22) !important;
  color: #edf6fb !important;
  background: rgba(32, 168, 243, 0.1) !important;
}

.nx-body .nx-wall-entry__action.reply,
.nx-body #wall_widget .entry .links > a.reply {
  color: #73d9ff !important;
}

.nx-body .nx-wall-entry__action svg,
.nx-body #wall_widget .entry .links > a svg {
  width: 13px;
  height: 13px;
}

.nx-body .nx-wall-entry__action.disabled,
.nx-body #wall_widget .entry .links > a.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.nx-body .nx-wall-entry__replies {
  display: inline-flex;
  margin-top: 8px;
  padding: 4px 0;
  color: #73d9ff;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.nx-body .nx-wall-entry__thread {
  margin-top: 12px;
  padding-left: 4px;
  border-left: 1px solid rgba(72, 194, 241, 0.14);
}

.nx-body .nx-wall__more {
  margin-top: 4px;
}

.nx-body .nx-wall__pages {
  margin-top: 14px;
}

/* Dark TinyMCE inside wall / profile */
.nx-body #wall_widget .tox.tox-tinymce,
.nx-body .profile-page .tox.tox-tinymce,
.nx-body .nx-wall .tox.tox-tinymce {
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: none !important;
}

.nx-body #wall_widget .tox .tox-editor-header,
.nx-body .profile-page .tox .tox-editor-header,
.nx-body .nx-wall .tox .tox-editor-header {
  padding: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: #12202c !important;
  box-shadow: none !important;
}

.nx-body #wall_widget .tox .tox-toolbar-overlord,
.nx-body #wall_widget .tox .tox-toolbar__primary,
.nx-body #wall_widget .tox .tox-toolbar__overflow,
.nx-body .profile-page .tox .tox-toolbar-overlord,
.nx-body .profile-page .tox .tox-toolbar__primary,
.nx-body .nx-wall .tox .tox-toolbar-overlord,
.nx-body .nx-wall .tox .tox-toolbar__primary {
  background: #12202c !important;
}

.nx-body #wall_widget .tox .tox-tbtn,
.nx-body .profile-page .tox .tox-tbtn,
.nx-body .nx-wall .tox .tox-tbtn {
  color: #9eb4c4 !important;
}

.nx-body #wall_widget .tox .tox-tbtn:hover,
.nx-body #wall_widget .tox .tox-tbtn--enabled,
.nx-body .profile-page .tox .tox-tbtn:hover,
.nx-body .nx-wall .tox .tox-tbtn:hover {
  color: #edf6fb !important;
  background: rgba(32, 168, 243, 0.16) !important;
}

.nx-body #wall_widget .tox .tox-tbtn svg,
.nx-body .profile-page .tox .tox-tbtn svg,
.nx-body .nx-wall .tox .tox-tbtn svg {
  fill: currentColor !important;
}

.nx-body #wall_widget .tox .tox-edit-area__iframe,
.nx-body .profile-page .tox .tox-edit-area__iframe,
.nx-body .nx-wall .tox .tox-edit-area__iframe {
  background: #0d1a24 !important;
}

.nx-body #wall_widget .tox .tox-statusbar,
.nx-body .profile-page .tox .tox-statusbar,
.nx-body .nx-wall .tox .tox-statusbar {
  border-top: 1px solid var(--line) !important;
  color: #687e90 !important;
  background: #0f1b26 !important;
}

.nx-body #wall_widget .tox .tox-statusbar a,
.nx-body .profile-page .tox .tox-statusbar a,
.nx-body .nx-wall .tox .tox-statusbar a {
  color: #687e90 !important;
}

.nx-body #wall_widget .tox-tinymce-aux .tox-menu,
.nx-body #wall_widget .tox .tox-collection--list,
.nx-body .profile-page .tox-tinymce-aux .tox-menu {
  border: 1px solid var(--line) !important;
  background: #12202c !important;
}

.nx-body #wall_widget .tox .tox-collection__item,
.nx-body .profile-page .tox .tox-collection__item {
  color: #d7e3ed !important;
}

.nx-body #wall_widget .tox .tox-collection__item--active,
.nx-body .profile-page .tox .tox-collection__item--active {
  background: rgba(32, 168, 243, 0.16) !important;
}

/* Legacy bootstrap title bar fallback */
.nx-body #wall_widget.border-top,
.nx-body #wall_widget.mt-3,
.nx-body #wall_widget.pt-3 {
  margin-top: 28px !important;
  padding-top: 22px !important;
  border-top: 0 !important;
}

@media (max-width: 720px) {
  .nx-body .nx-wall {
    padding: 16px 14px 12px;
  }
  .nx-body .nx-wall__head {
    flex-direction: column;
    align-items: stretch;
  }
  .nx-body .nx-wall__compose {
    width: 100%;
    justify-content: center;
  }
  .nx-body .nx-wall-entry,
  .nx-body #wall_widget .entry.media {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }
  .nx-body .nx-wall-entry__avatar .icms-user-avatar,
  .nx-body #wall_widget .entry .icms-user-avatar {
    width: 36px;
    height: 36px;
  }
  .nx-body .nx-wall-entry--reply {
    margin-left: 12px !important;
  }
}