:root {
  --pw-bg: #101318;
  --pw-panel: #1b2028;
  --pw-panel-hover: #252c36;
  --pw-border: #303846;
  --pw-accent: #ff7838;
  --pw-text: #eef1f6;
  --pw-muted: #9ca7b8;
}

html, body {
  background: var(--pw-bg);
  color: var(--pw-text);
}

#container {
  background: transparent;
  color: var(--pw-text);
}

#content {
  background: transparent;
  border: 0px;
}

a:link, a:visited {
  color: var(--pw-accent);
}

a:hover {
  color: rgb(255, 161, 111);
}

#header {
  background: transparent;
}

#header .pw-header {
  display: block;
  width: 100%;
  background: rgb(23, 27, 34);
  border-bottom: 1px solid var(--pw-border);
  position: relative;
  z-index: 10;
}

#header .pw-header-inner {
  max-width: 1320px;
  min-height: 82px;
  margin: 0px auto;
  padding: 0px 28px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

#header .pw-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  text-decoration: none;
}

#header .pw-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, rgb(255, 151, 78), rgb(239, 88, 34));
  color: rgb(21, 21, 21);
  font-size: 25px;
  font-weight: 900;
  border-radius: 11px;
}

#header .pw-brand-name {
  color: rgb(255, 255, 255);
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -0.7px;
}

#header .pw-brand-name span {
  color: var(--pw-accent);
}

#header .pw-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  gap: 8px;
}

#header .pw-navigation .pw-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  color: rgb(171, 180, 194);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

#header .pw-navigation .pw-nav-link:hover {
  background: rgb(37, 43, 53);
  color: rgb(255, 255, 255);
}

#header .pw-header-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
}

#header .pw-store-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 20px;
  background: linear-gradient(135deg, rgb(255, 152, 78), rgb(255, 113, 53));
  color: rgb(23, 23, 23);
  border-radius: 9px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: filter 0.2s;
}

#header .pw-store-button:hover {
  color: rgb(23, 23, 23);
  filter: brightness(1.12);
}

#header #panel {
  width: 100%;
  background: rgb(32, 38, 48);
  border-bottom: 1px solid rgb(52, 59, 70);
}

#header #panel .wrapper {
  max-width: 1320px;
  margin: 0px auto;
}

.tborder {
  background: var(--pw-panel);
  border: 1px solid var(--pw-border);
  border-radius: 10px;
  overflow: hidden;
}

.thead {
  background: rgb(37, 44, 54);
  color: rgb(255, 255, 255);
  padding: 14px;
}

.tcat {
  background: rgb(32, 38, 49);
  color: var(--pw-muted);
}

.trow1, .trow2 {
  background: var(--pw-panel);
  color: var(--pw-text);
  border-color: var(--pw-border);
}

.trow1:hover, .trow2:hover {
  background: var(--pw-panel-hover);
}

.smalltext {
  color: var(--pw-muted);
}

input, textarea, select {
  background: rgb(21, 26, 33);
  color: var(--pw-text);
  border: 1px solid var(--pw-border);
  border-radius: 6px;
}

.button, input.button {
  background: var(--pw-accent);
  color: rgb(20, 20, 20);
  border: 0px;
  border-radius: 6px;
  padding: 8px 14px;
}

@media (max-width: 900px) {
  #header .pw-header-inner {
    flex-wrap: wrap;
    padding: 16px;
    gap: 18px;
  }
  #header .pw-navigation {
    order: 3;
    flex: 0 0 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
  #header .pw-navigation .pw-nav-link {
    padding: 10px 12px;
  }
}

@media (max-width: 480px) {
  #header .pw-header-inner {
    padding: 14px;
  }
  #header .pw-brand-name {
    font-size: 19px;
  }
  #header .pw-brand-icon {
    width: 36px;
    height: 36px;
    font-size: 21px;
  }
  #header .pw-store-button {
    padding: 10px 12px;
  }
}

#header #panel .upper, #header #panel .lower {
  background: rgb(32, 38, 48);
  color: rgb(231, 235, 242);
  border-color: rgb(52, 59, 70);
}

#header #panel .upper a, #header #panel .lower a {
  color: rgb(196, 204, 216);
}

#header #panel .upper a:hover, #header #panel .lower a:hover {
  color: rgb(255, 120, 56);
}

#header #panel .lower {
  border-top: 1px solid rgb(52, 59, 70);
}

#footer, #footer .upper, #footer .lower, #footer .wrapper {
  background: rgb(23, 27, 34);
  color: rgb(174, 184, 199);
  border-color: rgb(48, 56, 70);
}

#footer a {
  color: rgb(196, 204, 216);
}

#footer a:hover {
  color: rgb(255, 120, 56);
}

#footer .bottommenu, #footer .bottommenu .wrapper, .bottommenu {
  background: rgb(23, 27, 34) !important;
  color: rgb(174, 184, 199) !important;
  border-color: rgb(48, 56, 70) !important;
}

.bottommenu a, #footer .bottommenu a {
  color: rgb(196, 204, 216) !important;
  text-decoration: none;
}

.bottommenu a:hover, #footer .bottommenu a:hover {
  color: rgb(255, 120, 56) !important;
}

.pw-category {
  width: 100%;
  margin-bottom: 24px;
  background: rgb(27, 32, 40);
  border: 1px solid rgb(48, 56, 70);
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0px;
  overflow: hidden;
}

.pw-category .thead {
  padding: 0px;
  background: rgb(37, 43, 53);
  border-bottom: 1px solid rgb(52, 61, 75);
}

.pw-category-header {
  min-height: 72px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-sizing: border-box;
}

.pw-category-title {
  display: flex;
  align-items: center;
  gap: 15px;
}

.pw-category-icon {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(255, 133, 63);
  background: rgba(255, 120, 56, 0.12);
  border: 1px solid rgba(255, 120, 56, 0.2);
  border-radius: 10px;
  font-size: 23px;
}

.pw-category-name {
  display: inline-block;
  color: rgb(245, 247, 251) !important;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
}

.pw-category-name:hover {
  color: rgb(255, 133, 63) !important;
}

.pw-category-description {
  margin-top: 4px;
  color: rgb(160, 170, 185);
  font-size: 12px;
  font-weight: 400;
}

.pw-category .expcolimage {
  position: static;
  float: none;
  flex-shrink: 0;
}

.pw-category .expcolimage img {
  cursor: pointer;
}

.pw-category-columns .tcat {
  padding: 11px 16px;
  background: rgb(30, 36, 45);
  color: rgb(146, 159, 176);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgb(48, 56, 70);
}

.pw-category .trow1, .pw-category .trow2 {
  padding: 17px 14px;
  background: rgb(27, 32, 40);
  border-bottom: 1px solid rgb(48, 56, 70);
}

.pw-category .trow1:hover, .pw-category .trow2:hover {
  background: rgb(37, 44, 54);
}

@media (max-width: 700px) {
  .pw-category-header {
    padding: 13px;
  }
  .pw-category-name {
    font-size: 15px;
  }
  .pw-category-columns {
    display: none;
  }
  .pw-category .trow1, .pw-category .trow2 {
    padding: 12px 8px;
  }
}

.pw-category .pw-forum-row td {
  background: rgb(27, 32, 40);
  border-bottom: 1px solid rgb(48, 56, 70);
  padding: 20px 14px;
  vertical-align: middle;
  transition: background 0.2s;
}

.pw-category .pw-forum-row:hover td {
  background: rgb(34, 41, 52);
}

.pw-forum-status-cell {
  width: 76px;
  text-align: center;
}

.pw-forum-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(255, 120, 56, 0.25);
  background: rgba(255, 120, 56, 0.1);
  vertical-align: middle;
  cursor: pointer;
  font-size: 0px;
}

.pw-forum-status::before {
  content: "▤";
  color: rgb(255, 133, 63);
  font-size: 24px;
  font-weight: 700;
}

.pw-forum-status.forum_on {
  background: rgba(255, 120, 56, 0.18);
  border-color: rgba(255, 120, 56, 0.45);
}

.pw-forum-status.forum_on::before {
  color: rgb(255, 133, 63);
}

.pw-forum-status.forum_off, .pw-forum-status.forum_offlock {
  background: rgb(37, 44, 54);
  border-color: rgb(56, 66, 82);
}

.pw-forum-status.forum_off::before {
  color: rgb(131, 144, 162);
}

.pw-forum-status.forum_offlock::before {
  content: "?";
  font-size: 19px;
}

.pw-forum-info-cell {
  min-width: 200px;
}

.pw-forum-title a {
  font-size: 15px;
  font-weight: 700;
  color: rgb(238, 241, 246) !important;
  text-decoration: none;
}

.pw-forum-title a:hover {
  color: rgb(255, 133, 63) !important;
}

.pw-forum-description {
  color: rgb(156, 167, 184);
  font-size: 12px;
  line-height: 1.6;
  margin-top: 6px;
}

.pw-forum-extras {
  margin-top: 8px;
  font-size: 11px;
  color: rgb(137, 150, 168);
}

.pw-forum-count-cell {
  width: 90px;
  text-align: center;
}

.pw-forum-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.pw-forum-count strong {
  color: rgb(231, 236, 243);
  font-size: 15px;
  font-weight: 700;
}

.pw-forum-lastpost-cell {
  width: 220px;
  text-align: right;
}

.pw-forum-lastpost {
  color: rgb(156, 167, 184);
  font-size: 12px;
  line-height: 1.7;
}

.pw-forum-lastpost a {
  color: rgb(231, 236, 243);
}

.pw-forum-lastpost a:hover {
  color: rgb(255, 133, 63);
}

@media (max-width: 700px) {
  .pw-category .pw-forum-row td {
    padding: 12px 8px;
  }
  .pw-forum-status-cell {
    width: 48px;
  }
  .pw-forum-status {
    width: 36px;
    height: 36px;
    border-radius: 9px;
  }
  .pw-forum-status::before {
    font-size: 19px;
  }
  .pw-forum-title a {
    font-size: 13px;
  }
  .pw-forum-count-cell {
    display: none;
  }
  .pw-forum-lastpost-cell {
    display: none;
  }
}

.pw-category .pw-forum-status.forum_on {
  background: rgba(255, 120, 56, 0.16);
  border: 1px solid rgba(255, 120, 56, 0.45);
}

.pw-category .pw-forum-status.forum_on::before {
  color: rgb(255, 133, 63);
}

.pw-category .pw-forum-status.forum_off {
  background: rgb(37, 44, 54);
  border: 1px solid rgb(56, 66, 82);
}

.pw-category .pw-forum-status.forum_off::before {
  color: rgb(170, 181, 196);
}

.pw-category .pw-forum-row:hover .pw-forum-status {
  border-color: rgb(255, 120, 56);
}

#header #panel {
  background: rgb(23, 27, 34);
  border-bottom: 1px solid rgb(48, 56, 70);
  color: rgb(219, 226, 237);
}

#header #panel .upper {
  background: rgb(23, 27, 34);
  border: 0px;
}

#header #panel .upper > .wrapper {
  max-width: 1320px;
  margin: 0px auto;
  padding: 12px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.pw-account-upper {
  display: flex;
  align-items: center;
  gap: 16px;
}

.pw-welcome {
  color: rgb(219, 226, 237);
  font-size: 13px;
}

.pw-logout, .pw-login {
  color: rgb(174, 185, 201) !important;
  font-size: 13px;
  text-decoration: none;
}

.pw-logout:hover, .pw-login:hover {
  color: rgb(255, 120, 56) !important;
}

.pw-register {
  display: inline-flex;
  align-items: center;
  padding: 8px 15px;
  background: rgb(255, 120, 56);
  color: rgb(21, 21, 21) !important;
  border-radius: 7px;
  font-weight: 700;
  text-decoration: none;
}

#header #panel .lower {
  background: rgb(32, 38, 48);
  border-top: 1px solid rgb(48, 56, 70);
  border-bottom: 0px;
}

#header #panel .pw-account-links {
  max-width: 1320px;
  margin: 0px auto;
  padding: 10px 24px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

#header #panel .pw-account-links ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#header #panel .pw-account-links ul li {
  float: none;
  margin: 0px;
}

#header #panel .pw-account-links a {
  color: rgb(183, 194, 209);
  font-size: 12px;
  text-decoration: none;
}

#header #panel .pw-account-links a:hover {
  color: rgb(255, 120, 56);
}

@media (max-width: 700px) {
  #header #panel .upper > .wrapper, #header #panel .pw-account-links {
    padding: 12px 16px;
  }
  #header #panel .pw-account-links {
    flex-direction: column;
    align-items: flex-start;
  }
}

.pw-community-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 240px;
  padding: 40px 44px;
  margin: 0px 0px 32px;
  box-sizing: border-box;
  background: radial-gradient(at 95% 15%, rgba(255, 120, 56, 0.15), transparent 55%), linear-gradient(135deg, rgb(32, 39, 51), rgb(21, 26, 34));
  border: 1px solid rgb(52, 60, 73);
  border-radius: 16px;
  overflow: hidden;
}

.pw-hero-content {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.pw-hero-label, .pw-section-label {
  color: rgb(255, 135, 63);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.pw-hero-content h1 {
  margin: 14px 0px;
  color: rgb(245, 246, 250);
  font-size: clamp(28px, 3vw, 39px);
  line-height: 1.2;
  font-weight: 800;
}

.pw-hero-content h1 span {
  color: rgb(255, 120, 56);
}

.pw-hero-content p {
  max-width: 560px;
  color: rgb(170, 181, 197);
  font-size: 14px;
  line-height: 1.8;
}

.pw-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.pw-hero-primary, .pw-hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 19px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.pw-hero-primary {
  background: rgb(255, 120, 56);
  color: rgb(23, 23, 23) !important;
}

.pw-hero-secondary {
  background: rgb(43, 52, 65);
  color: rgb(228, 233, 240) !important;
  border: 1px solid rgb(65, 74, 88);
}

.pw-hero-primary:hover {
  background: rgb(255, 149, 95);
}

.pw-hero-secondary:hover {
  background: rgb(53, 64, 81);
}

.pw-hero-decoration {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(255, 120, 56, 0.2);
  border-radius: 34px;
  transform: rotate(-12deg);
  background: rgba(255, 120, 56, 0.07);
}

.pw-hero-symbol {
  color: rgb(255, 120, 56);
  font-size: 110px;
  font-weight: 900;
  transform: rotate(12deg);
  opacity: 0.65;
}

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

.pw-home-main {
  min-width: 0px;
}

.pw-section-heading {
  margin-bottom: 23px;
}

.pw-section-heading h2 {
  margin: 8px 0px;
  color: rgb(241, 244, 248);
  font-size: 23px;
  font-weight: 800;
}

.pw-section-heading p {
  margin: 0px;
  color: rgb(151, 163, 181);
  font-size: 13px;
}

.pw-home-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0px;
}

.pw-sidebar-card {
  min-width: 0px;
  padding: 22px;
  background: rgb(27, 32, 40);
  border: 1px solid rgb(48, 56, 70);
  border-radius: 12px;
}

.pw-sidebar-title {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 15px;
}

.pw-sidebar-title h3 {
  margin: 0px;
  color: rgb(237, 241, 246);
  font-size: 14px;
  font-weight: 700;
}

.pw-sidebar-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  background: rgba(255, 120, 56, 0.12);
  border-radius: 8px;
  color: rgb(255, 120, 56);
  font-size: 17px;
}

.pw-sidebar-description {
  margin: 0px 0px 18px;
  color: rgb(153, 166, 183);
  font-size: 12px;
  line-height: 1.8;
}

.pw-sidebar-link {
  display: inline-block;
  color: rgb(255, 135, 63) !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.pw-sidebar-link:hover {
  color: rgb(255, 173, 127) !important;
}

.pw-stats-card .tborder {
  width: 100%;
  margin: 0px;
  border: 0px;
  border-radius: 8px;
}

.pw-stats-card .thead, .pw-stats-card .tcat, .pw-stats-card .trow1, .pw-stats-card .trow2 {
  padding: 10px;
  font-size: 12px;
}

.pw-stats-card .smalltext {
  font-size: 11px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.pw-stats-card table {
  max-width: 100%;
}

.forum_legend {
  margin-top: 26px;
  color: rgb(156, 167, 184);
}

@media (max-width: 1100px) {
  .pw-home-layout {
    grid-template-columns: minmax(0px, 1fr);
  }
  .pw-home-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .pw-stats-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .pw-community-hero {
    min-height: auto;
    padding: 28px 22px;
  }
  .pw-hero-decoration {
    display: none;
  }
  .pw-hero-content h1 {
    font-size: 27px;
  }
  .pw-home-sidebar {
    grid-template-columns: minmax(0px, 1fr);
  }
  .pw-stats-card {
    grid-column: auto;
  }
  .pw-sidebar-card {
    padding: 18px;
  }
}

.pw-stats-card .pw-boardstats {
  width: 100%;
  border: 0px;
  border-radius: 10px;
  overflow: hidden;
  background: rgb(23, 28, 36);
}

.pw-boardstats .thead {
  padding: 14px 16px;
  background: rgb(37, 44, 54);
  border-bottom: 1px solid rgb(54, 64, 78);
}

.pw-boardstats-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgb(241, 244, 249);
  font-size: 13px;
}

.pw-boardstats-heading .expcolimage {
  float: none;
  position: static;
}

.pw-boardstats .pw-stats-subheading {
  padding: 12px 14px;
  background: rgb(32, 38, 48);
  border-bottom: 1px solid rgb(48, 56, 70);
  color: rgb(255, 145, 79);
  font-size: 11px;
}

.pw-stats-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.pw-stats-heading a {
  font-size: 11px;
  color: rgb(255, 145, 79) !important;
  text-decoration: none;
}

.pw-boardstats .pw-stats-body {
  padding: 16px 14px;
  background: rgb(27, 32, 40);
  color: rgb(180, 191, 206);
}

.pw-stats-information {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 12px;
  line-height: 1.6;
}

.pw-stats-information > div {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(48, 56, 70);
  overflow-wrap: anywhere;
}

.pw-stats-information > div:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.pw-online-information {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 12px;
  line-height: 1.7;
}

.pw-online-members {
  padding: 10px 12px;
  background: rgb(34, 41, 52);
  border-radius: 8px;
  overflow-wrap: anywhere;
}

.pw-boardstats .pw-boardstats-footer {
  padding: 12px 14px;
  text-align: right;
  background: rgb(32, 38, 48) !important;
  border-top: 1px solid rgb(48, 56, 70);
  color: rgb(174, 184, 199);
  font-size: 11px;
}

.pw-boardstats-footer a {
  color: rgb(196, 204, 216) !important;
  text-decoration: none;
}

.pw-boardstats-footer a:hover {
  color: rgb(255, 145, 79) !important;
}

.pw-forum-page {
  width: 100%;
}

.pw-forum-page-heading {
  padding: 32px 36px;
  margin-bottom: 28px;
  background: linear-gradient(135deg, rgb(34, 42, 54), rgb(23, 28, 36));
  border: 1px solid rgb(52, 61, 75);
  border-radius: 13px;
}

.pw-forum-heading-content h1 {
  color: rgb(243, 245, 249);
  font-size: 28px;
  font-weight: 800;
  margin: 10px 0px;
}

.pw-forum-heading-content p {
  color: rgb(159, 170, 187);
  font-size: 13px;
  line-height: 1.7;
  margin: 0px;
}

.pw-thread-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 28px 0px 18px;
  flex-wrap: wrap;
}

.pw-thread-toolbar-info h2 {
  color: rgb(241, 244, 248);
  font-size: 21px;
  margin: 6px 0px 0px;
}

.pw-thread-toolbar-actions, .pw-thread-bottom-toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.pw-thread-toolbar-actions .button, .pw-thread-bottom-actions .button {
  background: rgb(255, 120, 56);
  color: rgb(23, 23, 23);
  border: 0px;
  border-radius: 8px;
  padding: 10px 16px;
  font-weight: 700;
}

.pw-thread-list-container {
  border: 1px solid rgb(52, 61, 75);
  border-radius: 12px;
  overflow-x: auto;
  background: rgb(27, 32, 40);
}

.pw-thread-table {
  width: 100%;
  min-width: 620px;
  border: 0px;
  border-spacing: 0px;
  border-radius: 0px;
}

.pw-thread-table .thead {
  padding: 15px 18px;
  background: rgb(37, 44, 54);
  border-bottom: 1px solid rgb(56, 66, 82);
}

.pw-thread-table-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pw-thread-table-heading strong {
  color: rgb(241, 244, 248);
  font-size: 14px;
}

.pw-thread-table-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 11px;
}

.pw-thread-table-options a {
  color: rgb(174, 185, 200);
}

.pw-thread-columns .tcat {
  padding: 13px 12px;
  background: rgb(30, 36, 45);
  border-bottom: 1px solid rgb(52, 61, 75);
  color: rgb(145, 158, 175);
  font-size: 11px;
  font-weight: 700;
}

.pw-thread-columns a {
  color: rgb(170, 181, 196) !important;
  text-decoration: none;
}

.pw-thread-table .pw-thread-row td {
  background: rgb(27, 32, 40);
  border-bottom: 1px solid rgb(48, 56, 70);
  padding: 18px 12px;
  vertical-align: middle;
  transition: background 0.18s;
}

.pw-thread-table .pw-thread-row:hover td {
  background: rgb(36, 44, 55);
}

.pw-thread-status-cell {
  width: 44px;
  text-align: center;
}

.pw-thread-icon-cell {
  width: 24px;
  text-align: center;
}

.pw-thread-status {
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px;
}

.pw-thread-info-cell {
  min-width: 220px;
}

.pw-thread-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.pw-thread-title a {
  color: rgb(237, 241, 247) !important;
  text-decoration: none;
}

.pw-thread-title a:hover {
  color: rgb(255, 140, 77) !important;
}

.pw-thread-row td[class*="trow_shaded"], .pw-thread-row td[class*="trow_sep"] {
  background: rgb(36, 42, 52);
}

.pw-thread-row td[class*="trow_shaded"] .pw-thread-title a {
  color: rgb(255, 174, 121) !important;
}

.pw-thread-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 6px;
  color: rgb(145, 159, 177);
  font-size: 11px;
}

.pw-thread-meta a {
  color: rgb(182, 193, 208) !important;
  text-decoration: none;
}

.pw-thread-meta-separator {
  color: rgb(98, 112, 133);
}

.pw-thread-stat-cell {
  text-align: center;
  white-space: nowrap;
  width: 75px;
}

.pw-thread-stat {
  font-size: 13px;
  font-weight: 700;
  color: rgb(220, 228, 237);
}

.pw-thread-stat a {
  color: rgb(220, 228, 237) !important;
  text-decoration: none;
}

.pw-thread-lastpost-cell {
  width: 185px;
  text-align: right;
}

.pw-thread-lastpost {
  font-size: 11px;
  line-height: 1.8;
  color: rgb(156, 170, 187);
}

.pw-lastpost-user a {
  color: rgb(220, 228, 237) !important;
  text-decoration: none;
}

.pw-lastpost-user a:hover {
  color: rgb(255, 140, 77) !important;
}

.pw-thread-bottom-toolbar {
  justify-content: space-between;
  margin: 20px 0px;
}

.pw-thread-tools {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin: 24px 0px;
}

.pw-thread-legends {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.pw-thread-moderation-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 700px) {
  .pw-forum-page-heading {
    padding: 24px 18px;
  }
  .pw-forum-heading-content h1 {
    font-size: 23px;
  }
  .pw-thread-table {
    min-width: 620px;
  }
  .pw-thread-toolbar {
    align-items: flex-start;
  }
  .pw-thread-table .pw-thread-row td {
    padding: 13px 9px;
  }
  .pw-thread-title {
    font-size: 13px;
  }
}

.pw-thread-table .trow_sep, .pw-thread-table tr.trow_sep td, .pw-thread-table td.trow_sep {
  background: rgb(37, 45, 57) !important;
  color: rgb(231, 236, 244) !important;
  border-top: 1px solid rgb(58, 70, 86);
  border-bottom: 1px solid rgb(58, 70, 86);
  padding: 11px 16px;
  font-size: 12px;
  font-weight: 700;
}

.pw-thread-table .trow_sep strong, .pw-thread-table .trow_sep a {
  color: rgb(255, 153, 79) !important;
}

.pw-thread-table {
  border-collapse: separate;
  border-spacing: 0px;
}

.pw-thread-table .pw-thread-row td {
  padding-top: 14px;
  padding-bottom: 14px;
}

.pw-thread-tools {
  padding: 16px;
  background: rgb(27, 32, 40);
  border: 1px solid rgb(48, 56, 70);
  border-radius: 10px;
}

.pw-thread-tools select, .pw-thread-tools input {
  background: rgb(21, 26, 33);
  color: rgb(231, 236, 244);
  border: 1px solid rgb(58, 70, 86);
}

.pagination a, .pagination .pagination_current {
  background: rgb(37, 45, 57);
  color: rgb(231, 236, 244);
  border: 1px solid rgb(58, 70, 86);
  border-radius: 5px;
}

.pagination a:hover {
  background: rgb(255, 120, 56);
  color: rgb(23, 23, 23);
}

:root {
  --pw-post-bg: #1b2028;
  --pw-post-author: #222934;
  --pw-post-border: #343e4c;
  --pw-post-accent: #ff7838;
  --pw-post-text: #e9edf4;
  --pw-post-muted: #9eabbc;
}

.pw-thread-view {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pw-post-border);
  border-radius: 12px;
  overflow: hidden;
}

.pw-thread-view > tbody > tr > .thead {
  padding: 18px 22px;
  background: rgb(37, 45, 57);
  color: rgb(241, 244, 248);
  border-bottom: 1px solid var(--pw-post-border);
  font-size: 15px;
}

.pw-thread-view #posts_container {
  padding: 0px;
  background: rgb(22, 27, 34);
}

.pw-thread-view .pw-post {
  display: grid;
  grid-template-columns: 205px minmax(0px, 1fr);
  grid-template-rows: minmax(180px, auto) auto;
  width: 100%;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  background: var(--pw-post-bg);
  color: var(--pw-post-text);
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-image: none;
  border-bottom: 1px solid var(--pw-post-border);
  border-radius: 0px;
  box-sizing: border-box;
  overflow: hidden;
}

.pw-thread-view .pw-post + .pw-post {
  border-top: 6px solid rgb(16, 19, 24);
}

.pw-thread-view .pw-post .post_author {
  grid-area: 1 / 1 / 3;
  float: none;
  width: auto;
  min-width: 0px;
  height: auto;
  margin: 0px;
  padding: 24px 15px;
  background: var(--pw-post-author);
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-image: none;
  border-right: 1px solid var(--pw-post-border);
  text-align: center;
  box-sizing: border-box;
}

.pw-thread-view .pw-post .post_author .author_avatar {
  display: block;
  float: none;
  margin: 0px auto 14px;
  text-align: center;
}

.pw-thread-view .pw-post .post_author .author_avatar img {
  display: block;
  max-width: 92px;
  max-height: 92px;
  width: auto;
  height: auto;
  margin: 0px auto;
  border-radius: 14px;
  border: 2px solid rgb(65, 76, 92);
  object-fit: cover;
}

.pw-thread-view .pw-post .author_information {
  float: none;
  width: auto;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  overflow-wrap: anywhere;
}

.pw-thread-view .pw-post .author_information .largetext {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 800;
}

.pw-thread-view .pw-post .author_information .largetext a {
  color: rgb(245, 246, 250);
  text-decoration: none;
}

.pw-thread-view .pw-post .author_information .largetext a:hover {
  color: var(--pw-post-accent);
}

.pw-thread-view .pw-post .author_information .smalltext {
  display: block;
  color: rgb(255, 171, 121);
  font-size: 12px;
  line-height: 1.8;
}

.pw-thread-view .pw-post .author_information .smalltext img {
  max-width: 100%;
  height: auto;
}

.pw-thread-view .pw-post .author_statistics {
  float: none;
  width: auto;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid var(--pw-post-border);
  color: var(--pw-post-muted);
  font-size: 11px;
  line-height: 2;
  text-align: left;
  overflow-wrap: anywhere;
}

.pw-thread-view .pw-post .author_statistics a {
  color: rgb(255, 171, 121);
}

.pw-thread-view .pw-post .post_content {
  grid-area: 1 / 2;
  float: none;
  width: auto;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  background: var(--pw-post-bg);
  box-sizing: border-box;
}

.pw-thread-view .pw-post .post_head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  margin: 0px;
  padding: 14px 22px;
  background: rgb(30, 36, 45);
  border-bottom: 1px solid rgb(48, 56, 70);
  color: var(--pw-post-muted);
  font-size: 12px;
  box-sizing: border-box;
}

.pw-thread-view .pw-post .post_head a {
  color: rgb(255, 155, 97);
  text-decoration: none;
}

.pw-thread-view .pw-post .post_head .post_date {
  color: rgb(174, 185, 201);
  font-size: 12px;
}

.pw-thread-view .pw-post .post_body {
  min-height: 120px;
  margin: 0px;
  padding: 26px 24px;
  color: var(--pw-post-text);
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

.pw-thread-view .pw-post .post_body a {
  color: rgb(255, 155, 97);
}

.pw-thread-view .pw-post .post_body img {
  max-width: 100%;
  height: auto;
}

.pw-thread-view .pw-post blockquote {
  margin: 16px 0px;
  padding: 16px 19px;
  background: rgb(37, 45, 56);
  color: rgb(200, 209, 223);
  border-top: 1px solid rgb(59, 70, 86);
  border-right: 1px solid rgb(59, 70, 86);
  border-bottom: 1px solid rgb(59, 70, 86);
  border-image: none;
  border-left: 3px solid var(--pw-post-accent);
  border-radius: 8px;
}

.pw-thread-view .pw-post .post_meta {
  margin: 0px 22px;
  padding: 12px 0px;
  border-top: 1px solid rgb(48, 56, 70);
  color: var(--pw-post-muted);
  font-size: 11px;
}

.pw-thread-view .pw-post .post_controls {
  grid-area: 2 / 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 50px;
  margin: 0px;
  padding: 12px 18px;
  background: rgb(32, 38, 48);
  border-width: 1px 0px 0px;
  border-style: solid none none;
  border-color: rgb(52, 62, 76) currentcolor currentcolor;
  border-image: none;
  box-sizing: border-box;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  float: none;
  width: auto;
  margin: 0px;
}

.pw-thread-view .pw-post .postbit_buttons a {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  background: rgb(42, 51, 64);
  color: rgb(212, 220, 231);
  border: 1px solid rgb(59, 70, 86);
  border-radius: 6px;
  font-size: 11px;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
}

.pw-thread-view .pw-post .postbit_buttons a:hover {
  background: rgb(54, 66, 83);
  border-color: var(--pw-post-accent);
  color: rgb(255, 255, 255);
}

.pw-thread-view .pw-post .postbit_buttons a span {
  color: inherit;
}

.pw-thread-view .pw-post .signature {
  margin: 20px 22px 0px;
  padding: 16px 0px;
  border-top: 1px dashed rgb(58, 69, 84);
  color: rgb(170, 181, 196);
  font-size: 12px;
}

.pw-thread-view .pw-post .attachments {
  margin: 15px 22px;
  padding: 14px;
  background: rgb(34, 42, 53);
  border: 1px solid rgb(53, 65, 80);
  border-radius: 8px;
}

@media (max-width: 760px) {
  .pw-thread-view .pw-post {
    display: flex;
    flex-direction: column;
  }
  .pw-thread-view .pw-post .post_author {
    width: 100%;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    border-right: 0px;
    border-bottom: 1px solid var(--pw-post-border);
  }
  .pw-thread-view .pw-post .post_author .author_avatar {
    margin: 0px;
    flex-shrink: 0;
  }
  .pw-thread-view .pw-post .post_author .author_avatar img {
    max-width: 54px;
    max-height: 54px;
    border-radius: 10px;
  }
  .pw-thread-view .pw-post .author_information {
    text-align: left;
  }
  .pw-thread-view .pw-post .author_statistics {
    display: none;
  }
  .pw-thread-view .pw-post .post_content {
    width: 100%;
  }
  .pw-thread-view .pw-post .post_body {
    min-height: 80px;
    padding: 18px 16px;
  }
  .pw-thread-view .pw-post .post_head {
    padding: 12px 16px;
  }
  .pw-thread-view .pw-post .post_controls {
    padding: 12px;
  }
  .pw-thread-view .pw-post .postbit_buttons a {
    padding: 7px 8px;
    font-size: 10px;
  }
}

.tfoot, tfoot, tfoot td, tfoot tr, #footer, .footer, .navigation, .navigation a, .breadcrumb, .pagination, .pagelinks, .bottommenu, .forum_legend, .thread_legend {
  background: transparent !important;
  color: rgb(174, 183, 197) !important;
  border-color: rgb(48, 56, 70) !important;
}

.tfixed, .clear, .post, .post.classic, .editor_control_bar, .sceditor-container, .sceditor-container iframe, .sceditor-container textarea {
  box-sizing: border-box;
}

.post.classic, .post {
  display: flex;
  align-items: stretch;
  gap: 0px;
  background: rgb(27, 32, 40) !important;
  border: 1px solid rgb(48, 56, 70) !important;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 30px;
}

.post_author {
  width: 240px;
  min-width: 240px;
  background: linear-gradient(rgb(32, 39, 51) 0%, rgb(26, 32, 41) 100%) !important;
  border-right: 1px solid rgb(48, 56, 70);
  padding: 20px 18px;
  color: rgb(223, 230, 241);
}

.post_author .author_information {
  margin-top: 12px;
}

.post_author .largetext, .post_author .largetext a {
  font-size: 20px !important;
  font-weight: 800;
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
}

.post_author .smalltext, .post_author .smalltext a, .post_author .author_statistics, .post_author .author_statistics span {
  color: rgb(158, 171, 189) !important;
  font-size: 13px !important;
  line-height: 1.7;
}

.post_author img.avatar {
  width: 96px !important;
  height: 96px !important;
  border-radius: 16px !important;
  border: 2px solid rgb(48, 56, 70);
  background: rgb(17, 22, 29);
  object-fit: cover;
}

.post_content {
  flex: 1 1 0%;
  background: rgb(27, 32, 40) !important;
  padding: 0px;
  color: rgb(238, 241, 246);
}

.post_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 20px;
  background: rgb(32, 39, 51) !important;
  border-bottom: 1px solid rgb(48, 56, 70);
  color: rgb(201, 210, 222);
  font-size: 13px;
}

.post_head a {
  color: rgb(238, 241, 246) !important;
}

.post_date {
  color: rgb(156, 167, 184) !important;
  font-size: 13px;
}

.post_body {
  padding: 22px 20px;
  color: rgb(238, 241, 246) !important;
  font-size: 15px;
  line-height: 1.8;
  min-height: 180px;
}

.post_body a {
  color: rgb(255, 120, 56) !important;
}

.post_body blockquote {
  background: rgb(21, 26, 33);
  border-width: 1px 1px 1px 4px;
  border-style: solid;
  border-color: rgb(48, 56, 70) rgb(48, 56, 70) rgb(48, 56, 70) rgb(255, 120, 56);
  border-image: none;
  border-radius: 10px;
  padding: 14px 16px;
  color: rgb(217, 225, 235);
}

.post_meta, .signature, .attachments, .post_content hr {
  border-color: rgb(48, 56, 70) !important;
  color: rgb(153, 166, 184) !important;
}

.signature {
  margin: 0px 20px 18px;
  padding-top: 14px;
  border-top: 1px solid rgb(48, 56, 70);
  color: rgb(152, 163, 181) !important;
}

.post_meta {
  padding: 0px 20px 16px;
  color: rgb(152, 163, 181) !important;
}

.post_controls {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 20px 18px;
  border-top: 1px solid rgb(48, 56, 70);
  background: rgb(26, 31, 39) !important;
}

.postbit_buttons a, .post_controls a, .postbit_buttons span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0px 12px;
  border-radius: 10px;
  background: rgb(37, 44, 54) !important;
  border: 1px solid rgb(52, 62, 77) !important;
  color: rgb(219, 227, 238) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 700;
  margin: 0px 6px 6px 0px;
  transition: 0.2s;
}

.postbit_buttons a:hover, .post_controls a:hover {
  background: rgb(44, 52, 64) !important;
  border-color: rgb(255, 120, 56) !important;
  color: rgb(255, 255, 255) !important;
}

.postbit_buttons img {
  vertical-align: middle;
}

.thread_tools, .thread_tools li, .thread_tools a, .float_left, .float_right {
  color: rgb(176, 186, 200);
}

.thread_tools a, .new_reply_button a, .new_thread_button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0px 16px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgb(255, 150, 79), rgb(255, 113, 53)) !important;
  color: rgb(23, 23, 23) !important;
  border: medium !important;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: rgba(255, 114, 53, 0.18) 0px 6px 18px;
}

.thread_tools a:hover, .new_reply_button a:hover, .new_thread_button a:hover {
  filter: brightness(1.08);
}

.tborder.tfixed.clear {
  background: transparent !important;
  border: medium !important;
  box-shadow: none !important;
}

.tborder.tfixed.clear > tbody > tr > td.thead {
  background: rgb(32, 39, 51) !important;
  border: 1px solid rgb(48, 56, 70) !important;
  border-radius: 14px 14px 0px 0px;
  color: rgb(255, 255, 255) !important;
  padding: 18px 20px;
}

.pagination *, .pages *, .pagelinks *, .navigation * {
  color: rgb(180, 191, 206) !important;
}

.pagination .pagination_current, .pages .pagination_current {
  background: rgb(255, 120, 56) !important;
  color: rgb(23, 23, 23) !important;
  border-radius: 8px;
  padding: 6px 10px;
}

#quickreply_e, .quick_reply, #posts_container + table, #content .tborder {
  color: rgb(238, 241, 246);
}

textarea, input.textbox, select {
  background: rgb(21, 26, 33) !important;
  color: rgb(238, 241, 246) !important;
  border: 1px solid rgb(48, 56, 70) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

textarea:focus, input.textbox:focus, select:focus {
  outline: none;
  border-color: rgb(255, 120, 56) !important;
  box-shadow: rgba(255, 120, 56, 0.12) 0px 0px 0px 3px !important;
}

.sceditor-container {
  background: rgb(27, 32, 40) !important;
  border: 1px solid rgb(48, 56, 70) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

.sceditor-toolbar {
  background: rgb(32, 39, 51) !important;
  border-bottom: 1px solid rgb(48, 56, 70) !important;
}

.sceditor-group {
  background: transparent !important;
  border: medium !important;
}

.sceditor-button {
  background: rgb(37, 44, 54) !important;
  border: 1px solid rgb(52, 62, 77) !important;
  border-radius: 8px !important;
  margin: 4px !important;
}

.sceditor-button:hover {
  background: rgb(44, 52, 64) !important;
  border-color: rgb(255, 120, 56) !important;
}

.sceditor-container iframe, .sceditor-container textarea {
  background: rgb(21, 26, 33) !important;
  color: rgb(238, 241, 246) !important;
}

#quick_reply_form, .quick_reply_form, #quickreply_e {
  background: rgb(27, 32, 40) !important;
  border: 1px solid rgb(48, 56, 70) !important;
  border-radius: 14px !important;
  padding: 18px;
}

.attach_upload_area, #attachment_uploads, .attachments, fieldset {
  background: rgb(27, 32, 40) !important;
  border: 1px dashed rgb(58, 70, 86) !important;
  border-radius: 14px !important;
  color: rgb(184, 195, 210) !important;
}

legend {
  color: rgb(217, 226, 238) !important;
}

input.button, .button, button, input[type="submit"] {
  background: linear-gradient(135deg, rgb(255, 150, 79), rgb(255, 113, 53)) !important;
  color: rgb(23, 23, 23) !important;
  border: medium !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  cursor: pointer;
}

input.button:hover, .button:hover, button:hover, input[type="submit"]:hover {
  filter: brightness(1.08);
}

#threadreview, .thread_review, .threadreview {
  background: rgb(27, 32, 40) !important;
  border: 1px solid rgb(48, 56, 70) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

#threadreview table, .thread_review table {
  background: transparent !important;
}

#search_thread, .search_thread, input[name="keywords"] {
  background: rgb(21, 26, 33) !important;
  color: rgb(238, 241, 246) !important;
}

.forum_legend, .thread_legend, dl.forum_legend, dl.thread_legend, dl.forum_legend dd, dl.thread_legend dd, dl.forum_legend dt, dl.thread_legend dt {
  background: transparent !important;
  color: rgb(158, 171, 189) !important;
  border: 0px !important;
}

#footer .upper, #footer .lower, #footer .wrapper, #footer {
  background: transparent !important;
  border: 0px !important;
  color: rgb(143, 154, 171) !important;
}

@media (max-width: 980px) {
  .post.classic, .post {
    flex-direction: column;
  }
  .post_author {
    width: 100%;
    min-width: 100%;
    border-right: 0px;
    border-bottom: 1px solid rgb(48, 56, 70);
  }
  .post_controls {
    flex-direction: column;
  }
}

.pw-thread-view .pw-post .post_controls {
  padding: 8px 14px;
  min-height: 42px;
  gap: 6px;
  background: rgb(28, 34, 43) !important;
}

.pw-thread-view .pw-post .postbit_buttons {
  gap: 4px;
}

.pw-thread-view .pw-post .postbit_buttons a {
  min-height: 28px;
  padding: 5px 9px !important;
  margin: 0px 3px 0px 0px;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: rgb(182, 193, 207) !important;
}

.pw-thread-view .pw-post .postbit_buttons a:hover {
  background: rgb(42, 51, 64) !important;
  color: rgb(255, 145, 79) !important;
}

.thread_tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0px;
  padding: 0px;
  list-style: none;
}

.thread_tools li {
  float: none;
  margin: 0px;
  padding: 0px;
}

.thread_tools a {
  min-height: 30px !important;
  padding: 6px 10px !important;
  margin: 0px !important;
  background: rgb(34, 41, 52) !important;
  border: 1px solid rgb(52, 62, 76) !important;
  border-radius: 6px;
  box-shadow: none !important;
  color: rgb(184, 195, 210) !important;
  font-size: 11px;
  font-weight: 500;
}

.thread_tools a:hover {
  background: rgb(48, 58, 73) !important;
  color: rgb(255, 255, 255) !important;
  filter: none;
}

.new_reply_button a {
  min-height: 34px !important;
  padding: 8px 13px !important;
  border-radius: 7px;
  font-size: 12px;
  box-shadow: none !important;
}

#search_thread input.button, #search_thread button, #content input.button, #content input[type="submit"] {
  padding: 7px 11px !important;
  min-height: 30px;
  border-radius: 6px !important;
  font-size: 11px;
  box-shadow: none !important;
}

#content input[name="previewpost"], #content input[name="savedraft"], #content input[name="clear"] {
  background: rgb(48, 58, 73) !important;
  color: rgb(220, 227, 237) !important;
  border: 1px solid rgb(65, 76, 93) !important;
}

@media (max-width: 700px) {
  .pw-thread-view .pw-post .post_controls {
    padding: 9px;
    gap: 5px;
  }
  .thread_tools {
    gap: 5px;
  }
}

.pw-thread-extra {
  margin: 18px 0px;
}

.pw-thread-more {
  position: relative;
  display: inline-block;
  color: rgb(184, 195, 210);
}

.pw-thread-more summary {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  background: rgb(36, 44, 55);
  border: 1px solid rgb(57, 68, 84);
  border-radius: 8px;
  color: rgb(214, 222, 234);
  font-size: 12px;
  cursor: pointer;
  list-style: none;
}

.pw-thread-more summary::-webkit-details-marker {
  display: none;
}

.pw-thread-more summary:hover {
  background: rgb(48, 58, 72);
}

.pw-thread-more[open] .pw-thread-more-list {
  display: flex;
}

.pw-thread-more .pw-thread-more-list {
  display: none;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  max-width: min(320px, 90vw);
  margin: 8px 0px 0px;
  padding: 7px;
  background: rgb(32, 39, 51);
  border: 1px solid rgb(58, 69, 85);
  border-radius: 10px;
  list-style: none;
}

.pw-thread-more .pw-thread-more-list li {
  float: none;
  display: block;
  margin: 0px;
  padding: 0px;
  background: transparent;
}

.pw-thread-more .pw-thread-more-list li a {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: 34px !important;
  padding: 8px 12px 8px 32px !important;
  box-sizing: border-box;
  background: transparent !important;
  border: 0px !important;
  border-radius: 6px;
  box-shadow: none !important;
  color: rgb(203, 213, 225) !important;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.pw-thread-more .pw-thread-more-list li a:hover {
  background: rgb(48, 59, 75) !important;
  color: rgb(255, 145, 79) !important;
}

.pw-thread-more .pw-thread-more-list li a {
  background-image: none !important;
}

.pw-thread-view .pw-post .post_controls {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 0px;
  padding: 9px 14px !important;
  margin: 0px;
  background: rgb(28, 34, 43) !important;
  border-top: 1px solid rgb(52, 62, 76);
}

.pw-thread-view .pw-post .postbit_buttons {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  float: none !important;
  width: auto !important;
  margin: 0px !important;
  padding: 0px !important;
}

.pw-thread-view .pw-post .postbit_buttons a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0px !important;
  min-height: 30px !important;
  height: auto !important;
  padding: 6px 10px !important;
  margin: 0px !important;
  background: rgb(40, 49, 61) !important;
  border: 1px solid rgb(57, 68, 83) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: rgb(203, 213, 225) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.pw-thread-view .pw-post .postbit_buttons a:hover {
  background: rgb(53, 65, 81) !important;
  border-color: rgb(255, 120, 56) !important;
  color: rgb(255, 255, 255) !important;
}

.pw-thread-view .pw-post .postbit_buttons a span {
  display: inline !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  margin: 0px !important;
  background: none !important;
  color: inherit !important;
}

.pw-thread-view + .float_left, .pw-thread-view + .float_left + .float_right {
  margin-top: 14px;
}

@media (max-width: 760px) {
  .pw-thread-view .pw-post .post_controls {
    padding: 8px !important;
    gap: 6px;
  }
  .pw-thread-view .pw-post .postbit_buttons a {
    padding: 6px 8px !important;
    font-size: 11px !important;
  }
}

.pw-thread-view .pw-post .post_controls {
  grid-area: 2 / 2;
  display: flex !important;
  flex-flow: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 52px !important;
  margin: 0px !important;
  padding: 10px 16px !important;
  background: rgb(28, 34, 43) !important;
  border-width: 1px 0px 0px !important;
  border-style: solid none none !important;
  border-color: rgb(52, 62, 76) currentcolor currentcolor !important;
  border-image: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons {
  display: flex !important;
  flex-flow: wrap !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  min-width: 0px !important;
  gap: 7px !important;
  margin: 0px !important;
  padding: 0px !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0px !important;
  padding: 0px 8px !important;
  box-sizing: border-box !important;
  background: rgb(41, 51, 64) !important;
  border: 1px solid rgb(59, 71, 86) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: rgb(203, 213, 225) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a > span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0px !important;
  min-height: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  background: none !important;
  border: 0px !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a img {
  max-width: 14px !important;
  max-height: 14px !important;
  width: auto !important;
  height: auto !important;
  margin: 0px 4px 0px 0px !important;
  padding: 0px !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a:hover {
  background: rgb(54, 66, 82) !important;
  border-color: rgb(255, 120, 56) !important;
  color: rgb(255, 255, 255) !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a:focus-visible {
  outline: rgb(255, 145, 79) solid 2px !important;
  outline-offset: 2px !important;
}

@media (max-width: 760px) {
  .pw-thread-view .pw-post .post_controls {
    grid-area: auto;
    padding: 10px !important;
    gap: 8px !important;
  }
  .pw-thread-view .pw-post .post_controls .postbit_buttons {
    gap: 6px !important;
  }
  .pw-thread-view .pw-post .post_controls .postbit_buttons > a {
    flex-basis: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    font-size: 10px !important;
  }
}

#header #panel .pw-guest-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 16px;
  min-width: 0px;
}

#header #panel .pw-guest-welcome {
  color: rgb(170, 181, 196);
  font-size: 12px;
}

#header #panel .pw-guest-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#header #panel .pw-guest-actions a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  float: none !important;
  min-width: 86px;
  min-height: 36px;
  padding: 9px 16px !important;
  margin: 0px !important;
  background-image: none !important;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  box-sizing: border-box;
}

#header #panel .pw-guest-actions a::before, #header #panel .pw-guest-actions a::after {
  content: none !important;
  display: none !important;
}

#header #panel .pw-guest-actions .pw-login {
  background: rgb(41, 51, 64) !important;
  border: 1px solid rgb(65, 77, 94) !important;
  color: rgb(231, 237, 245) !important;
}

#header #panel .pw-guest-actions .pw-register {
  background: rgb(255, 120, 56) !important;
  border: 1px solid rgb(255, 120, 56) !important;
  color: rgb(23, 23, 23) !important;
}

#header #panel .pw-guest-actions .pw-login:hover {
  background: rgb(54, 67, 83) !important;
}

#header #panel .pw-guest-actions .pw-register:hover {
  background: rgb(255, 150, 95) !important;
}

@media (max-width: 600px) {
  #header #panel .pw-guest-links {
    justify-content: center;
  }
}

#header .pw-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1320px;
  min-height: 80px;
  margin: 0px auto;
  padding: 0px 24px;
  box-sizing: border-box;
}

#header .pw-navigation {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#header .pw-navigation .pw-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 11px 15px;
  background: transparent !important;
  border: 0px !important;
  color: rgb(183, 193, 206) !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

#header .pw-navigation .pw-nav-link:hover {
  background: rgb(41, 49, 61) !important;
  color: rgb(255, 255, 255) !important;
}

#header .pw-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  min-width: 0px;
}

#header .pw-header-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
}

#header .pw-search-input {
  width: 205px;
  height: 38px;
  margin: 0px;
  padding: 0px 12px !important;
  background: rgb(21, 26, 33) !important;
  border: 1px solid rgb(59, 69, 84) !important;
  border-radius: 8px !important;
  color: rgb(237, 242, 247) !important;
  box-sizing: border-box;
}

#header .pw-search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-height: 38px;
  padding: 0px 16px !important;
  background: rgb(255, 120, 56) !important;
  border: 0px !important;
  border-radius: 8px !important;
  color: rgb(23, 23, 23) !important;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

#header #panel {
  background: rgb(32, 38, 48) !important;
  border-bottom: 1px solid rgb(52, 62, 76);
}

#header #panel .pw-account-panel {
  max-width: 1320px;
  margin: 0px auto;
  padding: 12px 24px;
  box-sizing: border-box;
}

#header #panel .pw-panel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

#header #panel .pw-guest-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 14px;
  margin-left: auto;
}

#header #panel .pw-guest-text {
  color: rgb(174, 185, 200);
  font-size: 12px;
}

#header #panel .pw-guest-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

#header #panel .pw-auth-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  height: 36px;
  padding: 0px 14px !important;
  margin: 0px !important;
  background-image: none !important;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  box-sizing: border-box;
}

#header #panel .pw-auth-login {
  background: rgb(46, 55, 68) !important;
  border: 1px solid rgb(65, 77, 94) !important;
  color: rgb(231, 237, 245) !important;
}

#header #panel .pw-auth-register {
  background: rgb(255, 120, 56) !important;
  border: 1px solid rgb(255, 120, 56) !important;
  color: rgb(23, 23, 23) !important;
}

#header #panel .pw-member-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

#header #panel .pw-member-links ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#header #panel .pw-member-links ul li {
  margin: 0px;
  padding: 0px;
}

#header #panel .pw-member-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-left: auto;
}

#header #panel .pw-member-text {
  color: rgb(199, 208, 221);
  font-size: 12px;
}

#header #panel .pw-member-logout {
  color: rgb(255, 145, 79) !important;
  font-size: 12px;
  text-decoration: none !important;
}

@media (max-width: 980px) {
  #header .pw-header-inner {
    flex-wrap: wrap;
    padding: 16px;
    gap: 16px;
  }
  #header .pw-navigation {
    order: 3;
    flex: 0 0 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
  #header .pw-header-actions {
    margin-left: auto;
  }
  #header #panel .pw-account-panel {
    padding: 12px 16px;
  }
  #header #panel .pw-panel-row {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  #header .pw-header-actions {
    width: 100%;
    margin-left: 0px;
  }
  #header .pw-header-search {
    width: 100%;
  }
  #header .pw-search-input {
    flex: 1 1 0%;
    min-width: 0px;
    width: auto;
  }
  #header #panel .pw-guest-box {
    justify-content: flex-end;
  }
}

#header .pw-header-inner, #header #panel .pw-account-panel {
  max-width: 1320px;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

#header #panel .pw-guest-box {
  margin-left: auto;
  margin-right: 0px;
  justify-content: flex-end;
}

#header #panel .pw-panel-row-guest {
  justify-content: flex-end;
}

.pw-members-page {
  --pm-bg: #1b2028;
  --pm-panel: #222a35;
  --pm-panel-hover: #293341;
  --pm-border: #354050;
  --pm-text: #edf2f8;
  --pm-muted: #9baabc;
  --pm-accent: #ff7838;
  width: 100%;
  min-width: 0px;
  color: var(--pm-text);
}

.pw-members-page .pw-members-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 190px;
  margin-bottom: 32px;
  padding: 35px 40px;
  background: radial-gradient(circle at 85% 20%, rgba(255, 120, 56, 0.14), transparent 38%), linear-gradient(125deg, rgb(37, 45, 57), rgb(24, 30, 39));
  border: 1px solid var(--pm-border);
  border-radius: 15px;
  overflow: hidden;
  box-sizing: border-box;
}

.pw-members-page .pw-members-hero-content {
  position: relative;
  z-index: 1;
  max-width: 640px;
}

.pw-members-page .pw-members-eyebrow {
  display: block;
  color: var(--pm-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.6px;
}

.pw-members-page .pw-members-hero h1 {
  margin: 12px 0px;
  color: rgb(255, 255, 255);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1.2;
}

.pw-members-page .pw-members-hero p {
  max-width: 570px;
  margin: 0px;
  color: rgb(170, 182, 198);
  font-size: 13px;
  line-height: 1.8;
}

.pw-members-page .pw-members-hero-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 112px;
  height: 112px;
  background: linear-gradient(145deg, rgb(56, 49, 58), rgb(38, 35, 46));
  border: 1px solid rgba(255, 120, 56, 0.18);
  border-radius: 25px;
  color: var(--pm-accent);
  font-size: 80px;
  font-weight: 900;
  transform: rotate(-9deg);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 35px;
}

.pw-members-page .pw-members-section-heading, .pw-members-page .pw-members-search-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 18px;
}

.pw-members-page .pw-members-section-heading h2, .pw-members-page .pw-members-search-heading h2 {
  margin: 7px 0px 0px;
  color: rgb(241, 245, 249);
  font-size: 22px;
  font-weight: 800;
}

.pw-members-page .pw-members-advanced-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 13px;
  background: rgb(40, 49, 62);
  border: 1px solid rgb(58, 70, 85);
  border-radius: 8px;
  color: rgb(213, 222, 234) !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  box-sizing: border-box;
}

.pw-members-page .pw-members-advanced-link:hover {
  background: rgb(52, 64, 82);
  border-color: var(--pm-accent);
}

.pw-members-page .pw-members-filter-panel {
  padding: 18px 20px;
  margin-bottom: 20px;
  background: var(--pm-bg);
  border: 1px solid var(--pm-border);
  border-radius: 12px;
}

.pw-members-page .pw-members-filter-title {
  margin-bottom: 14px;
  color: rgb(201, 212, 227);
  font-size: 12px;
  font-weight: 700;
}

.pw-members-page .pw-members-alphabet {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.pw-members-page .pw-members-alphabet a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 31px;
  min-height: 32px;
  padding: 6px;
  background: rgb(37, 45, 56);
  border: 1px solid transparent;
  border-radius: 6px;
  color: rgb(181, 193, 208) !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  box-sizing: border-box;
}

.pw-members-page .pw-members-alphabet a:hover {
  background: rgb(54, 66, 82);
  border-color: rgb(83, 97, 116);
  color: white !important;
}

.pw-members-page .pw-members-alphabet .pw-members-all {
  min-width: 45px;
  background: rgb(59, 48, 43);
  color: rgb(255, 159, 108) !important;
}

.pw-members-page .pw-members-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 24px;
  margin: 12px 0px;
  color: var(--pm-muted);
}

.pw-members-page .pw-members-pagination-bottom {
  margin: 18px 0px 32px;
}

.pw-members-page .pw-members-table-wrapper {
  width: 100%;
  overflow-x: auto;
  background: var(--pm-bg);
  border: 1px solid var(--pm-border);
  border-radius: 13px;
}

.pw-members-page .pw-members-table {
  width: 100%;
  min-width: 760px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  border-radius: 0px;
  table-layout: auto;
}

.pw-members-page .pw-members-table .thead {
  padding: 17px 20px;
  background: rgb(40, 49, 62);
  border-bottom: 1px solid rgb(60, 72, 88);
  color: rgb(242, 245, 250);
}

.pw-members-page .pw-members-table-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.pw-members-page .pw-members-table-heading strong {
  font-size: 15px;
  font-weight: 800;
}

.pw-members-page .pw-members-table-heading span {
  color: rgb(160, 172, 189);
  font-size: 11px;
}

.pw-members-page .pw-members-columns th, .pw-members-page .pw-members-columns td {
  padding: 14px 12px;
  background: rgb(32, 39, 50);
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(53, 64, 80);
  border-image: none;
  color: rgb(158, 172, 190);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.pw-members-page .pw-members-columns th:nth-child(2) {
  text-align: left;
}

.pw-members-page .pw-members-columns a {
  color: rgb(174, 188, 205) !important;
  text-decoration: none !important;
}

.pw-members-page .pw-members-columns a:hover {
  color: rgb(255, 153, 95) !important;
}

.pw-members-page .pw-member-row td {
  padding: 17px 12px;
  background: rgb(27, 34, 43);
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(48, 58, 72);
  border-image: none;
  vertical-align: middle;
  transition: background 0.2s;
}

.pw-members-page .pw-member-row:nth-child(2n) td {
  background: rgb(30, 38, 48);
}

.pw-members-page .pw-member-row:hover td {
  background: rgb(41, 52, 65);
}

.pw-members-page .pw-member-avatar-cell {
  width: 82px;
  text-align: center;
}

.pw-members-page .pw-member-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: auto;
}

.pw-members-page .pw-member-avatar img {
  display: block;
  width: 56px;
  height: 56px;
  max-width: 56px;
  max-height: 56px;
  object-fit: cover;
  background: rgb(21, 26, 33);
  border: 2px solid rgb(70, 84, 102);
  border-radius: 13px;
  box-sizing: border-box;
}

.pw-members-page .pw-member-info-cell {
  min-width: 180px;
  text-align: left;
}

.pw-members-page .pw-member-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.pw-members-page .pw-member-name {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
}

.pw-members-page .pw-member-name a {
  color: rgb(240, 244, 250);
  text-decoration: none !important;
}

.pw-members-page .pw-member-name a:hover {
  color: rgb(255, 152, 93) !important;
}

.pw-members-page .pw-member-role {
  color: rgb(255, 172, 122);
  font-size: 11px;
  font-weight: 600;
}

.pw-members-page .pw-member-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.pw-members-page .pw-member-badges img {
  max-width: 100%;
  height: auto;
}

.pw-members-page .pw-member-data-cell {
  text-align: center;
}

.pw-members-page .pw-member-data {
  display: inline-block;
  color: rgb(174, 185, 200);
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}

.pw-members-page .pw-member-stat-cell {
  text-align: center;
}

.pw-members-page .pw-member-stat {
  display: inline-block;
  color: rgb(228, 234, 242);
  font-size: 13px;
  font-weight: 800;
}

.pw-members-page .pw-members-search-section {
  margin-top: 28px;
  margin-bottom: 32px;
  padding: 24px;
  background: var(--pm-bg);
  border: 1px solid var(--pm-border);
  border-radius: 13px;
}

.pw-members-page .pw-members-search-heading p {
  margin: 8px 0px 0px;
  color: var(--pm-muted);
  font-size: 12px;
  line-height: 1.6;
}

.pw-members-page .pw-members-search-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.pw-members-page .pw-members-field {
  display: flex;
  flex-direction: column;
  min-width: 0px;
  gap: 7px;
}

.pw-members-page .pw-members-field label {
  color: rgb(228, 235, 244);
  font-size: 12px;
  font-weight: 700;
}

.pw-members-page .pw-members-field-hint {
  color: rgb(135, 149, 168);
  font-size: 11px;
}

.pw-members-page .pw-members-field input, .pw-members-page .pw-members-field select {
  display: block;
  width: 100%;
  min-height: 40px;
  margin: 0px;
  padding: 9px 12px;
  background: rgb(21, 27, 35) !important;
  border: 1px solid rgb(60, 72, 88) !important;
  border-radius: 8px !important;
  color: rgb(237, 242, 248) !important;
  font-size: 12px;
  box-shadow: none !important;
  box-sizing: border-box;
}

.pw-members-page .pw-members-field input:focus, .pw-members-page .pw-members-field select:focus {
  border-color: rgb(255, 120, 56) !important;
  outline: rgba(255, 120, 56, 0.18) solid 2px;
}

.pw-members-page .pw-members-search-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgb(48, 59, 73);
}

.pw-members-page .pw-members-sort-order {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0px;
  padding: 0px;
  background: transparent !important;
  border: 0px !important;
}

.pw-members-page .pw-members-sort-order legend {
  margin-bottom: 12px;
  padding: 0px;
  color: rgb(203, 213, 225);
  font-size: 12px;
  font-weight: 700;
}

.pw-members-page .pw-members-sort-order label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgb(174, 185, 200);
  font-size: 12px;
}

.pw-members-page .pw-members-search-button {
  min-height: 38px;
  padding: 9px 23px !important;
  background: rgb(255, 120, 56) !important;
  border: 0px !important;
  border-radius: 8px !important;
  color: rgb(23, 23, 23) !important;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.pw-members-page .select2-container {
  width: 100% !important;
  max-width: 100%;
}

.pw-members-page .select2-container .select2-choice {
  min-height: 38px;
  background: rgb(21, 27, 35) !important;
  border: 1px solid rgb(60, 72, 88) !important;
  border-radius: 8px !important;
  color: rgb(237, 242, 248) !important;
  box-shadow: none !important;
}

.pw-members-page .select2-container .select2-choice > .select2-chosen {
  line-height: 38px;
}

@media (max-width: 900px) {
  .pw-members-page .pw-members-hero {
    padding: 28px;
  }
  .pw-members-page .pw-members-search-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

@media (max-width: 600px) {
  .pw-members-page .pw-members-hero {
    min-height: 0px;
    padding: 24px 20px;
  }
  .pw-members-page .pw-members-hero-symbol {
    display: none;
  }
  .pw-members-page .pw-members-hero h1 {
    font-size: 26px;
  }
  .pw-members-page .pw-members-section-heading h2, .pw-members-page .pw-members-search-heading h2 {
    font-size: 20px;
  }
  .pw-members-page .pw-members-filter-panel {
    padding: 15px;
  }
  .pw-members-page .pw-members-alphabet {
    gap: 4px;
  }
  .pw-members-page .pw-members-alphabet a {
    min-width: 29px;
    min-height: 30px;
  }
  .pw-members-page .pw-members-table {
    min-width: 760px;
  }
  .pw-members-page .pw-members-search-section {
    padding: 18px;
  }
  .pw-members-page .pw-members-search-grid {
    grid-template-columns: 1fr;
  }
  .pw-members-page .pw-members-search-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .pw-members-page .pw-members-search-button {
    width: 100%;
  }
}

.pw-profile-page {
  --pp-bg: #1b222b;
  --pp-panel: #222b36;
  --pp-border: #354252;
  --pp-accent: #ff7838;
  --pp-text: #edf2f8;
  --pp-muted: #9baabc;
  width: 100%;
  min-width: 0px;
  margin-bottom: 36px;
  color: var(--pp-text);
}

.pw-profile-page *, .pw-profile-page ::before, .pw-profile-page ::after {
  box-sizing: border-box;
}

.pw-profile-page .pw-profile-hero {
  overflow: hidden;
  margin-bottom: 20px;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 15px;
}

.pw-profile-page .pw-profile-cover {
  position: relative;
  height: 155px;
  overflow: hidden;
  background: radial-gradient(circle at 85% 45%, rgba(255, 120, 56, 0.19), transparent 38%), linear-gradient(115deg, rgb(40, 51, 66) 0%, rgb(32, 41, 53) 52%, rgb(52, 42, 43) 100%);
  border-bottom: 1px solid rgb(61, 70, 83);
}

.pw-profile-page .pw-profile-cover::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -80px;
  top: -130px;
  border: 1px solid rgba(255, 120, 56, 0.18);
  border-radius: 50%;
}

.pw-profile-page .pw-profile-cover::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: 38px;
  top: -85px;
  border: 1px solid rgba(255, 120, 56, 0.12);
  border-radius: 50%;
}

.pw-profile-page .pw-profile-cover-pattern {
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(90deg, transparent 97%, rgba(255, 255, 255, 0.02) 100%);
  background-size: 38px 38px;
}

.pw-profile-page .pw-profile-cover-label {
  position: absolute;
  top: 25px;
  left: 30px;
  z-index: 1;
  color: rgb(255, 171, 123);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.pw-profile-page .pw-profile-identity {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 125px;
  padding: 25px 30px;
  position: relative;
}

.pw-profile-page .pw-profile-avatar-wrap {
  position: relative;
  flex-shrink: 0;
  width: 108px;
  height: 108px;
  margin-top: -64px;
  z-index: 2;
}

.pw-profile-page .pw-profile-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 108px;
  overflow: hidden;
  background: rgb(48, 59, 73);
  border: 5px solid rgb(27, 34, 43);
  border-radius: 22px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 25px;
}

.pw-profile-page .pw-profile-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 17px;
}

.pw-profile-page .pw-profile-user-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-width: 0px;
  gap: 7px;
}

.pw-profile-page .pw-profile-name {
  color: rgb(255, 255, 255);
  font-size: clamp(21px, 2.5vw, 29px);
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.pw-profile-page .pw-profile-name a {
  color: inherit;
  text-decoration: none;
}

.pw-profile-page .pw-profile-role {
  color: rgb(255, 173, 125);
  font-size: 12px;
  font-weight: 700;
}

.pw-profile-page .pw-profile-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.pw-profile-page .pw-profile-group img {
  max-width: 100%;
  height: auto;
}

.pw-profile-page .pw-profile-user-status {
  flex-shrink: 0;
  min-width: 150px;
  padding: 12px 16px;
  background: rgb(37, 46, 57);
  border: 1px solid rgb(57, 69, 84);
  border-radius: 10px;
}

.pw-profile-page .pw-profile-status-label {
  display: block;
  margin-bottom: 7px;
  color: rgb(132, 147, 167);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
}

.pw-profile-page .pw-profile-status-value {
  color: rgb(228, 237, 246);
  font-size: 12px;
  font-weight: 700;
}

.pw-profile-page .pw-profile-status-value a {
  color: rgb(255, 171, 123);
}

.pw-profile-page .pw-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 15px;
  margin-bottom: 22px;
}

.pw-profile-page .pw-profile-stat {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0px;
  min-height: 90px;
  padding: 18px 21px;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 12px;
}

.pw-profile-page .pw-profile-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 43px;
  height: 43px;
  background: rgba(255, 120, 56, 0.1);
  border: 1px solid rgba(255, 120, 56, 0.17);
  border-radius: 11px;
  color: var(--pp-accent);
  font-size: 22px;
}

.pw-profile-page .pw-profile-stat-content {
  display: flex;
  flex-direction: column;
  min-width: 0px;
  gap: 5px;
}

.pw-profile-page .pw-profile-stat-value {
  color: rgb(242, 245, 250);
  font-size: 23px;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.pw-profile-page .pw-profile-stat-date {
  font-size: 15px;
}

.pw-profile-page .pw-profile-stat-label {
  color: var(--pp-muted);
  font-size: 11px;
  font-weight: 600;
}

.pw-profile-page .pw-profile-layout {
  display: grid;
  grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr);
  align-items: start;
  gap: 20px;
}

.pw-profile-page .pw-profile-main-column, .pw-profile-page .pw-profile-side-column {
  display: flex;
  flex-direction: column;
  min-width: 0px;
  gap: 20px;
}

.pw-profile-page .pw-profile-card {
  overflow: hidden;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 12px;
}

.pw-profile-page .pw-profile-card-header {
  padding: 20px 22px;
  background: rgb(37, 46, 58);
  border-bottom: 1px solid rgb(53, 66, 82);
}

.pw-profile-page .pw-profile-eyebrow {
  color: var(--pp-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.3px;
}

.pw-profile-page .pw-profile-card-header h2 {
  margin: 7px 0px 0px;
  color: rgb(242, 245, 250);
  font-size: 17px;
  font-weight: 800;
}

.pw-profile-page .pw-profile-card-body {
  padding: 5px 22px;
}

.pw-profile-page .pw-profile-info-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0px;
  border-bottom: 1px solid rgb(48, 58, 71);
}

.pw-profile-page .pw-profile-info-row:last-child {
  border-bottom: 0px;
}

.pw-profile-page .pw-profile-info-label {
  flex: 0 0 38%;
  color: rgb(150, 166, 185);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}

.pw-profile-page .pw-profile-info-value {
  min-width: 0px;
  color: rgb(225, 233, 242);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  text-align: right;
  overflow-wrap: anywhere;
}

.pw-profile-page .pw-profile-info-value a {
  color: rgb(255, 153, 94);
  text-decoration: none;
}

.pw-profile-page .pw-profile-info-value a:hover {
  text-decoration: underline;
}

.pw-profile-page .pw-profile-info-extra {
  color: rgb(135, 150, 169);
  font-size: 11px;
  font-weight: 400;
}

.pw-profile-page .pw-profile-optional {
  width: 100%;
}

.pw-profile-page .pw-profile-optional-table {
  width: 100%;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.pw-profile-page .pw-profile-optional-table td {
  padding: 16px 0px;
  background: transparent !important;
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(48, 58, 71);
  border-image: none;
  color: rgb(225, 233, 242);
  font-size: 12px;
  vertical-align: top;
}

.pw-profile-page .pw-profile-optional-table td:first-child {
  width: 38%;
  color: rgb(150, 166, 185);
  font-weight: 600;
}

.pw-profile-page .pw-profile-optional-table td:last-child {
  text-align: right;
}

.pw-profile-page .pw-profile-optional-table a {
  color: rgb(255, 153, 94);
}

.pw-profile-page .pw-profile-dynamic-card:empty {
  display: none;
}

.pw-profile-page .pw-profile-dynamic-card > .tborder {
  width: 100%;
  margin: 0px;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 12px;
  border-spacing: 0px;
  overflow: hidden;
}

.pw-profile-page .pw-profile-dynamic-card > .tborder .thead {
  padding: 18px 20px;
  background: rgb(37, 46, 58) !important;
  border-bottom: 1px solid rgb(53, 66, 82);
  color: rgb(242, 245, 250) !important;
  font-size: 15px;
  font-weight: 800;
}

.pw-profile-page .pw-profile-dynamic-card > .tborder .trow1, .pw-profile-page .pw-profile-dynamic-card > .tborder .trow2 {
  padding: 13px 17px;
  background: rgb(27, 34, 43) !important;
  border-bottom: 1px solid rgb(48, 58, 71);
  color: rgb(212, 222, 235) !important;
  font-size: 12px;
  line-height: 1.6;
}

.pw-profile-page .pw-profile-dynamic-card > .tborder a {
  color: rgb(255, 153, 94);
}

.pw-profile-page .pw-profile-dynamic-card > .tborder img {
  max-width: 100%;
  height: auto;
}

.pw-profile-page .pw-profile-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.pw-profile-page .pw-profile-actions:empty {
  display: none;
}

.pw-profile-page .pw-profile-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 14px;
  background: rgb(40, 51, 65);
  border: 1px solid rgb(62, 75, 92);
  border-radius: 8px;
  color: rgb(220, 229, 240) !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
}

.pw-profile-page .pw-profile-actions a:hover {
  background: rgb(53, 66, 82);
  border-color: var(--pp-accent);
}

.pw-profile-page .pw-profile-notices:empty {
  display: none;
}

.pw-profile-page .pw-profile-notices:not(:empty) {
  margin-bottom: 20px;
}

@media (max-width: 900px) {
  .pw-profile-page .pw-profile-layout {
    grid-template-columns: 1fr;
  }
  .pw-profile-page .pw-profile-stats {
    gap: 10px;
  }
  .pw-profile-page .pw-profile-stat {
    padding: 14px;
  }
}

@media (max-width: 600px) {
  .pw-profile-page .pw-profile-cover {
    height: 120px;
  }
  .pw-profile-page .pw-profile-identity {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 13px;
    padding: 20px;
  }
  .pw-profile-page .pw-profile-avatar-wrap, .pw-profile-page .pw-profile-avatar {
    width: 82px;
    height: 82px;
  }
  .pw-profile-page .pw-profile-avatar-wrap {
    margin-top: -48px;
  }
  .pw-profile-page .pw-profile-name {
    font-size: 22px;
  }
  .pw-profile-page .pw-profile-user-status {
    width: 100%;
  }
  .pw-profile-page .pw-profile-stats {
    grid-template-columns: 1fr;
  }
  .pw-profile-page .pw-profile-stat {
    min-height: 65px;
  }
  .pw-profile-page .pw-profile-card-header {
    padding: 17px;
  }
  .pw-profile-page .pw-profile-card-body {
    padding: 4px 17px;
  }
  .pw-profile-page .pw-profile-info-row {
    gap: 12px;
  }
  .pw-profile-page .pw-profile-info-label {
    flex-basis: 40%;
  }
}

@media (min-width: 901px) {
  .pw-profile-page .pw-profile-layout {
    display: grid;
    grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr);
    gap: 22px;
    align-items: start;
  }
  .pw-profile-page .pw-profile-main-column, .pw-profile-page .pw-profile-side-column {
    gap: 16px;
  }
  .pw-profile-page .pw-profile-stats {
    gap: 16px;
    margin-bottom: 20px;
  }
  .pw-profile-page .pw-profile-stat {
    min-height: 78px;
    padding: 15px 18px;
  }
  .pw-profile-page .pw-profile-cover {
    height: 145px;
  }
  .pw-profile-page .pw-profile-identity {
    min-height: 118px;
  }
  .pw-profile-page .pw-profile-info-row {
    padding: 14px 0px;
  }
  .pw-profile-page .pw-profile-info-label {
    flex: 0 0 34%;
  }
  .pw-profile-page .pw-profile-info-value {
    flex: 1 1 0%;
  }
  .pw-profile-page .pw-profile-card, .pw-profile-page .pw-profile-dynamic-card {
    min-width: 0px;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .pw-profile-page .pw-profile-layout {
    grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr);
  }
  .pw-profile-page .pw-profile-card-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.pw-profile-page .pw-profile-stat-value {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (min-width: 901px) {
  .pw-profile-page .pw-profile-layout {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
  }
  .pw-profile-page .pw-profile-main-column, .pw-profile-page .pw-profile-side-column {
    display: contents !important;
  }
  .pw-profile-page .pw-profile-main-column > .pw-profile-card:first-child {
    grid-column: 1 / -1 !important;
  }
  .pw-profile-page .pw-profile-layout > *, .pw-profile-page .pw-profile-card, .pw-profile-page .pw-profile-dynamic-card {
    min-width: 0px;
    width: 100%;
  }
  .pw-profile-page .pw-profile-main-column > .pw-profile-card:first-child .pw-profile-card-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    column-gap: 35px;
    padding: 12px 25px;
  }
  .pw-profile-page .pw-profile-main-column > .pw-profile-card:first-child .pw-profile-info-row {
    min-width: 0px;
    padding: 15px 0px;
  }
  .pw-profile-page .pw-profile-optional {
    grid-column: 1 / -1;
  }
  .pw-profile-page .pw-profile-optional-table {
    width: 100%;
  }
  .pw-profile-page .pw-profile-layout .pw-profile-card, .pw-profile-page .pw-profile-layout .pw-profile-dynamic-card > .tborder {
    border-radius: 12px;
  }
  .pw-profile-page .pw-profile-dynamic-card:empty {
    display: none !important;
  }
  .pw-profile-page .pw-profile-actions {
    place-content: flex-start;
  }
}

@media (max-width: 900px) {
  .pw-profile-page .pw-profile-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .pw-profile-page .pw-profile-main-column, .pw-profile-page .pw-profile-side-column {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
}

@media (min-width: 901px) {
  .pw-profile-page .pw-profile-main-column > .pw-profile-card:first-child {
    grid-column: 1 / -1 !important;
  }
  .pw-profile-page .pw-profile-main-column > .pw-profile-card:last-child {
    grid-column: 1 !important;
  }
  .pw-profile-page .pw-profile-dynamic-card:empty {
    display: none !important;
  }
}

.pw-post .codeblock, .pw-thread-view .codeblock, .codeblock {
  background: rgb(21, 28, 37) !important;
  border: 1px solid rgb(56, 71, 88) !important;
  border-radius: 10px !important;
  padding: 14px !important;
  margin: 14px 0px !important;
  color: rgb(220, 230, 242) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.pw-post .codeblock .title, .codeblock .title {
  background: transparent !important;
  color: rgb(255, 153, 94) !important;
  border-width: 0px 0px 1px !important;
  border-style: none none solid !important;
  border-color: currentcolor currentcolor rgb(53, 66, 82) !important;
  border-image: none !important;
  padding: 0px 0px 10px !important;
  margin: 0px 0px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.pw-post .codeblock code, .codeblock code {
  display: block !important;
  background: rgb(16, 23, 32) !important;
  color: rgb(220, 230, 242) !important;
  border: 0px !important;
  border-radius: 6px !important;
  padding: 14px !important;
  margin: 0px !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  white-space: pre !important;
  overflow: auto !important;
  max-height: 420px !important;
  tab-size: 4;
}

.codeblock code span {
  background: transparent;
}

.codeblock pre {
  margin: 0px !important;
  padding: 0px !important;
  background: transparent !important;
  border: 0px !important;
  box-shadow: none !important;
}

.codeblock code, .codeblock .body {
  scrollbar-color: rgb(70, 85, 104) rgb(16, 23, 32);
  scrollbar-width: thin;
}

@media (max-width: 600px) {
  .codeblock {
    padding: 10px !important;
  }
  .codeblock code {
    padding: 11px !important;
    font-size: 12px !important;
  }
}

#quick_reply_form.pw-quickreply-form {
  margin: 20px 0px 28px;
}

#quick_reply_form .pw-quickreply-table {
  width: 100%;
  background: rgb(26, 33, 43);
  border: 1px solid rgb(53, 65, 81);
  border-radius: 13px;
  border-spacing: 0px;
  overflow: hidden;
}

#quick_reply_form .pw-quickreply-table .thead {
  background: rgb(37, 47, 60) !important;
  color: rgb(240, 244, 250) !important;
  padding: 17px 20px !important;
  border-bottom: 1px solid rgb(53, 65, 81);
  font-size: 18px;
}

#quick_reply_form .pw-quickreply-options {
  width: 22%;
  padding: 20px !important;
  vertical-align: top;
  background: rgb(28, 36, 46) !important;
  border-right: 1px solid rgb(53, 65, 81);
  color: rgb(232, 237, 244);
}

#quick_reply_form .pw-quickreply-hint {
  margin: 6px 0px 18px;
  color: rgb(148, 163, 184);
  font-size: 12px;
  line-height: 1.5;
}

#quick_reply_form .pw-quickreply-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 11px;
  font-size: 12px;
  color: rgb(170, 184, 201);
}

#quick_reply_form .pw-quickreply-checkboxes label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#quick_reply_form .pw-quickreply-checkboxes input {
  accent-color: rgb(255, 120, 56);
}

#quick_reply_form .pw-quickreply-editor-cell {
  padding: 12px !important;
  background: rgb(26, 33, 43) !important;
  vertical-align: top;
}

#quick_reply_form .pw-quickreply-editor {
  border: 1px solid rgb(55, 69, 86);
  border-radius: 10px;
  overflow: hidden;
  background: rgb(18, 24, 32);
}

#quick_reply_form .pw-quickreply-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px;
  background: rgb(37, 47, 59);
  border-bottom: 1px solid rgb(55, 69, 86);
}

#quick_reply_form .pw-quickreply-toolbar button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 33px;
  min-height: 33px;
  padding: 6px 10px;
  background: rgb(48, 60, 75);
  border: 1px solid rgb(64, 80, 100);
  border-radius: 6px;
  color: rgb(225, 232, 242);
  font-style: inherit;
  font-variant: inherit;
  font-width: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-variation-settings: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-size-adjust: inherit;
  font-language-override: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

#quick_reply_form .pw-quickreply-toolbar button:hover {
  background: rgb(64, 81, 102);
  border-color: rgb(255, 120, 56);
  color: rgb(255, 255, 255);
}

#quick_reply_form .pw-quickreply-toolbar button:focus-visible {
  outline: rgb(255, 120, 56) solid 2px;
  outline-offset: 2px;
}

#quick_reply_form .pw-quickreply-separator {
  width: 1px;
  height: 22px;
  margin: 0px 4px;
  background: rgb(70, 83, 101);
}

#quick_reply_form .pw-quickreply-editor textarea#message {
  display: block;
  width: 100% !important;
  max-width: 100%;
  min-height: 190px;
  padding: 16px !important;
  margin: 0px !important;
  background: rgb(18, 24, 32) !important;
  border: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  outline: none;
  color: rgb(231, 238, 247) !important;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.7;
  resize: vertical;
  box-sizing: border-box;
}

#quick_reply_form .pw-quickreply-editor textarea#message::placeholder {
  color: rgb(117, 134, 154);
}

#quick_reply_form .pw-quickreply-editor:focus-within {
  border-color: rgb(255, 120, 56);
}

#quick_reply_form #quickreply_multiquote {
  width: auto;
  margin-top: 10px;
  padding: 10px;
  background: rgb(39, 50, 64);
  border: 1px solid rgb(62, 77, 96);
  border-radius: 7px;
  color: rgb(198, 211, 224);
}

#quick_reply_form .pw-quickreply-footer {
  padding: 15px 20px !important;
  background: rgb(29, 37, 47) !important;
  border-top: 1px solid rgb(53, 65, 81);
  text-align: center;
}

#quick_reply_form .pw-quickreply-footer input.button {
  min-height: 37px;
  padding: 9px 16px !important;
  border-radius: 7px !important;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

#quick_reply_form .pw-quickreply-submit {
  background: rgb(255, 120, 56) !important;
  color: rgb(23, 23, 23) !important;
  border: 1px solid rgb(255, 120, 56) !important;
}

#quick_reply_form .pw-quickreply-preview {
  background: rgb(48, 59, 75) !important;
  color: rgb(226, 233, 242) !important;
  border: 1px solid rgb(66, 81, 101) !important;
}

@media (max-width: 700px) {
  #quick_reply_form .pw-quickreply-table {
    width: 100%;
  }
  #quick_reply_form .pw-quickreply-table tbody tr:first-child {
    display: flex;
    flex-direction: column;
  }
  #quick_reply_form .pw-quickreply-options, #quick_reply_form .pw-quickreply-editor-cell {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  #quick_reply_form .pw-quickreply-options {
    padding: 14px !important;
    border-right: 0px;
    border-bottom: 1px solid rgb(53, 65, 81);
  }
  #quick_reply_form .pw-quickreply-checkboxes {
    flex-flow: wrap;
    gap: 12px;
  }
  #quick_reply_form .pw-quickreply-toolbar {
    gap: 4px;
  }
  #quick_reply_form .pw-quickreply-toolbar button {
    min-width: 32px;
    min-height: 32px;
    padding: 6px 8px;
  }
  #quick_reply_form .pw-quickreply-separator {
    display: none;
  }
  #quick_reply_form .pw-quickreply-editor textarea#message {
    min-height: 155px;
  }
}

#quick_reply_form .pw-quickreply-toolbar {
  background: rgb(36, 45, 57) !important;
  border-bottom: 1px solid rgb(55, 68, 85) !important;
  gap: 5px !important;
  padding: 9px 11px !important;
}

#quick_reply_form .pw-quickreply-toolbar button, #quick_reply_form .pw-quickreply-toolbar button[data-pwbb] {
  appearance: none !important;
  background: rgb(48, 59, 73) !important;
  color: rgb(211, 222, 234) !important;
  border: 1px solid rgb(61, 74, 91) !important;
  border-radius: 6px !important;
  min-width: 34px;
  min-height: 34px;
  padding: 7px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

#quick_reply_form .pw-quickreply-toolbar button strong, #quick_reply_form .pw-quickreply-toolbar button em, #quick_reply_form .pw-quickreply-toolbar button u, #quick_reply_form .pw-quickreply-toolbar button s {
  color: inherit !important;
}

#quick_reply_form .pw-quickreply-toolbar button:hover {
  background: rgb(58, 72, 89) !important;
  border-color: rgb(255, 120, 56) !important;
  color: rgb(255, 255, 255) !important;
}

#quick_reply_form .pw-quickreply-toolbar button:active {
  background: rgb(70, 86, 106) !important;
  transform: translateY(1px);
}

#quick_reply_form .pw-quickreply-toolbar button:focus-visible {
  outline: rgb(255, 120, 56) solid 2px !important;
  outline-offset: 2px;
}

#quick_reply_form .pw-quickreply-toolbar button[data-pwbb="code"] {
  color: rgb(255, 172, 124) !important;
}

#quick_reply_form .pw-quickreply-separator {
  background: rgb(70, 83, 101) !important;
  opacity: 0.8;
}

@media (max-width: 700px) {
  #quick_reply_form .pw-quickreply-toolbar {
    padding: 7px !important;
    gap: 4px !important;
  }
  #quick_reply_form .pw-quickreply-toolbar button {
    min-width: 32px;
    min-height: 32px;
    padding: 6px 8px !important;
  }
}

.pw-thread-view .codeblock, .pw-post .codeblock {
  display: block !important;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  margin: 14px 0px !important;
  padding: 14px !important;
  background: rgb(21, 28, 37) !important;
  border: 1px solid rgb(53, 68, 85) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

.pw-thread-view .codeblock .title, .pw-post .codeblock .title {
  color: rgb(255, 153, 94) !important;
  background: transparent !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgb(53, 68, 85) !important;
}

.pw-thread-view .codeblock code, .pw-post .codeblock code {
  display: block !important;
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  max-height: 420px;
  margin: 0px !important;
  padding: 12px !important;
  overflow: auto !important;
  background: rgb(14, 22, 32) !important;
  color: rgb(220, 230, 242) !important;
  border-radius: 7px !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  white-space: pre !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  box-sizing: border-box;
  user-select: text;
}

.pw-thread-view .post_content, .pw-thread-view .post_body, .pw-thread-view .post {
  min-width: 0px;
}

@media (max-width: 700px) {
  .pw-thread-view .codeblock code, .pw-post .codeblock code {
    font-size: 12px !important;
    padding: 10px !important;
  }
}

.pw-thread-view .codeblock {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  margin: 14px 0px !important;
  padding: 14px !important;
  background: rgb(23, 31, 41) !important;
  border: 1px solid rgb(55, 70, 87) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

.pw-thread-view .codeblock .title {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0px 12px !important;
  padding: 0px 0px 11px !important;
  background: transparent !important;
  border-width: 0px 0px 1px !important;
  border-style: none none solid !important;
  border-color: currentcolor currentcolor rgb(53, 66, 82) !important;
  border-image: none !important;
  color: rgb(255, 155, 103) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.pw-thread-view .codeblock .pw-code-textbox {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0px !important;
  min-height: 75px;
  max-height: 360px;
  margin: 0px !important;
  padding: 13px 15px !important;
  background: rgb(14, 22, 32) !important;
  border: 1px solid rgb(38, 51, 68) !important;
  border-radius: 7px !important;
  color: rgb(217, 229, 242) !important;
  -webkit-text-fill-color: rgb(217, 229, 242);
  font-family: Consolas, "Cascadia Code", "Courier New", monospace !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  white-space: pre !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  overflow: auto !important;
  resize: none !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  user-select: text !important;
  cursor: text;
}

.pw-thread-view .codeblock .pw-code-textbox:focus {
  border-color: rgb(66, 86, 107) !important;
  outline: none !important;
}

.pw-thread-view .codeblock .pw-code-textbox::selection {
  background: rgb(54, 93, 137);
  color: rgb(255, 255, 255);
}

.pw-thread-view .codeblock .pw-copy-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 29px;
  padding: 5px 12px !important;
  position: static !important;
  background: rgb(48, 59, 73) !important;
  border: 1px solid rgb(66, 81, 102) !important;
  border-radius: 6px !important;
  color: rgb(220, 230, 242) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: background 0.15s;
}

.pw-thread-view .codeblock .pw-copy-code:hover {
  background: rgb(64, 81, 102) !important;
  border-color: rgb(255, 120, 56) !important;
}

.pw-thread-view .codeblock .pw-copy-code.pw-copied {
  color: rgb(157, 224, 180) !important;
  border-color: rgb(66, 117, 88) !important;
}

@media (max-width: 700px) {
  .pw-thread-view .codeblock {
    padding: 10px !important;
  }
  .pw-thread-view .codeblock .pw-code-textbox {
    font-size: 12px !important;
    padding: 12px !important;
    max-height: 300px;
  }
  .pw-thread-view .codeblock .pw-copy-code {
    min-height: 30px;
  }
}

#content blockquote, #content blockquote.mycode_quote, #content .mycode_quote {
  background: rgb(32, 42, 54) !important;
  color: rgb(224, 232, 242) !important;
  border-width: 1px 1px 1px 3px !important;
  border-style: solid !important;
  border-color: rgb(57, 72, 88) rgb(57, 72, 88) rgb(57, 72, 88) rgb(255, 120, 56) !important;
  border-image: none !important;
  border-radius: 8px !important;
  padding: 14px !important;
  margin: 12px 0px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

#content blockquote cite, #content .mycode_quote cite, #content blockquote cite a {
  color: rgb(255, 172, 125) !important;
  background: transparent !important;
}

#content blockquote, #content blockquote p, #content .mycode_quote, #content .mycode_quote p {
  color: rgb(224, 232, 242) !important;
}

#content .popup_menu, #content .popup_menu ul, #content .popup_menu .popup_item {
  background: rgb(37, 47, 59) !important;
  color: rgb(226, 234, 243) !important;
  border-color: rgb(60, 75, 93) !important;
  box-shadow: none !important;
}

#content .popup_menu {
  min-width: 125px;
  padding: 5px !important;
  border: 1px solid rgb(60, 75, 93) !important;
  border-radius: 8px !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 24px !important;
  box-sizing: border-box;
  z-index: 9999 !important;
}

#content .popup_menu .popup_item {
  display: block;
  width: 100%;
  padding: 9px 12px !important;
  margin: 0px !important;
  border: 0px !important;
  border-radius: 5px !important;
  color: rgb(220, 229, 239) !important;
  font-size: 12px !important;
  line-height: 1.4;
  text-decoration: none !important;
  box-sizing: border-box;
}

#content .popup_menu .popup_item:hover {
  background: rgb(52, 66, 85) !important;
  color: rgb(255, 255, 255) !important;
}

#content .popup_menu a:focus {
  background: rgb(52, 66, 85) !important;
  color: rgb(255, 255, 255) !important;
}

#content .post_controls a:focus, #content .post_controls a:active {
  outline-color: rgb(255, 120, 56);
}

.pw-profile-admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}

.pw-profile-admin-grid .pw-profile-admin-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

.pw-profile-admin-grid .pw-profile-admin-card > * {
  height: 100%;
}

.pw-profile-admin-grid .pw-profile-admin-card table, .pw-profile-admin-grid .pw-profile-admin-card .tborder {
  width: 100%;
  height: 100%;
  margin: 0px;
}

.pw-profile-admin-grid .pw-profile-admin-card td, .pw-profile-admin-grid .pw-profile-admin-card .trow1, .pw-profile-admin-grid .pw-profile-admin-card .trow2 {
  vertical-align: top;
}

.pw-profile-admin-grid .pw-profile-admin-card ul {
  margin: 0px;
  padding-left: 18px;
}

.pw-profile-admin-grid .pw-profile-admin-card li {
  margin-bottom: 6px;
}

.pw-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-start;
}

.pw-profile-actions a, .pw-profile-actions .button, .pw-profile-actions input[type="submit"], .pw-profile-actions input[type="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 11px 16px;
  border-radius: 12px;
  border: 1px solid rgb(51, 69, 92) !important;
  background: linear-gradient(rgb(39, 53, 72) 0%, rgb(32, 44, 60) 100%) !important;
  color: rgb(232, 237, 245) !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 18px;
  transition: 0.18s;
}

.pw-profile-actions a:hover, .pw-profile-actions .button:hover, .pw-profile-actions input[type="submit"]:hover, .pw-profile-actions input[type="button"]:hover {
  background: linear-gradient(rgb(44, 60, 80) 0%, rgb(36, 50, 68) 100%) !important;
  border-color: rgba(255, 133, 58, 0.55) !important;
  color: rgb(255, 255, 255) !important;
  transform: translateY(-1px);
  box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 20px;
}

.pw-profile-actions a:active, .pw-profile-actions .button:active, .pw-profile-actions input[type="submit"]:active, .pw-profile-actions input[type="button"]:active {
  transform: translateY(0px);
  box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 10px;
}

.pw-profile-actions img {
  vertical-align: middle;
}

.pw-profile-actions > span, .pw-profile-actions > div {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1100px) {
  .pw-profile-admin-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .pw-profile-actions {
    gap: 10px;
  }
  .pw-profile-actions a, .pw-profile-actions .button, .pw-profile-actions input[type="submit"], .pw-profile-actions input[type="button"] {
    width: 100%;
    justify-content: center;
  }
}

#pw-post-preview-wrap .post_controls, #pw-post-preview-wrap .postbit_buttons, #pw-post-preview-wrap .post_management_buttons, #pw-post-preview-wrap .postbit_find, #pw-post-preview-wrap a[href*="findpost"], #pw-post-preview-wrap a[href*="finduser"], #pw-post-preview-wrap input[value="Find"] {
  display: none !important;
}

#pw-post-preview-wrap .tborder {
  overflow: hidden;
  border-radius: 14px;
}

#pw-post-preview-wrap .post {
  overflow: hidden;
}

#pw-post-preview-wrap .post_author, #pw-post-preview-wrap .post_content {
  vertical-align: top;
}

#pw-post-preview-wrap .post_body, #pw-post-preview-wrap .post_content {
  width: 100%;
}

#pw-post-preview-wrap table {
  width: 100% !important;
  table-layout: fixed;
}

.pw-thread-view .pw-post .post_controls {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0px !important;
  height: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.pw-thread-view .pw-post .post_controls > .postbit_buttons {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0px !important;
  margin: 0px !important;
  box-sizing: border-box !important;
}

.pw-thread-view .pw-post .post_controls > .author_buttons {
  margin-right: auto !important;
}

.pw-thread-view .pw-post .post_controls > .post_management_buttons {
  margin-left: auto !important;
  justify-content: flex-end !important;
}

.pw-thread-view .pw-post .post_controls > .postbit_buttons > a, .pw-thread-view .pw-post .post_controls > .postbit_buttons > button, .pw-thread-view .pw-post .post_controls > .postbit_buttons > span {
  float: none !important;
  flex: 0 0 auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

@media (max-width: 700px) {
  .pw-thread-view .pw-post .post_controls > .postbit_buttons {
    flex: 1 1 100% !important;
  }
  .pw-thread-view .pw-post .post_controls > .post_management_buttons {
    justify-content: flex-start !important;
    margin-left: 0px !important;
  }
}

.pw-thread-view .pw-post .post_controls {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0px !important;
  height: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.pw-thread-view .pw-post .post_controls > .postbit_buttons {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0px !important;
  flex: 0 1 auto !important;
  margin: 0px !important;
  box-sizing: border-box !important;
}

.pw-thread-view .pw-post .post_controls > .author_buttons {
  margin-right: auto !important;
}

.pw-thread-view .pw-post .post_controls > .post_management_buttons {
  margin-left: auto !important;
  justify-content: flex-end !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a {
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
  padding: 8px 12px !important;
  margin: 0px !important;
}

.pw-thread-view .pw-post .post_controls .postbit_buttons > a > span {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 700px) {
  .pw-thread-view .pw-post .post_controls > .postbit_buttons {
    flex: 1 1 100% !important;
  }
  .pw-thread-view .pw-post .post_controls > .post_management_buttons {
    margin-left: 0px !important;
    justify-content: flex-start !important;
  }
}

#myalerts_alerts_modal .pw-alerts-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  background: rgb(35, 44, 56);
  border-bottom: 1px solid rgb(52, 65, 83);
}

#myalerts_alerts_modal .pw-alerts-heading-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0px;
}

#myalerts_alerts_modal .pw-alerts-heading-icon {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  font-size: 20px;
  background: rgba(255, 120, 56, 0.12);
  border: 1px solid rgba(255, 120, 56, 0.24);
  border-radius: 11px;
}

#myalerts_alerts_modal .pw-alerts-title {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 700;
}

#myalerts_alerts_modal .pw-alerts-subtitle {
  margin-top: 4px;
  color: rgb(155, 170, 188);
  font-size: 12px;
}

#myalerts_alerts_modal .pw-alerts-view-all {
  flex-shrink: 0;
  color: rgb(255, 120, 56);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

#myalerts_alerts_modal .pw-alerts-view-all:hover {
  color: rgb(255, 160, 111);
}

#myalerts_alerts_modal .pw-alerts-content {
  max-height: 370px;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(70, 82, 99) rgb(21, 27, 36);
}

#myalerts_alerts_modal .pw-alerts-table {
  width: 100%;
  table-layout: fixed;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  background: transparent;
}

#myalerts_alerts_modal .pw-alert-item {
  background: rgb(25, 33, 44);
  border-bottom: 1px solid rgb(48, 60, 76);
}

#myalerts_alerts_modal .pw-alert-item:hover {
  background: rgb(34, 46, 61);
}

#myalerts_alerts_modal .pw-alert-item > td {
  border: 0px;
  padding: 15px 8px;
  vertical-align: middle;
  background: transparent;
}

#myalerts_alerts_modal .pw-alert-avatar-cell {
  width: 58px;
  padding-left: 17px !important;
}

#myalerts_alerts_modal .pw-alert-avatar {
  display: block;
  width: 46px;
  height: 46px;
}

#myalerts_alerts_modal .pw-alert-avatar img {
  display: block;
  width: 46px !important;
  height: 46px !important;
  max-width: none;
  object-fit: cover;
  border: 1px solid rgb(58, 70, 86);
  border-radius: 10px;
  background: rgb(37, 46, 58);
}

#myalerts_alerts_modal .pw-alert-message-cell {
  padding-left: 13px !important;
  overflow-wrap: anywhere;
}

#myalerts_alerts_modal .pw-alert-message {
  display: block;
  color: rgb(231, 237, 246);
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;
  text-decoration: none;
}

#myalerts_alerts_modal .pw-alert-message:hover, #myalerts_alerts_modal .pw-alert-message:hover * {
  color: rgb(255, 120, 56);
}

#myalerts_alerts_modal .pw-alert-meta-cell {
  width: 110px;
  padding-right: 16px !important;
  text-align: right;
}

#myalerts_alerts_modal .pw-alert-time {
  color: rgb(163, 176, 193);
  font-size: 11px;
  line-height: 1.5;
}

#myalerts_alerts_modal .pw-alert-item-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 9px;
}

#myalerts_alerts_modal .pw-alert-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  padding: 0px;
  color: rgb(208, 217, 230);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  background: rgb(40, 53, 69);
  border: 1px solid rgb(64, 80, 102);
  border-radius: 7px;
}

#myalerts_alerts_modal .pw-alert-icon-btn:hover {
  color: rgb(255, 120, 56);
  background: rgb(52, 67, 88);
}

#myalerts_alerts_modal .pw-alert-delete:hover {
  color: rgb(255, 119, 119);
  background: rgb(66, 43, 50);
}

#myalerts_alerts_modal .pw-alert-time-mobile {
  display: none;
}

#myalerts_alerts_modal .pw-alerts-footer {
  padding: 15px 18px;
  background: rgb(32, 40, 51);
  border-top: 1px solid rgb(52, 65, 83);
}

#myalerts_alerts_modal .pw-alerts-footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

#myalerts_alerts_modal .pw-alerts-unread-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgb(212, 222, 236);
  font-size: 12px;
  cursor: pointer;
}

#myalerts_alerts_modal .pw-alerts-unread-filter input {
  margin: 0px;
  accent-color: rgb(255, 120, 56);
}

#myalerts_alerts_modal .pw-alerts-mark-all {
  color: rgb(255, 120, 56);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

#myalerts_alerts_modal .pw-alerts-footer-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}

#myalerts_alerts_modal .pw-alerts-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  color: rgb(220, 229, 240);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  background: rgb(42, 54, 69);
  border: 1px solid rgb(64, 80, 101);
  border-radius: 8px;
}

#myalerts_alerts_modal .pw-alerts-action:hover {
  color: rgb(255, 255, 255);
  background: rgb(55, 72, 92);
}

#myalerts_alerts_modal .pw-alerts-action-danger {
  color: rgb(255, 157, 157);
  background: rgba(240, 80, 80, 0.08);
  border-color: rgba(240, 80, 80, 0.27);
}

#myalerts_alerts_modal .pw-alerts-action-danger:hover {
  color: rgb(255, 255, 255);
  background: rgb(167, 52, 52);
}

@media (max-width: 560px) {
  #myalerts_alerts_modal.pw-alerts-modal {
    width: calc(-24px + 100vw);
  }
  #myalerts_alerts_modal .pw-alerts-heading {
    padding: 14px;
  }
  #myalerts_alerts_modal .pw-alerts-subtitle {
    font-size: 11px;
  }
  #myalerts_alerts_modal .pw-alert-meta-cell {
    width: 65px;
    padding-right: 10px !important;
  }
  #myalerts_alerts_modal .pw-alert-time {
    display: none;
  }
  #myalerts_alerts_modal .pw-alert-time-mobile {
    display: block;
    margin-top: 6px;
    color: rgb(145, 160, 181);
    font-size: 11px;
  }
  #myalerts_alerts_modal .pw-alert-avatar-cell {
    padding-left: 10px !important;
  }
  #myalerts_alerts_modal .pw-alert-message-cell {
    padding-left: 12px !important;
  }
  #myalerts_alerts_modal .pw-alerts-footer {
    padding: 13px;
  }
}

#myalerts_alerts_modal.pw-alerts-modal {
  width: 540px !important;
  max-width: calc(-24px + 100vw) !important;
  box-sizing: border-box !important;
}

#myalerts_alerts_modal .pw-alerts-table, #myalerts_alerts_modal #alerts_content, #myalerts_alerts_modal #alerts_content tr, #myalerts_alerts_modal #alerts_content td, #myalerts_alerts_modal #alerts_content .trow1, #myalerts_alerts_modal #alerts_content .trow2 {
  background: rgb(25, 33, 44) !important;
  color: rgb(231, 237, 246) !important;
}

#myalerts_alerts_modal #alerts_content tr:hover td {
  background: rgb(34, 46, 61) !important;
}

#myalerts_alerts_modal #alerts_content td {
  border-color: rgb(48, 60, 76) !important;
}

#myalerts_alerts_modal .pw-alert-message, #myalerts_alerts_modal .pw-alert-message *, #myalerts_alerts_modal .pw-alert-time, #myalerts_alerts_modal .pw-alert-time-mobile {
  color: rgb(220, 229, 240) !important;
}

#myalerts_alerts_modal .pw-alert-message:hover, #myalerts_alerts_modal .pw-alert-message:hover * {
  color: rgb(255, 120, 56) !important;
}

#myalerts_alerts_modal .pw-alert-avatar img {
  background: rgb(37, 46, 58) !important;
}

@media (max-width: 560px) {
  #myalerts_alerts_modal.pw-alerts-modal {
    width: calc(-24px + 100vw) !important;
  }
}

#myalerts_alerts_modal .pw-alerts-table {
  table-layout: auto !important;
}

#myalerts_alerts_modal .pw-alert-avatar-cell {
  width: 52px !important;
  min-width: 52px !important;
  padding: 12px !important;
}

#myalerts_alerts_modal .pw-alert-avatar, #myalerts_alerts_modal .pw-alert-avatar img {
  width: 44px !important;
  height: 44px !important;
}

#myalerts_alerts_modal .pw-alert-message-cell {
  width: auto !important;
  padding: 12px 14px !important;
}

#myalerts_alerts_modal .pw-alert-message, #myalerts_alerts_modal .pw-alert-message:link, #myalerts_alerts_modal .pw-alert-message:visited, #myalerts_alerts_modal .pw-alert-message *, #myalerts_alerts_modal .pw-alert-message :link, #myalerts_alerts_modal .pw-alert-message :visited {
  color: rgb(231, 237, 246) !important;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}

#myalerts_alerts_modal .pw-alert-message:hover, #myalerts_alerts_modal .pw-alert-message:hover * {
  color: rgb(255, 120, 56) !important;
}

#myalerts_alerts_modal .pw-alert-meta-cell {
  width: 100px !important;
  min-width: 100px !important;
  padding: 12px !important;
  text-align: right !important;
}

#myalerts_alerts_modal .pw-alert-time {
  color: rgb(155, 170, 188) !important;
  font-size: 11px !important;
}

#myalerts_alerts_modal .pw-alert-item-actions {
  margin-top: 8px;
}

.pw-pm-row td {
  padding: 14px 12px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgb(44, 55, 70) !important;
  transition: background 0.18s;
}

.pw-pm-row:hover td {
  background: rgb(27, 36, 48) !important;
}

.pw-pm-status-cell, .pw-pm-icon-cell, .pw-pm-check-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}

.pw-pm-status-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(55, 68, 87);
  border-radius: 10px;
  background: rgb(32, 41, 56);
}

.pw-pm-status-icon img {
  max-width: 16px;
  max-height: 16px;
  opacity: 0.95;
}

.pw-pm-posticon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pw-pm-subject-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pw-pm-subject-link {
  color: rgb(232, 238, 248) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none !important;
}

.pw-pm-subject-link:hover {
  color: rgb(255, 122, 54) !important;
}

.pw-pm-user {
  color: rgb(220, 229, 240);
  font-size: 13px;
  font-weight: 600;
}

.pw-pm-date {
  color: rgb(154, 168, 187);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.pw-pm-check {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.pw-pm-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pw-pm-check span {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 6px;
  border: 1px solid rgb(65, 80, 102);
  background: rgb(25, 33, 44);
  transition: 0.18s;
}

.pw-pm-check input:checked + span {
  background: rgb(255, 122, 54);
  border-color: rgb(255, 122, 54);
  box-shadow: rgba(255, 122, 54, 0.15) 0px 0px 0px 3px;
}

.pw-pm-check input:checked + span::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 4px;
  height: 9px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: none;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
}

#pw-pm-page .pw-pm-row.new_pm > td {
  background: rgb(41, 39, 32) !important;
  border-bottom: 1px solid rgb(70, 59, 49) !important;
}

#pw-pm-page .pw-pm-row.new_pm > td:first-child {
  border-left: 3px solid rgb(255, 120, 56) !important;
}

#pw-pm-page .pw-pm-row.new_pm .pw-pm-subject-link {
  color: rgb(255, 152, 95) !important;
  font-weight: 800 !important;
}

#pw-pm-page .pw-pm-row.new_pm .pw-pm-subject-wrap::after {
  content: "UNREAD";
  display: inline-flex;
  align-self: flex-start;
  padding: 3px 7px;
  background: rgba(255, 120, 56, 0.13);
  color: rgb(255, 152, 95);
  border: 1px solid rgba(255, 120, 56, 0.3);
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

#pw-pm-page .pw-pm-row.old_pm .pw-pm-subject-link {
  color: rgb(199, 209, 223) !important;
  font-weight: 500 !important;
}

#pw-pm-page .pw-pm-row.new_pm:hover > td {
  background: rgb(54, 48, 39) !important;
}

@media (max-width: 800px) {
  #pw-pm-page .pw-pm-table .pw-pm-row.new_pm {
    border-left: 3px solid rgb(255, 120, 56);
    background: rgb(41, 39, 32);
  }
  #pw-pm-page .pw-pm-table .pw-pm-row.old_pm {
    background: rgb(25, 31, 41);
  }
}

.pw-pm-subject-wrap .smalltext, .pw-pm-subject-wrap small {
  color: rgb(142, 156, 176) !important;
  font-size: 12px !important;
}

.pw-member-links .pw-header-alerts {
  position: relative;
  list-style: none;
}

.pw-member-links .pw-header-alerts-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 12px !important;
  background: rgb(36, 46, 59);
  border: 1px solid rgb(57, 72, 91);
  border-radius: 9px;
  color: rgb(220, 229, 240) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background 0.15s, border-color 0.15s;
}

.pw-member-links .pw-header-alerts-link:hover {
  background: rgb(48, 60, 76);
  border-color: rgb(255, 120, 56);
  color: rgb(255, 255, 255) !important;
}

.pw-member-links .pw-header-alerts-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  color: rgb(255, 120, 56);
}

.pw-member-links .pw-header-alerts-icon svg {
  display: block;
  width: 19px;
  height: 19px;
}

.pw-member-links .pw-header-alerts-label {
  white-space: nowrap;
}

/* Notifications Badge */
.pw-member-links .pw-header-alerts-count {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    background: rgb(255, 120, 56);
    color: rgb(21, 27, 36);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    box-sizing: border-box;
}

/* Show badge only when unread notifications exist */
.pw-member-links .pw-header-alerts.newAlerts .pw-header-alerts-count,
.pw-member-links .pw-header-alerts.new_alerts .pw-header-alerts-count {
    display: inline-flex;
}

/* Highlight notification button when unread */
.pw-member-links .pw-header-alerts.newAlerts .pw-header-alerts-link,
.pw-member-links .pw-header-alerts.new_alerts .pw-header-alerts-link {
    border-color: rgba(255, 120, 56, 0.5);
    background: rgba(255, 120, 56, 0.1);
}

@media (max-width: 800px) {
  .pw-member-links .pw-header-alerts-link {
    gap: 6px;
    padding: 6px 9px !important;
  }
  .pw-member-links .pw-header-alerts-icon, .pw-member-links .pw-header-alerts-icon svg {
    width: 17px;
    height: 17px;
  }
  .pw-member-links .pw-header-alerts-count {
    min-width: 19px;
    height: 19px;
    font-size: 10px;
  }
}

#panel .pw-member-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0px;
}

#panel .pw-member-links .menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#panel .pw-member-links .menu > li {
  display: inline-flex;
  align-items: center;
  margin: 0px !important;
  padding: 0px !important;
  list-style: none;
  background: none !important;
}

#panel .pw-member-links .menu > li > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 12px !important;
  box-sizing: border-box;
  background: rgb(36, 46, 59);
  border: 1px solid rgb(57, 72, 91);
  border-radius: 9px;
  color: rgb(220, 229, 240) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}

#panel .pw-member-links .menu > li > a:hover {
  background: rgb(48, 60, 76);
  border-color: rgb(255, 120, 56);
  color: rgb(255, 255, 255) !important;
}

#panel .pw-member-links .panel_links li, #panel .pw-member-links .user_links li {
  background-image: none !important;
}

/* Notifications — default appearance */
#panel .pw-member-links .pw-header-alerts-link {
    background: #242e3b !important;
    border: 1px solid #39485b !important;
    color: #dce5f0 !important;
}

/* Notifications — unread appearance */
#panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-link {
    background: rgba(255, 120, 56, 0.10) !important;
    border-color: rgba(255, 120, 56, 0.65) !important;
    color: #ffffff !important;
}

#panel .pw-member-links .pw-header-alerts-link:hover {
  background: rgba(255, 120, 56, 0.17) !important;
  border-color: rgb(255, 120, 56) !important;
}

#panel .pw-member-links li.alerts::before, #panel .pw-member-links li.alerts::after, #panel .pw-member-links a.myalerts::before, #panel .pw-member-links a.myalerts::after {
  content: none !important;
  display: none !important;
}

/* Notifications — 0 bildirim: gri çan */
#header #panel .pw-header-alerts:not(.pw-has-unread) .pw-header-alerts-icon {
    display: inline-flex !important;
    color: #aebcd0 !important;
}

/* Notifications — 1+ bildirim: turuncu çan */
#header #panel .pw-header-alerts.pw-has-unread .pw-header-alerts-icon {
    color: #ff7838 !important;
}

/* SVG çan simgesi mevcut rengini kullansın */
#header #panel .pw-header-alerts-icon svg {
    color: inherit;
    stroke: currentColor;
}

#panel .pw-header-alerts-icon svg {
  display: block !important;
}

#panel .pw-header-alerts-count {
  min-width: 20px;
  height: 20px;
  padding: 0px 5px;
  background: rgb(255, 120, 56);
  color: rgb(21, 27, 36);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
}

#panel .pw-panel-row-member {
  gap: 12px;
}

@media (max-width: 800px) {
  #panel .pw-member-links, #panel .pw-member-links .menu {
    gap: 6px;
  }
  #panel .pw-member-links .menu > li > a {
    padding: 7px 9px !important;
    font-size: 11px;
  }
}

/* ====================================================================
   PEEKWARE V1 - CONSOLIDATED PAGE FIXES (2026-11-03)
   Scope: account header, private read, full alerts page.
   Note: the MyAlerts full-page template also has an inline scoped CSS.
   ==================================================================== */

/* Account bar: compact, visually unified; preserve all existing links. */

#header #panel {
  background: #1b222d;
  border-bottom: 1px solid #344052;
}

#header #panel .pw-panel-row-member {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 18px;
  box-sizing: border-box;
}

#header #panel .pw-member-links,
#header #panel .pw-member-links .menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

#header #panel .pw-member-links .menu > li > a,
#header #panel .pw-member-links .pw-header-alerts-link {
  min-height: 34px;
  padding: 7px 11px !important;
  background: #252f3d;
  border: 1px solid #3b4a5d;
  border-radius: 8px;
  color: #e0e8f3 !important;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
}

#header #panel .pw-member-links .menu > li > a:hover,
#header #panel .pw-member-links .pw-header-alerts-link:hover {
  background: #344357 !important;
  border-color: #ff7838 !important;
}

/* ==========================================
   PEEKWARE NOTIFICATIONS BUTTON
   ========================================== */

/* 0 Notifications — Grey */
#header #panel .pw-member-links .pw-header-alerts-link {
    background: #242e3b !important;
    border-color: #39485b !important;
    color: #dce5f0 !important;
}

/* 1+ Notifications — Orange */
#header #panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-link {
    background: rgba(255, 120, 56, 0.10) !important;
    border-color: rgba(255, 120, 56, 0.65) !important;
    color: #ffffff !important;
}

/* Hover */
#header #panel .pw-member-links .pw-header-alerts-link:hover {
    background: #303c4c !important;
    border-color: #ff7838 !important;
}

/* Unread hover */
#header #panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-link:hover {
    background: rgba(255, 120, 56, 0.18) !important;
}

#header #panel .pw-header-alerts-count {
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 6px;
  line-height: 19px;
  text-align: center;
}

/* Zero badge: hide the number but keep the Notifications action. */

#header #panel .pw-header-alerts-count[data-count="0"],
#header #panel .pw-header-alerts-count[data-alert-count="0"],
#header #panel .pw-header-alerts-count:empty {
  display: none !important;
}

/* Private read: keep grid/flex rules local, prevent posts controls drifting. */

.pw-private-read #posts_container {
  padding: 0 !important;
}

.pw-private-read #posts .pw-post {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  grid-template-rows: minmax(180px, auto) auto;
  align-items: stretch;
  gap: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.pw-private-read #posts .pw-post > .post_author {
  grid-column: 1;
  grid-row: 1 / 3;
  width: auto;
  min-width: 0;
  border-right: 1px solid #343e4c;
}

.pw-private-read #posts .pw-post > .post_content {
  grid-column: 2;
  grid-row: 1;
  width: auto;
  min-width: 0;
}

.pw-private-read #posts .pw-post > .post_controls {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 12px 16px;
}

.pw-private-read #posts .pw-post .post_controls > .postbit_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  float: none;
  width: auto;
  margin: 0;
}

.pw-private-read #posts .pw-post .post_controls a {
  display: inline-flex;
  min-height: 30px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 7px;
  font-size: 11px;
}

.pw-private-read #posts .pw-post .post_head {
  justify-content: flex-start;
  gap: 12px;
}

.pw-private-read #posts .pw-post .post_head .post_date {
  flex: 0 0 auto;
}

.pw-private-read #posts .pw-post .post_body {
  min-height: 115px;
}

/* Full alerts listing: actual MyAlerts status can vary by plugin version.
   Restrict emphasis to known unread status classes; do not style all rows. */

#pw-alerts-page #latestAlertsListing tr.alert.unread,
#pw-alerts-page #latestAlertsListing tr.alert.alert--unread,
#pw-alerts-page #latestAlertsListing tr.alert.unreadAlert,
#pw-alerts-page #latestAlertsListing tr.alert.alert_unread,
#pw-alerts-page #latestAlertsListing tr.alert.newAlerts {
  background: #302a24 !important;
  box-shadow: inset 3px 0 0 #ff7838;
}

#pw-alerts-page #latestAlertsListing tr.alert.unread > td,
#pw-alerts-page #latestAlertsListing tr.alert.alert--unread > td,
#pw-alerts-page #latestAlertsListing tr.alert.unreadAlert > td,
#pw-alerts-page #latestAlertsListing tr.alert.alert_unread > td,
#pw-alerts-page #latestAlertsListing tr.alert.newAlerts > td {
  background: rgba(255, 120, 56, .075) !important;
  border-bottom-color: #554134 !important;
}

#pw-alerts-page #latestAlertsListing tr.alert.unread .alert__content a,
#pw-alerts-page #latestAlertsListing tr.alert.alert--unread .alert__content a,
#pw-alerts-page #latestAlertsListing tr.alert.unreadAlert .alert__content a,
#pw-alerts-page #latestAlertsListing tr.alert.alert_unread .alert__content a,
#pw-alerts-page #latestAlertsListing tr.alert.newAlerts .alert__content a {
  color: #fff4e9 !important;
  font-weight: 700;
}

#pw-alerts-page #latestAlertsListing tr.alert:hover > td {
  background: #334052 !important;
}

@media (max-width: 980px) {
  .pw-private-read #posts .pw-post {
    display: flex;
    flex-direction: column;
  }
  .pw-private-read #posts .pw-post > .post_author {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #343e4c;
  }
  .pw-private-read #posts .pw-post > .post_content {
    width: 100%;
  }
  .pw-private-read #posts .pw-post > .post_controls {
    width: 100%;
    flex-direction: row;
  }
}

@media (max-width: 700px) {
  #header #panel .pw-panel-row-member {
    align-items: flex-start;
  }
  #header #panel .pw-member-links,
  #header #panel .pw-member-links .menu {
    gap: 6px;
  }
  .pw-private-read #posts .pw-post .post_controls {
    padding: 10px;
  }
}
/* PEEKWARE NOTIFICATIONS STATUS */

/* Default: no unread notifications */
#panel .pw-member-links .pw-header-alerts .pw-header-alerts-link {
    background: #242e3b !important;
    border: 1px solid #39485b !important;
    color: #dce5f0 !important;
}

#panel .pw-member-links .pw-header-alerts .pw-header-alerts-count {
    display: none !important;
}

/* Notifications available */
#panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-link {
    background: rgba(255, 120, 56, 0.10) !important;
    border-color: rgba(255, 120, 56, 0.65) !important;
    color: #ffffff !important;
}

#panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    background: #ff7838;
    color: #151b24;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    box-sizing: border-box;
}

/* Hover */
#panel .pw-member-links .pw-header-alerts .pw-header-alerts-link:hover {
    background: #303c4c !important;
    border-color: #ff7838 !important;
}

/* ==========================================
   PEEKWARE NOTIFICATIONS — FINAL STATUS FIX
   ========================================== */

/* Default: 0 notifications — grey */
#panel .pw-member-links .pw-header-alerts:not(.pw-has-unread) .pw-header-alerts-link {
    background: #242e3b !important;
    border: 1px solid #39485b !important;
    color: #dce5f0 !important;
}

/* Unread notifications: 1+ — orange */
#panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-link {
    background: rgba(255, 120, 56, 0.10) !important;
    border: 1px solid rgba(255, 120, 56, 0.65) !important;
    color: #ffffff !important;
}

/* Show number only when unread */
#panel .pw-member-links .pw-header-alerts:not(.pw-has-unread) .pw-header-alerts-count {
    display: none !important;
}

#panel .pw-member-links .pw-header-alerts.pw-has-unread .pw-header-alerts-count {
    display: inline-flex !important;
}

/* Hover effect */
#panel .pw-member-links .pw-header-alerts:not(.pw-has-unread) .pw-header-alerts-link:hover {
    background: #303c4c !important;
    border-color: #ff7838 !important;
}

/* ==========================================
   PEEKWARE — HIDE NOTIFICATION ROW ACTIONS
   ========================================== */

/* Normal bildirim sayfasında satır işlem butonlarını gizle */
#pw-alerts-page #latestAlertsListing .markReadAlertButton,
#pw-alerts-page #latestAlertsListing .markUnreadAlertButton,
#pw-alerts-page #latestAlertsListing .deleteAlertButton {
    display: none !important;
}

/* İşlem butonlarının eski ayırıcı çizgisini gizle */
#pw-alerts-page #latestAlertsListing .alert__time hr {
    display: none !important;
}

/* ==========================================
   PEEKWARE MEMBER PANEL V3
   ========================================== */

#header #panel {
    position: relative;
    z-index: 30;
}

#header #panel .pw-account-panel {
    overflow: visible;
}

#header #panel .pw-compact-account {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    min-height: 62px;
    padding: 10px 22px;
    box-sizing: border-box;
}

/* LEFT: NOTIFICATIONS */

#header #panel .pw-compact-notifications {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}

#header #panel .pw-compact-notifications .menu {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* RIGHT: PROFILE */

#header #panel .pw-profile-dropdown {
    position: relative;
    flex-shrink: 0;
    margin-left: auto;
    color: #eef1f6;
}

#header #panel .pw-profile-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 5px 12px 5px 6px;
    background: #242e3b;
    border: 1px solid #39485b;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    list-style: none;
    box-sizing: border-box;
    transition: background 0.2s, border-color 0.2s;
}

#header #panel .pw-profile-trigger::-webkit-details-marker {
    display: none;
}

#header #panel .pw-profile-trigger:hover,
#header #panel .pw-profile-dropdown[open] .pw-profile-trigger {
    background: #303c4c;
    border-color: #ff7838;
}

#header #panel .pw-profile-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background: #ff7838;
    color: #171b22;
    border-radius: 8px;
}

#header #panel .pw-profile-username {
    color: #eef1f6;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

#header #panel .pw-profile-chevron {
    margin-left: 4px;
    color: #9ca7b8;
    font-size: 14px;
}

#header #panel .pw-profile-dropdown[open] .pw-profile-chevron {
    transform: rotate(180deg);
}

/* DROPDOWN MENU */

#header #panel .pw-profile-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1000;
    width: 260px;
    max-width: calc(100vw - 24px);
    background: #1b222c;
    border: 1px solid #39485b;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

#header #panel .pw-profile-menu-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 17px 18px;
    background: #222b37;
    border-bottom: 1px solid #39485b;
}

#header #panel .pw-profile-menu-label {
    color: #9ca7b8;
    font-size: 11px;
}

#header #panel .pw-profile-menu-heading strong {
    color: #ff985f;
    font-size: 14px;
}

/* MENU LINKS */

#header #panel .pw-profile-menu-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
    padding: 8px;
    list-style: none;
}

#header #panel .pw-profile-menu-links li {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    list-style: none;
}

#header #panel .pw-profile-menu-links li a {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 9px 12px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px;
    box-shadow: none !important;
    color: #dce5f0 !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
}

#header #panel .pw-profile-menu-links li a:hover {
    background: #303c4c !important;
    color: #ff985f !important;
}

/* LOGOUT */

#header #panel .pw-profile-menu-footer {
    padding: 8px;
    border-top: 1px solid #39485b;
}

#header #panel .pw-profile-logout {
    display: block;
    padding: 10px 12px;
    border-radius: 7px;
    color: #ff985f !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

#header #panel .pw-profile-logout:hover {
    background: rgba(255, 120, 56, 0.10);
}

/* RESPONSIVE */

@media (max-width: 600px) {
    #header #panel .pw-compact-account {
        padding: 10px 12px;
        gap: 8px !important;
    }

    #header #panel .pw-profile-trigger {
        padding-right: 9px;
        gap: 7px;
    }

    #header #panel .pw-profile-username {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #header #panel .pw-profile-menu {
        width: 240px;
    }
}
/* =========================================================
   PEEKWARE TOP ACCOUNT BAR V4
   ========================================================= */

.pw-panel-row-member.pw-compact-account {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.pw-account-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}

.pw-compact-notifications,
.pw-compact-notifications .menu,
.pw-compact-notifications .menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
}

.pw-compact-notifications {
  display: flex;
  align-items: center;
}

/* Notifications existing button keep working */
.pw-compact-notifications .pw-header-alerts {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================
   PROFILE TRIGGER
   ========================= */

.pw-profile-dropdown {
  position: relative;
  margin: 0;
  padding: 0;
}

.pw-profile-dropdown summary {
  list-style: none;
}

.pw-profile-dropdown summary::-webkit-details-marker {
  display: none;
}

.pw-profile-trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid rgb(57, 72, 91);
  border-radius: 10px;
  background: rgb(29, 37, 49);
  color: rgb(238, 241, 246);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.pw-profile-trigger:hover {
  background: rgb(40, 50, 64);
  border-color: rgb(255, 120, 56);
}

.pw-profile-dropdown[open] .pw-profile-trigger {
  background: rgba(255, 120, 56, 0.08);
  border-color: rgba(255, 120, 56, 0.45);
}

.pw-profile-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgb(255, 120, 56);
  color: rgb(21, 27, 36);
  flex-shrink: 0;
}

.pw-profile-avatar svg {
  display: block;
  width: 18px;
  height: 18px;
}

.pw-profile-username {
  font-size: 14px;
  font-weight: 700;
  color: rgb(255, 255, 255);
}

.pw-profile-chevron {
  font-size: 11px;
  color: rgb(156, 167, 184);
  transition: transform 0.15s ease;
}

.pw-profile-dropdown[open] .pw-profile-chevron {
  transform: rotate(180deg);
}

/* =========================
   DROPDOWN MENU
   ========================= */

.pw-profile-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 320px;
  background: rgb(27, 32, 40);
  border: 1px solid rgb(51, 65, 82);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  z-index: 9999;
}

.pw-profile-menu-heading {
  padding: 16px 18px 14px;
  border-bottom: 1px solid rgb(48, 56, 70);
  background: linear-gradient(180deg, rgba(255,120,56,0.07), rgba(255,120,56,0.02));
}

.pw-profile-menu-label {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: rgb(156, 167, 184);
}

.pw-profile-menu-heading strong {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: rgb(255, 120, 56);
  line-height: 1.2;
}

/* =========================
   QUICK LINKS
   ========================= */

.pw-profile-shortcuts {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.pw-profile-shortcut {
  display: block;
  padding: 12px 14px;
  border: 1px solid rgb(51, 65, 82);
  border-radius: 10px;
  background: rgb(31, 39, 52);
  text-decoration: none !important;
  color: rgb(230, 237, 247) !important;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
}

.pw-profile-shortcut:hover {
  background: rgb(40, 50, 64);
  border-color: rgb(255, 120, 56);
  color: rgb(255, 255, 255) !important;
  transform: translateY(-1px);
}

.pw-profile-shortcut-primary {
  background: rgba(255, 120, 56, 0.10);
  border-color: rgba(255, 120, 56, 0.35);
}

.pw-profile-shortcut-primary:hover {
  background: rgba(255, 120, 56, 0.16);
  border-color: rgb(255, 120, 56);
}

.pw-profile-shortcut-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  color: inherit;
}

.pw-profile-shortcut small {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.45;
  color: rgb(156, 167, 184);
}

/* =========================
   EXTRA LINKS (MOD / ADMIN)
   ========================= */

.pw-profile-menu-links {
  margin: 0;
  padding: 0 14px 14px;
  list-style: none;
  display: grid;
  gap: 10px;
}

.pw-profile-menu-links li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
}

.pw-profile-menu-links li a {
  display: block;
  padding: 11px 14px;
  border: 1px solid rgb(51, 65, 82);
  border-radius: 10px;
  background: rgb(31, 39, 52);
  color: rgb(220, 229, 240) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  transition: background 0.15s, border-color 0.15s;
}

.pw-profile-menu-links li a:hover {
  background: rgb(40, 50, 64);
  border-color: rgb(255, 120, 56);
  color: rgb(255, 255, 255) !important;
}

/* =========================
   FOOTER / LOGOUT
   ========================= */

.pw-profile-menu-footer {
  padding: 14px;
  border-top: 1px solid rgb(48, 56, 70);
  background: rgb(24, 29, 36);
}

.pw-profile-logout {
  display: block;
  padding: 12px 14px;
  text-align: center;
  border-radius: 10px;
  background: rgba(255, 120, 56, 0.10);
  border: 1px solid rgba(255, 120, 56, 0.35);
  color: rgb(255, 152, 95) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.pw-profile-logout:hover {
  background: rgba(255, 120, 56, 0.18);
  border-color: rgb(255, 120, 56);
  color: rgb(255, 255, 255) !important;
}

/* =========================
   TOP PANEL CLEANUP
   ========================= */

#panel .pw-member-box,
#panel .pw-member-text,
#panel .pw-member-logout {
  display: none !important;
}

/* Prevent old menu spacing from stretching layout */
#panel .pw-member-links {
  min-width: auto !important;
  width: auto !important;
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 900px) {
  .pw-account-actions {
    gap: 10px;
  }

  .pw-profile-menu {
    width: 290px;
    right: 0;
  }
}

@media (max-width: 640px) {
  .pw-panel-row-member.pw-compact-account,
  .pw-account-actions {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .pw-profile-menu {
    width: min(92vw, 320px);
  }

  .pw-profile-trigger {
    padding: 8px 12px;
  }

  .pw-profile-username {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* ============================================
   PEEKWARE ACCOUNT PANEL V4 - COMPACT FIX
   ============================================ */

/* Notifications + Profile: both right-aligned */
#header #panel .pw-compact-account {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 58px !important;
    padding: 8px 18px !important;
}

#header #panel .pw-compact-account .pw-account-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Move Notifications next to profile */
#header #panel .pw-account-actions .pw-compact-notifications {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header #panel .pw-account-actions .pw-profile-dropdown {
    position: relative !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* Profile trigger */
#header #panel .pw-profile-trigger {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 4px 10px 4px 5px !important;
    border-radius: 8px !important;
}

#header #panel .pw-profile-avatar {
    width: 27px !important;
    height: 27px !important;
    border-radius: 7px !important;
}

#header #panel .pw-profile-username {
    font-size: 12px !important;
}

/* Compact dropdown */
#header #panel .pw-profile-dropdown .pw-profile-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: 266px !important;
    max-width: calc(100vw - 24px) !important;
    padding: 0 !important;
    border-radius: 11px !important;
    background: #1b2028 !important;
    overflow: hidden !important;
    z-index: 9999 !important;
}

/* Heading */
#header #panel .pw-profile-menu-heading {
    padding: 12px 14px !important;
}

#header #panel .pw-profile-menu-heading strong {
    font-size: 15px !important;
}

#header #panel .pw-profile-menu-label {
    font-size: 10px !important;
}

/* Compact shortcut list */
#header #panel .pw-profile-shortcuts {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding: 7px !important;
}

#header #panel .pw-profile-shortcuts .pw-profile-shortcut {
    display: block !important;
    padding: 9px 11px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    transform: none !important;
}

#header #panel .pw-profile-shortcuts .pw-profile-shortcut:hover {
    background: #303c4c !important;
    border-color: #39485b !important;
}

#header #panel .pw-profile-shortcut-title {
    font-size: 12px !important;
    font-weight: 600 !important;
}

#header #panel .pw-profile-shortcut small {
    margin-top: 3px !important;
    font-size: 10px !important;
}

/* Mod CP / Admin CP - same appearance */
#header #panel .pw-profile-menu .pw-profile-menu-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 7px !important;
    border-top: 1px solid #303846;
    list-style: none !important;
}

#header #panel .pw-profile-menu .pw-profile-menu-links li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#header #panel .pw-profile-menu .pw-profile-menu-links li a {
    display: flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #e6edf7 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#header #panel .pw-profile-menu .pw-profile-menu-links li a:hover {
    background: #303c4c !important;
    color: #ff985f !important;
}

/* Footer */
#header #panel .pw-profile-menu-footer {
    padding: 7px !important;
}

#header #panel .pw-profile-logout {
    padding: 9px 11px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
}

/* Mobile */
@media (max-width: 600px) {
    #header #panel .pw-compact-account {
        padding: 8px 10px !important;
    }

    #header #panel .pw-account-actions {
        gap: 6px !important;
    }

    #header #panel .pw-profile-username {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ============================================
   PEEKWARE SINGLE HEADER LAYOUT V5
   ============================================ */

/* Main header */
#header .pw-header {
    position: relative;
    z-index: 100;
    overflow: visible;
}

#header .pw-header-inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
    max-width: 1500px;
    min-height: 76px;
    overflow: visible;
}

/* Main navigation */
#header .pw-navigation {
    flex: 1 1 auto;
    min-width: 0;
    gap: 4px;
}

/* Search + notifications + profile */
#header .pw-header-actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    overflow: visible;
}

/* Move existing panel into navbar */
#header #panel {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Remove old panel container spacing */
#header #panel > .pw-account-panel {
    display: flex;
    align-items: center;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Compact account layout */
#header #panel .pw-compact-account {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* Notifications and profile side by side */
#header #panel .pw-account-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
}

#header #panel .pw-compact-notifications {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header #panel .pw-compact-notifications .menu {
    display: flex !important;
    align-items: center;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
}

/* Notifications height */
#header #panel .pw-header-alerts-link {
    min-height: 36px;
    box-sizing: border-box;
}

/* Profile */
#header #panel .pw-profile-dropdown {
    position: relative;
    flex: 0 0 auto;
    margin: 0 !important;
}

#header #panel .pw-profile-trigger {
    min-height: 36px !important;
    box-sizing: border-box;
}

/* Dropdown must escape navbar boundaries */
#header #panel .pw-profile-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    z-index: 10000 !important;
}

/* ============================================
   GUEST HEADER
   ============================================ */

#header #panel .pw-panel-row-guest {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
}

#header #panel .pw-guest-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

#header #panel .pw-guest-text {
    display: none;
}

#header #panel .pw-guest-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1250px) {
    #header .pw-header-inner {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 20px;
    }

    #header .pw-navigation {
        order: 3;
        flex: 1 0 100%;
        justify-content: center;
    }

    #header .pw-header-actions {
        margin-left: auto;
    }
}

@media (max-width: 700px) {
    #header .pw-header-inner {
        padding: 12px;
        gap: 10px;
    }

    #header .pw-header-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
        gap: 10px;
    }

    #header .pw-header-search {
        flex: 1 1 100%;
    }

    #header #panel {
        margin-left: auto !important;
    }

    #header .pw-navigation {
        justify-content: flex-start;
        overflow-x: auto;
    }

    #header .pw-navigation .pw-nav-link {
        padding: 8px 10px;
        font-size: 12px;
    }

    #header #panel .pw-profile-menu {
        max-width: calc(100vw - 24px) !important;
    }
}
/* =========================================================
   PEEKWARE PATCH — SEARCH / USERCP / MODCP
   Bunu peekware.css dosyasının en altına ekle
   ========================================================= */

/* ---------- ORTAK PANEL / TABLO / FORM GÖRÜNÜMÜ ---------- */

#content .tborder {
  background: var(--pw-panel) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#content .thead {
  background: linear-gradient(180deg, #242c38 0%, #202732 100%) !important;
  color: var(--pw-text) !important;
  border-bottom: 1px solid var(--pw-border) !important;
  padding: 15px 16px !important;
}

#content .thead strong,
#content .thead a {
  color: var(--pw-text) !important;
}

#content .tcat {
  background: #202732 !important;
  color: #cbd6e5 !important;
  border-top: 1px solid var(--pw-border) !important;
  border-bottom: 1px solid var(--pw-border) !important;
}

#content .trow1,
#content .trow2 {
  background: #1b2028 !important;
  color: #dce5f1 !important;
  border-top: 1px solid rgba(255,255,255,0.02) !important;
  border-bottom: 1px solid var(--pw-border) !important;
}

#content .trow2 {
  background: #1d2430 !important;
}

#content table tr:hover > .trow1,
#content table tr:hover > .trow2 {
  background: #232c38 !important;
}

#content td,
#content th {
  border-color: var(--pw-border) !important;
}

#content .smalltext {
  color: var(--pw-muted) !important;
}

#content a {
  color: #ff985f;
}

#content a:hover {
  color: #ffffff;
}

#content input.textbox,
#content input[type="text"],
#content input[type="search"],
#content input[type="number"],
#content input[type="password"],
#content textarea,
#content select {
  background: #10161f !important;
  color: #eef1f6 !important;
  border: 1px solid #334155 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none !important;
}

#content input.textbox:focus,
#content input[type="text"]:focus,
#content input[type="search"]:focus,
#content input[type="number"]:focus,
#content input[type="password"]:focus,
#content textarea:focus,
#content select:focus {
  border-color: rgba(255, 120, 56, 0.9) !important;
  box-shadow: 0 0 0 3px rgba(255, 120, 56, 0.12) !important;
}

#content textarea {
  min-height: 180px;
  resize: vertical;
}

#content input.button,
#content button,
#content input[type="submit"],
#content .button {
  background: #ff7838 !important;
  color: #151b24 !important;
  border: 1px solid #ff7838 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  padding: 9px 16px !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

#content input.button:hover,
#content button:hover,
#content input[type="submit"]:hover,
#content .button:hover {
  background: #ff8b52 !important;
  border-color: #ff8b52 !important;
  color: #11151c !important;
}

/* ---------- BREADCRUMB / BAŞLIK ---------- */

.navigation,
.navigation a,
.breadcrumb,
.breadcrumb a {
  color: #cdd7e5 !important;
}

.navigation a:hover,
.breadcrumb a:hover {
  color: #ffffff !important;
}

/* =========================================================
   SEARCH SAYFASI
   ========================================================= */

#content form[action*="search.php"]:not(.pw-header-search) .tborder {
  border-radius: 16px !important;
}

#content form[action*="search.php"]:not(.pw-header-search) .thead {
  font-size: 17px;
}

#content form[action*="search.php"]:not(.pw-header-search) .tcat {
  font-weight: 700 !important;
  color: #d6dfeb !important;
}

#content form[action*="search.php"]:not(.pw-header-search) td {
  vertical-align: top !important;
  padding: 14px 12px !important;
}

#content form[action*="search.php"]:not(.pw-header-search) input.textbox,
#content form[action*="search.php"]:not(.pw-header-search) input[type="text"],
#content form[action*="search.php"]:not(.pw-header-search) input[type="search"],
#content form[action*="search.php"]:not(.pw-header-search) select {
  min-height: 40px;
}

#content form[action*="search.php"]:not(.pw-header-search) select[multiple],
#content form[action*="search.php"]:not(.pw-header-search) select[name="forums[]"] {
  min-height: 395px !important;
  padding: 10px !important;
}

#content form[action*="search.php"]:not(.pw-header-search) option {
  background: #10161f !important;
  color: #eef1f6 !important;
}

#content form[action*="search.php"]:not(.pw-header-search) label {
  color: #dce5f1 !important;
}

#content form[action*="search.php"]:not(.pw-header-search) .smalltext {
  color: #9fb0c6 !important;
}

/* =========================================================
   USER CP SOL MENÜ
   ========================================================= */



#content .usercp_nav .thead,
#content .menu .thead {
  letter-spacing: 0.3px;
}

#content .usercp_nav {
  overflow: hidden;
  border-radius: 14px !important;
}

#content .usercp_nav .tcat {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.8px;
  color: #aebcd0 !important;
}

/* =========================================================
   USER CP ANA İÇERİK
   ========================================================= */

#content table.tborder textarea[name="notepad"],
#content table.tborder textarea {
  background: #111823 !important;
  border: 1px solid #344154 !important;
  border-radius: 12px !important;
  color: #eef1f6 !important;
}

#content .pm_alert,
#content .usercp_message,
#content .panel_notice {
  background: rgba(255, 120, 56, 0.08) !important;
  border: 1px solid rgba(255, 120, 56, 0.25) !important;
  color: #ffd4ba !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}

/* Summary alanı */
#content .usercp_summary,
#content .account_summary,
#content .profile_summary {
  background: #1b2028 !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 14px !important;
}

/* Avatar kutusu */
#content .usercp_avatar img,
#content .avatar img {
  border-radius: 12px !important;
  border: 1px solid #3a4657 !important;
  background: #161c25 !important;
  padding: 4px !important;
}

/* Latest threads tablosu */
#content .latest_threads .subject_new a,
#content .latest_threads a.subject_new {
  color: #ffb184 !important;
  font-weight: 700 !important;
}

/* =========================================================
   MOD CP SOL MENÜ
   ========================================================= */

.modcp_nav_item {
  display: block !important;
  padding: 10px 14px !important;
  color: #e8eef8 !important;
  text-decoration: none !important;
  border-top: 1px solid rgba(255,255,255,0.03) !important;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.modcp_nav_item:hover {
  background: #202835 !important;
  color: #ffffff !important;
}

.modcp_nav_item.active,
.modcp_nav_item.current {
  background: rgba(255, 120, 56, 0.12) !important;
  color: #ffb184 !important;
  border-left: 3px solid #ff7838 !important;
  padding-left: 11px !important;
}

/* ModCP bölüm başlıkları */
#content .modcp_nav .tcat,
#content .modcp_menu .tcat {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.8px;
  color: #aebcd0 !important;
}

/* =========================================================
   MOD CP / USER CP TABLOLARI
   ========================================================= */

#content .forum_status,
#content .modcp_table,
#content .usercp_table {
  border-radius: 14px !important;
  overflow: hidden !important;
}

#content .forum_status td,
#content .modcp_table td,
#content .usercp_table td {
  padding: 12px 12px !important;
  vertical-align: middle !important;
}

#content .subject_new,
#content .subject_old,
#content .subject_new a,
#content .subject_old a {
  color: #eef1f6 !important;
}

#content .subject_new a:hover,
#content .subject_old a:hover {
  color: #ffb184 !important;
}

/* =========================================================
   FORM / CHECKBOX / RADIO İYİLEŞTİRME
   ========================================================= */

#content input[type="checkbox"],
#content input[type="radio"] {
  accent-color: #ff7838;
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 980px) {
  #content .trow1,
  #content .trow2,
  #content .thead,
  #content .tcat {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #content form[action*="search.php"]:not(.pw-header-search) select[multiple],
  #content form[action*="search.php"]:not(.pw-header-search) select[name="forums[]"] {
    min-height: 260px !important;
  }
}



/* ==========================================================
   PEEKWARE AUTH FINAL
   Login + Registration
   ========================================================== */

:root {
    --pw-auth-bg: #181f29;
    --pw-auth-surface: #1c2531;
    --pw-auth-input: #101720;
    --pw-auth-border: #344154;
    --pw-auth-text: #f0f4fa;
    --pw-auth-muted: #9eafc4;
    --pw-auth-accent: #ff7838;
}

/* ========================
   LOGIN PAGE
   ======================== */

#content .pw-auth-login-page {
    width: min(100%, 440px);
    margin: 32px auto 48px;
}

#content form.pw-login-form {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#content .pw-login-card {
    background: var(--pw-auth-bg);
    border: 1px solid var(--pw-auth-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(0,0,0,.22);
}

#content .pw-login-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 27px 22px 18px;
    text-align: center;
}

#content .pw-login-symbol {
    display: grid;
    place-items: center;
    width: 49px;
    height: 49px;
    margin-bottom: 14px;
    color: var(--pw-auth-accent);
    background: rgba(255,120,56,.11);
    border: 1px solid rgba(255,120,56,.22);
    border-radius: 13px;
}

#content .pw-login-heading h1 {
    margin: 0 0 5px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
    color: #f5f7fb;
}

#content .pw-login-heading p {
    margin: 0;
    color: var(--pw-auth-muted);
    font-size: 12px;
}

#content .pw-login-fields {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 8px 26px 25px;
}

#content .pw-login-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

#content .pw-login-field label {
    color: #d9e3f0;
    font-size: 12px;
    font-weight: 700;
}

#content .pw-login-field input {
    display: block;
    width: 100% !important;
    min-height: 43px;
    box-sizing: border-box;
    padding: 10px 13px !important;
    background: var(--pw-auth-input) !important;
    border: 1px solid #37465a !important;
    border-radius: 9px !important;
    color: var(--pw-auth-text) !important;
    font-size: 13px;
}

#content .pw-login-field input:focus {
    border-color: var(--pw-auth-accent) !important;
    box-shadow: 0 0 0 3px rgba(255,120,56,.12) !important;
    outline: none;
}

#content .pw-login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#content .pw-login-remember {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #c1cddd;
    cursor: pointer;
}

#content .pw-login-remember input {
    accent-color: var(--pw-auth-accent);
}

#content .pw-login-options a {
    color: #ff985f !important;
    font-size: 12px;
    text-decoration: none;
}

#content .pw-login-captcha {
    width: 100%;
    border-collapse: collapse;
}

#content .pw-login-captcha:empty {
    display: none;
}

#content .pw-login-captcha td {
    padding: 5px 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#content .pw-login-submit {
    display: block;
    width: 100% !important;
    min-height: 43px;
    margin: 2px 0 0 !important;
    background: var(--pw-auth-accent) !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #151b22 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer;
}

#content .pw-login-submit:hover {
    background: #ff965d !important;
}

#content .pw-login-bottom {
    padding: 17px 20px;
    border-top: 1px solid var(--pw-auth-border);
    background: #161d27;
    color: var(--pw-auth-muted);
    font-size: 12px;
    text-align: center;
}

#content .pw-login-bottom a {
    color: #ff985f !important;
    font-weight: 700;
    text-decoration: none;
}

/* ========================
   REGISTER PAGE
   ======================== */

#content .pw-auth-register-page {
    width: min(100%, 1320px);
    margin: 18px auto 30px;
}

#content #registration_form.pw-register-form {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#content .pw-reg-card {
    overflow: hidden;
    background: var(--pw-auth-bg);
    border: 1px solid var(--pw-auth-border);
    border-radius: 15px;
    box-shadow: 0 16px 45px rgba(0,0,0,.16);
}

#content .pw-reg-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--pw-auth-border);
    background: linear-gradient(110deg,#232d3b,#1b2430);
}

#content .pw-reg-heading-icon {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border-radius: 10px;
    background: rgba(255,120,56,.12);
    color: var(--pw-auth-accent);
}

#content .pw-reg-heading h1 {
    margin: 0 0 3px;
    color: #f5f7fb;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

#content .pw-reg-heading p {
    margin: 0;
    color: var(--pw-auth-muted);
    font-size: 12px;
}

#content .pw-reg-grid {
    display: grid;
    grid-template-columns:
        minmax(0,1.1fr)
        minmax(0,1fr)
        minmax(0,1.08fr);
    gap: 16px;
    padding: 18px;
    align-items: stretch;
}

#content .pw-reg-column {
    min-width: 0;
    padding: 16px;
    border: 1px solid #354256;
    border-radius: 11px;
    background: #1b2430;
}

#content .pw-reg-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #344154;
    color: #f3f6fa;
    font-size: 14px;
    font-weight: 800;
}

#content .pw-reg-section-title span {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    background: rgba(255,120,56,.13);
    border-radius: 7px;
    color: #ff985f;
    font-size: 11px;
}

/* Account fields */

#content .pw-reg-account table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

#content .pw-reg-account td {
    padding: 3px 4px !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: top;
}

#content .pw-reg-account label {
    color: #cbd7e6;
    font-size: 12px;
    font-weight: 600;
}

#content #registration_form .pw-reg-account input.textbox,
#content #registration_form .pw-reg-account input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px !important;
    box-sizing: border-box;
    padding: 8px 11px !important;
    background: var(--pw-auth-input) !important;
    color: var(--pw-auth-text) !important;
    border: 1px solid #37475b !important;
    border-radius: 8px !important;
    font-size: 12px;
}

/* Verification: dynamic MyBB fields */

#content .pw-reg-dynamic {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

#content #registration_form .pw-reg-dynamic fieldset,
#content #registration_form .pw-reg-account fieldset {
    display: block;
    min-width: 0;
    margin: 0 !important;
    padding: 12px !important;
    background: #18212c !important;
    border: 1px solid #354256 !important;
    border-radius: 9px !important;
}

#content #registration_form .pw-reg-dynamic legend,
#content #registration_form .pw-reg-account legend {
    padding: 0 6px;
    color: #ff985f !important;
    font-size: 12px;
    font-weight: 800;
}

#content .pw-reg-dynamic table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

#content .pw-reg-dynamic td {
    padding: 3px !important;
    background: transparent !important;
    border: 0 !important;
}

#content .pw-reg-dynamic img {
    max-width: 100%;
    height: auto;
}

#content .pw-reg-dynamic .smalltext {
    color: #a9bad0 !important;
    font-size: 11px;
    line-height: 1.45;
}

#content #registration_form .pw-reg-dynamic input.textbox,
#content #registration_form .pw-reg-dynamic input[type="text"] {
    max-width: 100%;
    min-height: 35px !important;
    padding: 7px 10px !important;
    box-sizing: border-box;
    border: 1px solid #37475b !important;
    border-radius: 8px !important;
    background: var(--pw-auth-input) !important;
    color: var(--pw-auth-text) !important;
}

/* Preferences */

#content .pw-reg-checks {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#content .pw-reg-checks label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 18px;
    color: #cbd7e6;
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
}

#content .pw-reg-checks input[type="checkbox"] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin: 1px 0 0;
    accent-color: var(--pw-auth-accent);
}

#content .pw-reg-select-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 16px;
}

#content .pw-reg-select-group label {
    color: #cbd7e6;
    font-size: 12px;
    font-weight: 600;
}

#content #registration_form .pw-reg-select-group select {
    width: 100%;
    max-width: 100%;
    min-height: 37px !important;
    box-sizing: border-box;
    padding: 7px 10px !important;
    color: #e8eff8 !important;
    background: var(--pw-auth-input) !important;
    border: 1px solid #37475b !important;
    border-radius: 8px !important;
}

#content .pw-reg-settings-divider {
    margin: 18px 0 0;
    border-top: 1px solid #344154;
}

/* Focus */

#content .pw-auth-register-page input:focus,
#content .pw-auth-register-page select:focus,
#content .pw-auth-register-page textarea:focus {
    outline: none !important;
    border-color: #ff7838 !important;
    box-shadow: 0 0 0 3px rgba(255,120,56,.12) !important;
}

/* Footer */

#content .pw-reg-footer {
    padding: 15px 20px 17px;
    text-align: center;
    background: #161e28;
    border-top: 1px solid #344154;
}

#content #registration_form .pw-reg-submit {
    min-width: 215px;
    min-height: 41px;
    padding: 10px 20px !important;
    background: var(--pw-auth-accent) !important;
    color: #141920 !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer;
}

#content #registration_form .pw-reg-submit:hover {
    background: #ff965d !important;
}

#content .pw-reg-login-link {
    margin-top: 9px;
    color: #9daec1;
    font-size: 11px;
}

#content .pw-reg-login-link a {
    color: #ff985f !important;
    font-weight: 700;
}

/* ========================
   RESPONSIVE
   ======================== */

@media (max-width: 1100px) {
    #content .pw-reg-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    #content .pw-reg-settings {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    #content .pw-auth-login-page {
        margin: 18px auto 30px;
    }

    #content .pw-login-fields {
        padding: 8px 16px 20px;
    }

    #content .pw-auth-register-page {
        margin: 12px auto 26px;
    }

    #content .pw-reg-grid {
        grid-template-columns: minmax(0,1fr);
        padding: 12px;
        gap: 12px;
    }

    #content .pw-reg-settings {
        grid-column: 1;
    }

    #content .pw-reg-column {
        padding: 13px;
    }

    #content .pw-reg-heading {
        padding: 14px;
    }
}


/* ==========================================
   PEEKWARE AUTH ALIGNMENT FIX
   ========================================== */

/* Registration columns start from the same height */
#content .pw-reg-grid {
    align-items: start !important;
}

/* Remove unwanted empty space */
#content .pw-reg-column {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
}

/* Equal title alignment */
#content .pw-reg-section-title {
    margin: 0 0 14px !important;
    min-height: 34px;
    display: flex !important;
    align-items: center !important;
}

/* Verification sections no longer need large gaps */
#content .pw-reg-dynamic {
    gap: 12px !important;
}

/* Fix registration label and field positions */
#content .pw-reg-account td {
    padding: 3px 4px !important;
    vertical-align: middle !important;
}

#content .pw-reg-account label {
    display: inline-block;
    margin: 0 0 3px !important;
}

/* Checkbox and text alignment */
#content .pw-reg-checks label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

#content .pw-reg-checks input[type="checkbox"] {
    flex-shrink: 0;
    margin: 0 !important;
}

/* Remove excessive spacing above CAPTCHA */
#content .pw-reg-dynamic fieldset {
    margin: 0 !important;
}

/* ==========================================
   AUTH PAGE FOOTER POSITION
   ========================================== */

/* Make short pages fill the available screen */
body:has(.pw-auth-login-page),
body:has(.pw-auth-register-page) {
    min-height: 100vh;
}

/* Avoid adding empty height to the registration form */
#content .pw-auth-register-page {
    margin-bottom: 24px !important;
}




/* ===========================================================
   PEEKWARE REGISTER — FINAL V6
   Balanced desktop layout
   Account + side-by-side verification + optional settings
   =========================================================== */

#content .pw-auth-register-page {
    --reg-bg: #181f29;
    --reg-card: #1c2531;
    --reg-input: #101720;
    --reg-border: #344154;
    --reg-accent: #ff7838;
    --reg-text: #edf3fa;
    --reg-muted: #a6b6c9;

    width: min(100%, 1460px);
    margin: 18px auto 28px;
    color: var(--reg-text);
}

#content .pw-auth-register-page,
#content .pw-auth-register-page * {
    box-sizing: border-box;
}

#content #registration_form.pw-register-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* =========================
   MAIN CARD
   ========================= */

#content .pw-reg-card {
    width: 100%;
    overflow: visible;
    background: var(--reg-bg);
    border: 1px solid var(--reg-border);
    border-radius: 14px;
    box-shadow: 0 16px 45px rgba(0,0,0,.15);
}

/* =========================
   HEADER
   ========================= */

#content .pw-reg-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 67px;
    padding: 13px 22px;
    background: linear-gradient(
        110deg,
        #232d3b 0%,
        #1b2430 100%
    );
    border-bottom: 1px solid var(--reg-border);
    border-radius: 14px 14px 0 0;
}

#content .pw-reg-heading-icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255,120,56,.12);
    color: var(--reg-accent);
}

#content .pw-reg-heading h1 {
    margin: 0 0 3px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #f5f7fb;
}

#content .pw-reg-heading p {
    margin: 0;
    font-size: 12px;
    color: var(--reg-muted);
}

/* =========================
   GRID LAYOUT
   ========================= */

#content .pw-reg-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.8fr);
    gap: 16px;
    align-items: start;
    padding: 18px;
}

/* ACCOUNT — LEFT */

#content .pw-reg-account {
    grid-column: 1;
    grid-row: 1;
}

/* VERIFICATION — RIGHT */

#content .pw-reg-verification {
    grid-column: 2;
    grid-row: 1;
}

/* OPTIONAL PREFERENCES — BOTTOM */

#content .pw-reg-settings {
    grid-column: 1 / -1;
    grid-row: 2;
}

/* =========================
   SHARED COLUMNS
   ========================= */

#content .pw-reg-column {
    min-width: 0;
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    margin: 0 !important;
    padding: 16px !important;
    background: var(--reg-card);
    border: 1px solid var(--reg-border);
    border-radius: 11px;
}

#content .pw-reg-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 30px;
    margin: 0 0 15px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid var(--reg-border);
    font-size: 14px;
    font-weight: 800;
    color: #f2f6fb;
}

#content .pw-reg-section-title span {
    display: grid;
    place-items: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    border-radius: 7px;
    background: rgba(255,120,56,.12);
    color: #ff985f;
    font-size: 11px;
}

/* =========================
   ACCOUNT DETAILS
   ========================= */

#content .pw-reg-account table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

#content .pw-reg-account td {
    padding: 4px 5px !important;
    background: transparent !important;
    border: 0 !important;
    vertical-align: top !important;
}

#content .pw-reg-account label {
    display: inline-block;
    margin-bottom: 3px;
    color: #cdd9e8;
    font-size: 12px;
    font-weight: 600;
}

#content #registration_form .pw-reg-account input.textbox,
#content #registration_form .pw-reg-account input[type="password"] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 39px !important;
    padding: 9px 11px !important;
    background: var(--reg-input) !important;
    border: 1px solid #37475b !important;
    border-radius: 8px !important;
    color: var(--reg-text) !important;
    font-size: 12px;
}

/* =========================
   VERIFICATION — SIDE BY SIDE
   ========================= */

#content .pw-reg-verification {
    background: var(--reg-card);
}


/* Verification: force both fieldsets into one row */

@media (min-width: 1151px) {

    #content .pw-reg-dynamic {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto !important;
        gap: 14px !important;
        align-items: stretch !important;
    }

    /* Ignore MyBB line breaks between fieldsets */
    #content .pw-reg-dynamic > br {
        display: none !important;
    }

    /* CAPTCHA: left */
    #content .pw-reg-dynamic > fieldset:nth-of-type(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    /* Security Question: right */
    #content .pw-reg-dynamic > fieldset:nth-of-type(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #content .pw-reg-dynamic > fieldset {
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
    }
}


#content .pw-reg-dynamic > fieldset {
    min-width: 0;
    height: 100%;
}

#content #registration_form .pw-reg-dynamic fieldset {
    min-width: 0;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 1px solid var(--reg-border) !important;
    border-radius: 9px !important;
    background: #19222d !important;
}

#content #registration_form .pw-reg-dynamic legend {
    padding: 0 7px !important;
    color: #ff985f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#content .pw-reg-dynamic table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

#content .pw-reg-dynamic td {
    padding: 3px !important;
    background: transparent !important;
    border: 0 !important;
    vertical-align: top !important;
}

#content .pw-reg-dynamic .smalltext,
#content .pw-reg-dynamic p,
#content .pw-reg-dynamic .description {
    margin: 0 0 8px;
    color: var(--reg-muted) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

#content .pw-reg-dynamic img {
    max-width: 100% !important;
    height: auto !important;
}

/* CAPTCHA and security answer fields */

#content #registration_form .pw-reg-dynamic input.textbox,
#content #registration_form .pw-reg-dynamic input[type="text"] {
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    background: var(--reg-input) !important;
    border: 1px solid #37475b !important;
    border-radius: 8px !important;
    color: var(--reg-text) !important;
}

/* Keep the CAPTCHA refresh control usable */

#content .pw-reg-dynamic .button {
    min-height: 34px !important;
    padding: 7px 13px !important;
    border-radius: 8px !important;
}

/* =========================
   OPTIONAL PREFERENCES
   ========================= */

#content .pw-reg-settings {
    display: block !important;
    padding: 0 !important;
    overflow: hidden;
    background: #19222d;
}

#content .pw-reg-settings > summary {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 49px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border: 0 !important;
    cursor: pointer;
    list-style: none;
}

#content .pw-reg-settings > summary::-webkit-details-marker {
    display: none;
}

#content .pw-reg-settings > summary small {
    margin-left: 8px;
    color: var(--reg-muted);
    font-size: 11px;
    font-weight: 400;
}

#content .pw-reg-settings > summary::after {
    content: "+";
    margin-left: auto;
    color: var(--reg-accent);
    font-size: 21px;
    font-weight: 400;
}

#content .pw-reg-settings[open] > summary::after {
    content: "−";
}

#content .pw-reg-settings[open] > summary {
    border-bottom: 1px solid var(--reg-border) !important;
}

#content .pw-reg-settings > .pw-reg-section-content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px 18px;
    align-items: end;
    padding: 17px;
}

#content .pw-reg-checks {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 18px;
}

#content .pw-reg-checks label {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 20px;
    margin: 0 !important;
    color: #cdd9e8;
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
}

#content .pw-reg-checks input[type="checkbox"] {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    margin: 0 !important;
    accent-color: var(--reg-accent);
}

#content .pw-reg-select-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    margin: 0 !important;
}

#content .pw-reg-select-group label {
    color: #cdd9e8;
    font-size: 12px;
    font-weight: 600;
}

#content #registration_form .pw-reg-select-group select {
    width: 100%;
    max-width: 100%;
    min-height: 38px !important;
    padding: 8px 10px !important;
    color: var(--reg-text) !important;
    background: var(--reg-input) !important;
    border: 1px solid #37475b !important;
    border-radius: 8px !important;
}

#content .pw-reg-settings-divider {
    display: none !important;
}

/* =========================
   FOCUS
   ========================= */

#content .pw-auth-register-page input:focus,
#content .pw-auth-register-page select:focus,
#content .pw-auth-register-page textarea:focus {
    outline: none !important;
    border-color: var(--reg-accent) !important;
    box-shadow: 0 0 0 3px rgba(255,120,56,.12) !important;
}

/* =========================
   FOOTER
   ========================= */

#content .pw-reg-footer {
    padding: 13px 20px 15px;
    text-align: center;
    background: #161e28;
    border-top: 1px solid var(--reg-border);
    border-radius: 0 0 14px 14px;
}

#content #registration_form .pw-reg-submit {
    min-width: 215px;
    min-height: 41px;
    padding: 10px 22px !important;
    background: var(--reg-accent) !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #151b22 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer;
    transition: background .15s ease;
}

#content #registration_form .pw-reg-submit:hover {
    background: #ff965d !important;
}

#content .pw-reg-login-link {
    margin-top: 8px;
    color: var(--reg-muted);
    font-size: 11px;
}

#content .pw-reg-login-link a {
    color: #ff985f !important;
    font-weight: 700;
}

/* =========================
   RESPONSIVE
   ========================= */

/* Medium screens */

@media (max-width: 1150px) {
    #content .pw-reg-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #content .pw-reg-account,
    #content .pw-reg-verification,
    #content .pw-reg-settings {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    #content .pw-reg-dynamic {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #content .pw-reg-checks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Phones */

@media (max-width: 700px) {
    #content .pw-auth-register-page {
        margin: 12px auto 24px;
    }

    #content .pw-reg-heading {
        padding: 13px;
    }

    #content .pw-reg-grid {
        padding: 12px;
        gap: 12px;
    }

    #content .pw-reg-column {
        padding: 13px !important;
    }

    #content .pw-reg-dynamic {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #content .pw-reg-settings {
        padding: 0 !important;
    }

    #content .pw-reg-settings > .pw-reg-section-content {
        grid-template-columns: minmax(0, 1fr);
    }

    #content .pw-reg-checks {
        grid-template-columns: minmax(0, 1fr);
    }

    #content .pw-reg-section-title {
        font-size: 13px;
    }
}



/* =====================================================
   PEEKWARE REGISTER — EQUAL HEIGHT FINAL FIX
   Account Details + Verification
   ===================================================== */

@media (min-width: 1151px) {

    /* Main two-column layout */
    #content .pw-auth-register-page .pw-reg-grid {
        display: grid !important;

        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(0, 1.8fr) !important;

        grid-template-rows: auto auto !important;

        column-gap: 16px !important;
        row-gap: 16px !important;

        align-items: stretch !important;
    }

    /* Left: Account Details */
    #content .pw-auth-register-page .pw-reg-account {
        grid-column: 1 !important;
        grid-row: 1 !important;

        height: 100% !important;
        min-height: 0 !important;

        align-self: stretch !important;

        box-sizing: border-box !important;
    }

    /* Right: Verification */
    #content .pw-auth-register-page .pw-reg-verification {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: flex !important;
        flex-direction: column !important;

        height: 100% !important;
        min-height: 0 !important;

        align-self: stretch !important;

        box-sizing: border-box !important;
    }

    /* Verification title */
    #content .pw-auth-register-page
    .pw-reg-verification > .pw-reg-section-title {
        flex: 0 0 auto !important;
    }

    /* CAPTCHA and Security Question side by side */
    #content .pw-auth-register-page
    .pw-reg-verification .pw-reg-dynamic {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-template-rows:
            minmax(0, 1fr) !important;

        gap: 14px !important;

        flex: 1 1 auto !important;

        min-height: 0 !important;

        align-items: stretch !important;
    }

    /* Ignore MyBB line breaks */
    #content .pw-auth-register-page
    .pw-reg-dynamic > br {
        display: none !important;
    }

    /* CAPTCHA on the left */
    #content .pw-auth-register-page
    .pw-reg-dynamic > fieldset:nth-of-type(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    /* Security Question on the right */
    #content .pw-auth-register-page
    .pw-reg-dynamic > fieldset:nth-of-type(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    /* Both verification cards fill the space */
    #content .pw-auth-register-page
    .pw-reg-dynamic > fieldset {
        width: 100% !important;

        height: 100% !important;
        min-height: 100% !important;

        margin: 0 !important;

        align-self: stretch !important;

        box-sizing: border-box !important;
    }

    /* Prevent internal tables from stretching oddly */
    #content .pw-auth-register-page
    .pw-reg-dynamic fieldset table {
        height: auto !important;
    }

    /* Optional preferences below both columns */
    #content .pw-auth-register-page .pw-reg-settings {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        height: auto !important;
        min-height: 0 !important;

        align-self: start !important;
    }

    /* Bring page back to normal vertical position */
    #content .pw-auth-register-page {
        margin-top: 18px !important;
        margin-bottom: 24px !important;
    }
}

/* ================================================
   TABLET / MOBILE — NATURAL HEIGHT
   ================================================ */

@media (max-width: 1150px) {

    #content .pw-auth-register-page .pw-reg-account,
    #content .pw-auth-register-page .pw-reg-verification {
        height: auto !important;
        min-height: 0 !important;
        align-self: start !important;
    }

    #content .pw-auth-register-page
    .pw-reg-verification .pw-reg-dynamic {
        flex: none !important;
        grid-template-rows: auto !important;
    }

    #content .pw-auth-register-page
    .pw-reg-dynamic > fieldset {
        height: auto !important;
        min-height: 0 !important;
    }

    #content .pw-auth-register-page {
        margin-top: 18px !important;
        margin-bottom: 20px !important;
    }
}



/* ==================================================
   PEEKWARE REGISTER — VERIFICATION ALIGNMENT V9
   Align both answer inputs using fixed row geometry
   ================================================== */

@media (min-width: 1151px) {

    /* Preserve side-by-side verification cards */
    #content .pw-reg-verification .pw-reg-dynamic {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    /* Establish one positioning context per card */
    #content .pw-reg-verification .pw-reg-dynamic > fieldset {
        position: relative !important;
        min-height: 210px !important;
        padding-bottom: 60px !important;
        box-sizing: border-box !important;
    }

    /* Both answer fields share the same bottom offset */
    #content .pw-reg-verification input[name="imagestring"],
    #content .pw-reg-verification input[name="answer"] {
        position: relative !important;
        top: auto !important;
        transform: none !important;

        width: 100% !important;
        max-width: 280px !important;
        height: 38px !important;
        min-height: 38px !important;

        box-sizing: border-box !important;
    }

    /* Set a common vertical position for answer rows */
    #content .pw-reg-verification
    .pw-reg-dynamic > fieldset > table > tbody > tr:has(input[name="imagestring"]),
    #content .pw-reg-verification
    .pw-reg-dynamic > fieldset > table > tbody > tr:has(input[name="answer"]) {
        position: relative !important;
        top: 0 !important;
    }

    /* Move CAPTCHA input down to match Security Question */
    #content .pw-reg-verification input[name="imagestring"] {
        transform: translateY(8px) !important;
    }

    /* Refresh button remains in original location */
    #content .pw-reg-verification input[name="refresh"] {
        transform: none !important;
    }
}


/* ==========================================
   PEEKWARE — HIDE FORUM STATUS LEGEND
   ========================================== */

#content .forum_legend,
#content .forumlegend,
#content .forum_status_legend,
#content .forum_status_icons,
#content #forum_legend {
    display: none !important;
}


/* ================================================
   PEEKWARE THREAD LIST — COLUMN WIDTH FIX
   ================================================ */

#content .pw-thread-table {
    width: 100% !important;
    table-layout: auto !important;
}

#content .pw-thread-table
td.pw-thread-status-cell,
#content .pw-thread-table
td.pw-thread-icon-cell {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding: 10px 4px !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

#content .pw-thread-table
td.pw-thread-info-cell {
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;
}

#content .pw-thread-table
td.pw-thread-status-cell .thread_status {
    display: inline-block !important;
    float: none !important;
    margin: 0 auto !important;
}

#content .pw-thread-table
.pw-thread-info {
    min-width: 0 !important;
}


/* ======================================================
   PEEKWARE — PRIVATE MESSAGE COMPOSE LAYOUT FIX V3
   Fix oversized label column and clipped editor toolbar
   ====================================================== */

/* Main compose table */
#content .pw-pm-compose-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Neutralize old column sizing */
#content .pw-pm-compose-table > colgroup {
    display: none !important;
}

/* Table body */
#content .pw-pm-compose-table > tbody {
    display: block !important;
    width: 100% !important;
}

/* Each row becomes a fixed-label / flexible-content grid */
#content .pw-pm-compose-table > tbody > tr {
    display: grid !important;
    grid-template-columns:
        170px minmax(0, 1fr) !important;
    width: 100% !important;
    align-items: stretch !important;
}

/* Header and any full-width rows */
#content .pw-pm-compose-table
> tbody > tr > td[colspan="2"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Left label column */
#content .pw-pm-compose-table
> tbody > tr > td:first-child:not([colspan]) {
    width: 170px !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 13px 15px !important;
    vertical-align: top !important;
}

/* Right content column */
#content .pw-pm-compose-table
> tbody > tr > td:nth-child(2) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 15px !important;
    overflow: visible !important;
}

/* Subject, recipients and BCC */
#content .pw-pm-compose-table input[name="subject"],
#content .pw-pm-compose-table .select2-container,
#content .pw-pm-compose-table textarea[name="to"],
#content .pw-pm-compose-table textarea[name="bcc"] {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* SCEditor: fill the right column */
#content .pw-pm-compose-table .sceditor-container {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* SCEditor toolbar: no clipped icons */
#content .pw-pm-compose-table .sceditor-toolbar {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px !important;
    overflow: visible !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    background: #202b39 !important;
}

/* Toolbar groups wrap naturally */
#content .pw-pm-compose-table .sceditor-group {
    display: inline-block !important;
    float: none !important;
    vertical-align: middle !important;
    max-width: 100%;
    margin: 2px 4px 2px 0 !important;
}

/* Message editing area */
#content .pw-pm-compose-table .sceditor-container iframe,
#content .pw-pm-compose-table .sceditor-container textarea,
#content .pw-pm-compose-table textarea#message {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    box-sizing: border-box !important;
    background: #141b24 !important;
    color: #e9f0fa !important;
}

/* Optional smileys */
#content .pw-pm-compose-table .pw-pm-smilies {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 10px !important;
}

/* Options */
#content .pw-pm-compose-table
input[type="checkbox"] {
    accent-color: #ff7838;
}

/* Tablet and mobile */
@media (max-width: 760px) {

    #content .pw-pm-compose-table
    > tbody > tr {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

    #content .pw-pm-compose-table
    > tbody > tr > td:first-child:not([colspan]),
    #content .pw-pm-compose-table
    > tbody > tr > td:nth-child(2) {
        grid-column: 1 !important;
        width: 100% !important;
        padding: 10px 12px !important;
    }

    #content .pw-pm-compose-table
    > tbody > tr > td:first-child:not([colspan]) {
        padding-bottom: 5px !important;
    }
}


/* ==================================================
   PEEKWARE PRIVATE MESSAGE — HEADER FIX V4
   Fix narrow Compose heading without changing editor
   ================================================== */

/* Main compose table */
#content .pw-pm-compose-table {
    width: 100% !important;
    max-width: 100% !important;
}

/* Header row should span the whole form */
#content .pw-pm-compose-table > tbody > tr:has(> td.thead) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}

/* Full-width heading */
#content .pw-pm-compose-table > tbody > tr > td.thead {
    display: block !important;
    grid-column: 1 / -1 !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    padding: 15px 18px !important;

    background: #252e3b !important;
    border-bottom: 1px solid #344154 !important;

    box-sizing: border-box !important;
}

/* Keep normal form rows at fixed-label / flexible-input */
#content .pw-pm-compose-table > tbody > tr:not(:has(> td.thead)) {
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    width: 100% !important;
}

/* Prevent old MyBB width attributes from overriding layout */
#content .pw-pm-compose-table > tbody > tr:not(:has(> td.thead))
    > td:first-child {
    width: 170px !important;
    min-width: 0 !important;
    max-width: 170px !important;
    box-sizing: border-box !important;
}

#content .pw-pm-compose-table > tbody > tr:not(:has(> td.thead))
    > td:nth-child(2) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    #content .pw-pm-compose-table > tbody > tr:not(:has(> td.thead)) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #content .pw-pm-compose-table > tbody > tr:not(:has(> td.thead))
        > td:first-child {
        width: 100% !important;
        max-width: 100% !important;
    }
}



/* ==========================================================
   PEEKWARE — SEARCH & PRIVATE MESSAGES CLEAN FIX V7
   MyBB 1.8.41 / Select2 3.5.x / SCEditor
   ========================================================== */

/* ==========================================================
   01 — ADVANCED SEARCH
   ========================================================== */

#content .pw-search-form {
    width: 100% !important;
    max-width: 1160px !important;
    margin: 18px auto 24px !important;
}

#content .pw-search-form > table.tborder {
    width: 100% !important;
    table-layout: fixed !important;
    background: #19222d !important;
    border: 1px solid #354153 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

#content .pw-search-form > table.tborder > tbody > tr > td {
    padding: 10px 14px !important;
    vertical-align: top !important;
}

#content .pw-search-form .thead {
    padding: 15px 18px !important;
    background: #242e3c !important;
    color: #f4f7fc !important;
}

#content .pw-search-form .tcat {
    padding: 11px 14px !important;
    background: #202a37 !important;
    color: #e6edf7 !important;
}

/* Keyword input */
#content .pw-search-form input[name="keywords"] {
    display: block !important;
    width: 100% !important;
    max-width: 440px !important;
    height: 40px !important;
    background: #101823 !important;
    color: #eaf1fb !important;
    border: 1px solid #35475e !important;
    border-radius: 8px !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
}

/* Username search — Select2 v3 */
#content .pw-search-form .select2-container {
    width: 100% !important;
    max-width: 440px !important;
}

#content .pw-search-form .select2-container .select2-choice {
    display: block !important;
    height: 40px !important;
    line-height: 38px !important;
    background: #101823 !important;
    color: #eaf1fb !important;
    border: 1px solid #35475e !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#content .pw-search-form .select2-choice .select2-arrow {
    height: 38px !important;
    background: #243244 !important;
    border-left: 1px solid #35475e !important;
}

/* Forum selection list */
#content .pw-search-form select[name="forums[]"] {
    display: block !important;
    width: 100% !important;
    max-width: 440px !important;
    height: 195px !important;
    min-height: 195px !important;
    padding: 9px !important;
    background: #101823 !important;
    color: #edf3fc !important;
    border: 1px solid #35475e !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
}

#content .pw-search-form select:not([multiple]) {
    max-width: 100% !important;
    min-height: 38px !important;
    background: #101823 !important;
    color: #edf3fc !important;
    border: 1px solid #35475e !important;
    border-radius: 8px !important;
}

#content .pw-search-form input[name="numreplies"] {
    width: 65px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* ==========================================================
   02 — PM RECIPIENT SELECT2 V3
   ========================================================== */

#content form.pw-pm-compose-page
.select2-container-multi {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Outer recipient field */
#content form.pw-pm-compose-page
.select2-container-multi .select2-choices {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;
    gap: 6px !important;

    min-height: 42px !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    background: #101823 !important;
    background-image: none !important;

    border: 1px solid #35475e !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;

    list-style: none !important;
}

/* Selected username chip */
#content form.pw-pm-compose-page
.select2-container-multi
.select2-choices li.select2-search-choice {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;

    margin: 0 !important;
    padding: 5px 9px 5px 21px !important;

    min-height: 27px !important;

    color: #eaf2fc !important;
    background: #263548 !important;
    background-image: none !important;

    border: 1px solid #40536b !important;
    border-radius: 7px !important;
    box-shadow: none !important;

    line-height: 16px !important;
    box-sizing: border-box !important;
}

/* Input container: remove the extra small rectangle */
#content form.pw-pm-compose-page
.select2-container-multi
.select2-choices li.select2-search-field {
    display: flex !important;
    align-items: center !important;

    flex: 1 1 135px !important;
    float: none !important;

    width: auto !important;
    min-width: 90px !important;
    max-width: 100% !important;

    height: 29px !important;
    min-height: 29px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* The actual Select2 v3 text input */
#content form.pw-pm-compose-page
.select2-container-multi
.select2-choices li.select2-search-field input {
    display: block !important;

    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 27px !important;
    min-height: 27px !important;
    line-height: 27px !important;

    margin: 0 !important;
    padding: 0 5px !important;

    background: transparent !important;
    background-image: none !important;
    color: #f1f6ff !important;
    caret-color: #ff914f !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font: inherit !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
}

#content form.pw-pm-compose-page
.select2-search-field input:focus {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#content form.pw-pm-compose-page
.select2-search-field input::placeholder {
    color: #8295ac !important;
}

/* ==========================================================
   03 — SCEDITOR TOOLBAR
   ========================================================== */

#content form.pw-pm-compose-page .sceditor-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    background: #141c27 !important;
    border: 1px solid #35475e !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Toolbar groups wrap instead of overlapping */
#content form.pw-pm-compose-page .sceditor-toolbar {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    align-content: center !important;
    gap: 5px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    white-space: normal !important;

    background: #232e3d !important;
    border: 0 !important;
    border-bottom: 1px solid #35475e !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Each group is one compact row of buttons */
#content form.pw-pm-compose-page .sceditor-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;

    float: none !important;
    gap: 3px !important;

    height: auto !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Individual toolbar buttons */
#content form.pw-pm-compose-page .sceditor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;

    float: none !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #2a3749 !important;
    border: 1px solid #3b4d65 !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

#content form.pw-pm-compose-page .sceditor-button:hover {
    background: #34455b !important;
    border-color: #ff7838 !important;
}

/* Preserve icon visibility */
#content form.pw-pm-compose-page
.sceditor-button > div {
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 auto !important;
}

/* Message editor visible text */
#content form.pw-pm-compose-page
.sceditor-container textarea {
    color: #f1f6ff !important;
    caret-color: #f1f6ff !important;
    background: #141c27 !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 760px) {
    #content .pw-search-form {
        max-width: 100% !important;
    }

    #content form.pw-pm-compose-page
    .select2-container-multi .select2-choices {
        gap: 5px !important;
    }

    #content form.pw-pm-compose-page .sceditor-toolbar {
        padding: 6px !important;
    }
}

/* ==============================================
   PEEKWARE — NEW THREAD EDITOR BUTTONS V3
   Dark buttons + orange hover
   ============================================== */

.pw-newthread-form .pw-editor-toolbar button,
.pw-newthread-form .pw-editor-toolbar button[data-pw-tag] {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 34px !important;
    height: 34px !important;
    padding: 6px 11px !important;
    margin: 0 !important;

    background: #303b49 !important;
    background-image: none !important;

    color: #e5edf5 !important;

    border: 1px solid #425064 !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

/* Inner text and icons */

.pw-newthread-form .pw-editor-toolbar button *,
.pw-newthread-form .pw-editor-toolbar button strong,
.pw-newthread-form .pw-editor-toolbar button em,
.pw-newthread-form .pw-editor-toolbar button u,
.pw-newthread-form .pw-editor-toolbar button s {
    color: inherit !important;
}

/* Hover */

.pw-newthread-form .pw-editor-toolbar button:hover {
    background: #3b4b5e !important;
    border-color: #ff7838 !important;
    color: #ffffff !important;
}

/* Active */

.pw-newthread-form .pw-editor-toolbar button:active {
    background: #45566a !important;
    border-color: #ff7838 !important;
}

/* Keyboard focus */

.pw-newthread-form .pw-editor-toolbar button:focus-visible {
    outline: 2px solid #ff7838 !important;
    outline-offset: 2px;
}

/* Keep code button slightly accented */

.pw-newthread-form
.pw-editor-toolbar button[data-pw-tag="code"] {
    color: #ffac7d !important;
}

/* Toolbar background */

.pw-newthread-form .pw-editor-toolbar {
    background: #252f3b !important;
    border-bottom: 1px solid #394758 !important;
}

/* ============================================
   PEEKWARE — NEW THREAD TOOLBAR FINAL FIX
   ============================================ */

body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag] {
    background: #303b49 !important;
    background-color: #303b49 !important;
    background-image: none !important;

    color: #e5edf5 !important;
    -webkit-text-fill-color: #e5edf5 !important;

    border: 1px solid #425064 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag] *,
body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag] strong,
body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag] em,
body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag] u,
body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag] s {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag]:hover {
    background: #3b4b5e !important;
    background-color: #3b4b5e !important;
    border-color: #ff7838 !important;
    color: #ffffff !important;
}

body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag]:active {
    background: #45566a !important;
    background-color: #45566a !important;
    border-color: #ff7838 !important;
}

body .pw-newthread-form .pw-editor-toolbar button[data-pw-tag]:focus-visible {
    outline: 2px solid #ff7838 !important;
    outline-offset: 2px;
}

/* ==============================================
   PEEKWARE — MODERATION NOTICE DARK THEME V2
   ============================================== */

html body #container #content .wrapper > .red_alert,
html body #container #content .red_alert {
    display: block !important;

    width: 100% !important;
    box-sizing: border-box !important;

    background: #30251f !important;
    background-color: #30251f !important;
    background-image: none !important;

    color: #ffbe91 !important;
    -webkit-text-fill-color: #ffbe91 !important;

    border: 1px solid #865233 !important;
    border-left: 4px solid #ff7838 !important;

    border-radius: 9px !important;

    padding: 12px 16px !important;
    margin: 12px 0 18px !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: left !important;

    box-shadow: none !important;
    text-shadow: none !important;
}

/* Link styling */

html body #container #content .red_alert a,
html body #container #content .red_alert a:link,
html body #container #content .red_alert a:visited {
    color: #ff985f !important;
    -webkit-text-fill-color: #ff985f !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Hover */

html body #container #content .red_alert a:hover {
    color: #ffc09a !important;
    -webkit-text-fill-color: #ffc09a !important;
    text-decoration: underline !important;
}

/* PEEKWARE USER CP — PROFILE & AVATAR TEXT FIX */

form:has(input[name="action"][value="do_profile"])
fieldset .smalltext,
form:has(input[name="action"][value="do_profile"])
fieldset label,
form:has(input[name="action"][value="do_profile"])
fieldset td {
    color: #bccbdd !important;
}

form:has(input[name="action"][value="do_avatar"])
.trow1,
form:has(input[name="action"][value="do_avatar"])
.trow2,
form:has(input[name="action"][value="do_avatar"])
.smalltext {
    color: #bccbdd !important;
}

form:has(input[name="action"][value="do_profile"])
fieldset legend,
form:has(input[name="action"][value="do_avatar"])
.thead,
form:has(input[name="action"][value="do_avatar"])
.tcat {
    color: #eaf0f7 !important;
}

/* ==========================================
   PEEKWARE — AVATAR DESCRIPTION TEXT FIX V2
   ========================================== */

html body form[action="usercp.php"] .tborder .trow1,
html body form[action="usercp.php"] .tborder .trow1 td,
html body form[action="usercp.php"] .tborder .trow1 span,
html body form[action="usercp.php"] .tborder .trow1 .smalltext {
    color: #b9c9dc !important;
    -webkit-text-fill-color: #b9c9dc !important;
}

/* Keep links highlighted */
html body form[action="usercp.php"] .tborder .trow1 a {
    color: #ff985f !important;
    -webkit-text-fill-color: #ff985f !important;
}

/* =============================================
   PEEKWARE MOD CP — SELECT2 DARK THEME V1
   ============================================= */

/* Select2 input container */
body:has(.modcp_nav_item) .select2-container .select2-choice,
body:has(.modcp_nav_item) .select2-container .select2-choices {
    background: #111820 !important;
    background-image: none !important;
    border: 1px solid #394b60 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #e5edf5 !important;
}

/* Selected text and placeholder */
body:has(.modcp_nav_item) .select2-container .select2-choice .select2-chosen,
body:has(.modcp_nav_item) .select2-container .select2-default,
body:has(.modcp_nav_item) .select2-container .select2-input {
    color: #dce6f0 !important;
    -webkit-text-fill-color: #dce6f0 !important;
}

/* Dropdown arrow */
body:has(.modcp_nav_item) .select2-container .select2-choice .select2-arrow {
    background: #263342 !important;
    background-image: none !important;
    border-left: 1px solid #394b60 !important;
}

body:has(.modcp_nav_item) .select2-container .select2-choice .select2-arrow b {
    filter: brightness(1.6);
}

/* Dropdown panel */
body:has(.modcp_nav_item) .select2-drop {
    background: #19232f !important;
    color: #dce6f0 !important;
    border: 1px solid #42536a !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35) !important;
}

/* Dropdown search field */
body:has(.modcp_nav_item) .select2-search input {
    background: #101820 !important;
    background-image: none !important;
    color: #e5edf5 !important;
    -webkit-text-fill-color: #e5edf5 !important;
    border: 1px solid #42536a !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

/* Search results */
body:has(.modcp_nav_item) .select2-results {
    background: #19232f !important;
    color: #cbd8e7 !important;
}

body:has(.modcp_nav_item) .select2-results li,
body:has(.modcp_nav_item) .select2-results .select2-result-label {
    background: transparent !important;
    color: #cbd8e7 !important;
    -webkit-text-fill-color: #cbd8e7 !important;
}

/* Hover / highlighted result */
body:has(.modcp_nav_item) .select2-results .select2-highlighted,
body:has(.modcp_nav_item) .select2-results .select2-highlighted .select2-result-label {
    background: #344458 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* "Please enter 2 or more characters" */
body:has(.modcp_nav_item) .select2-results .select2-no-results,
body:has(.modcp_nav_item) .select2-results .select2-searching,
body:has(.modcp_nav_item) .select2-results .select2-selection-limit {
    background: #19232f !important;
    color: #91a6be !important;
    -webkit-text-fill-color: #91a6be !important;
    text-align: center !important;
    font-size: 12px !important;
    padding: 10px 8px !important;
}

/* Focus appearance */
body:has(.modcp_nav_item) .select2-container-active .select2-choice,
body:has(.modcp_nav_item) .select2-container-active .select2-choices {
    border-color: #ff7838 !important;
    box-shadow: 0 0 0 2px rgba(255, 120, 56, .12) !important;
}