:root{--bg:#080b10;--surface:#111821;--surface2:#151e29;--surface3:#1b2633;--line:#2a3545;--muted:#9aa6b8;--text:#eaf0f8;--red:#4c98d8;--red2:#2e77b6;--blue:#7db7ff}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% -10%,rgba(76,152,216,.18),transparent 32%),linear-gradient(180deg,#0e141d,#080b10);color:var(--text);min-height:100vh}.bgfx{position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;mask-image:linear-gradient(180deg,#000,transparent 70%)}.wrap{width:min(1240px,94%);margin:auto}.main{padding:24px 0}.topShell{position:sticky;top:0;z-index:50;background:rgba(12,17,24,.92);border-bottom:1px solid rgba(76,152,216,.28);backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(0,0,0,.35)}.topbar{height:74px;display:flex;align-items:center;gap:22px}.brand{font-size:31px;font-weight:950;text-decoration:none;color:var(--red);letter-spacing:-1.4px}.brand span{color:#fff}.quickSearch{flex:1;max-width:380px}.quickSearch input{height:42px;background:#0b1118;border:1px solid var(--line);border-radius:12px;color:#fff;padding:0 15px;width:100%}.nav{margin-left:auto;display:flex;gap:17px;align-items:center}.nav a{color:#dce6f2;text-decoration:none;font-weight:800;font-size:14px}.pillBtn,.btn{border:0;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff!important;border-radius:12px;padding:11px 15px;text-decoration:none;font-weight:900;display:inline-flex;cursor:pointer;box-shadow:0 10px 35px rgba(76,152,216,.22)}.subbar{height:42px;background:#0b1118;border-bottom:1px solid var(--line)}.crumbs{height:42px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}.crumbs a{color:var(--blue);text-decoration:none}.heroPanel{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(76,152,216,.16),rgba(17,24,33,.92));border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.eyebrow{color:var(--red);font-weight:950;text-transform:uppercase;font-size:14px;letter-spacing:1px}.heroPanel h1,.pageHead h1,.threadHead h1{font-size:36px;letter-spacing:-1.2px}.heroPanel p,.pageHead p,.path{color:var(--muted);margin-top:7px}.heroStats{display:flex;gap:12px}.heroStats div{min-width:98px;text-align:center;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.06);border-radius:15px;padding:15px}.heroStats b{display:block;color:#fff;font-size:28px}.heroStats span{color:var(--muted);font-size:14px}.gridLayout{display:grid;grid-template-columns:1fr 330px;gap:20px}.forumBlock,.threadBlock,.sideCard,.formCard,.composer,.authCard{background:rgba(17,24,33,.95);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.22);margin-bottom:20px}.forumBlockHead{padding:15px 18px;background:linear-gradient(180deg,var(--surface3),var(--surface2));border-bottom:1px solid var(--line)}.forumBlockHead h2{font-size:17px}.forumBlockHead p{color:var(--muted);font-size:14px}.node{border-bottom:1px solid rgba(255,255,255,.055)}.nodeBody{display:grid;grid-template-columns:52px 1fr 86px 86px;gap:15px;align-items:center;padding:16px 18px;text-decoration:none;color:var(--text)}.nodeBody:hover,.topicRow:hover{background:rgba(255,255,255,.035)}.nodeIcon,.topicIcon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,rgba(76,152,216,.20),rgba(76,152,216,.06));border:1px solid rgba(76,152,216,.25);display:grid;place-items:center}.nodeText h3,.topicMain h3{font-size:16px}.nodeText p,.topicMain p{color:var(--muted);font-size:14px;margin-top:4px}.subNodes{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.subNodes a{font-size:14px;color:var(--blue);background:#0d131b;border:1px solid var(--line);border-radius:8px;padding:5px 8px;text-decoration:none}.nodeCount{text-align:center}.nodeCount b{display:block;font-size:20px;color:#fff}.nodeCount span{font-size:14px;color:var(--muted)}.sideCard{padding:18px}.latest{display:block;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);padding:12px 0}.latest b{display:block;margin:6px 0}.latest small{color:var(--muted)}.pageHead,.threadHead{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.topicRow{display:grid;grid-template-columns:52px 1fr 86px 86px;gap:15px;align-items:center;padding:16px 18px;text-decoration:none;color:var(--text);border-bottom:1px solid rgba(255,255,255,.055)}.prefix,.rank{display:inline-flex;color:white;border-radius:7px;padding:4px 8px;font-size:14px;font-weight:900;margin-right:6px}.prefix.dark{background:#313b4b}.post{display:grid;grid-template-columns:210px 1fr;background:rgba(17,24,33,.95);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:15px}.postUser{background:#0d131b;border-right:1px solid var(--line);padding:22px;text-align:center}.avatarImg,.avatarBig{object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.avatarImg{width:86px;height:86px;margin-bottom:12px}.avatarLetter{width:86px;height:86px;border-radius:18px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--red),var(--red2));font-size:34px;font-weight:950}.avatarBig{width:116px;height:116px}.avatarBig.letter{display:grid;place-items:center;background:linear-gradient(135deg,var(--red),var(--red2));font-size:48px;font-weight:950}.postUser b{display:block;margin-bottom:8px}.postContent{padding:20px}.postTop{color:var(--muted);font-size:14px;padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:15px}.bodyText{line-height:1.74}.bodyText a{color:var(--blue)}blockquote{border-left:3px solid var(--red);background:#0b1118;padding:12px;border-radius:9px;margin:10px 0}pre{background:#05080d;border:1px solid var(--line);border-radius:9px;padding:13px;overflow:auto}.bb-img{max-width:100%;border-radius:10px}.spoiler{background:#0b1118;border:1px solid var(--line);border-radius:9px;padding:10px;margin:8px 0}.signature{margin-top:20px;padding-top:12px;border-top:1px dashed #3c4858;color:#aeb9ca;font-size:14px;line-height:1.55;max-height:130px;overflow:auto}.signature img{max-height:90px}.formCard,.composer,.authCard{padding:20px}.authCard{max-width:440px;margin:45px auto}label{display:block;font-weight:900;color:#dbe5f2;margin:13px 0 7px}input,select,textarea{width:100%;background:#0b1118;border:1px solid var(--line);border-radius:11px;color:white;padding:13px;outline:none}textarea{min-height:180px;resize:vertical}.hint{color:var(--muted);font-size:14px;margin:9px 0}.editor{display:flex;flex-wrap:wrap;gap:6px;background:#0b1118;border:1px solid var(--line);border-radius:11px;padding:8px;margin:8px 0}.editor button{background:#1d2836;color:#e7edf5;border:1px solid #334154;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:900}.profileHero{display:flex;gap:24px;align-items:center;background:rgba(17,24,33,.95);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px}.profileGrid{display:grid;grid-template-columns:350px 1fr;gap:20px}.memberGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.memberCard{text-decoration:none;color:#fff;background:rgba(17,24,33,.95);border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}.memberCard img{width:82px;height:82px;border-radius:18px;object-fit:cover;margin-bottom:12px}.adminGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.adminGrid a{background:rgba(17,24,33,.95);border:1px solid var(--line);border-radius:16px;padding:34px;text-align:center;color:#fff;text-decoration:none;font-weight:950}.permGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.perm{background:#0b1118;border:1px solid var(--line);border-radius:10px;padding:10px}.perm input{width:auto}.error,.empty{background:rgba(76,152,216,.12);border:1px solid rgba(76,152,216,.3);color:#c4dff2;border-radius:12px;padding:14px;margin:12px}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);display:flex;justify-content:space-between}@media(max-width:950px){.quickSearch,.nav{display:none}.gridLayout,.profileGrid{grid-template-columns:1fr}.heroPanel,.pageHead,.threadHead,.profileHero{display:block}.heroStats{margin-top:16px}.nodeBody,.topicRow{grid-template-columns:48px 1fr}.nodeCount{display:none}.post{grid-template-columns:1fr}.postUser{border-right:0;border-bottom:1px solid var(--line)}.memberGrid,.adminGrid,.permGrid{grid-template-columns:1fr}}

.topicActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.ghost{background:#1d2836!important;box-shadow:none!important;border:1px solid #334154;color:#eaf0f8!important}.checkLine{display:flex;align-items:center;gap:9px;background:#0b1118;border:1px solid var(--line);border-radius:11px;padding:11px;margin:12px 0}.checkLine input{width:auto}

.editor select,.toolColor{background:#1d2836;color:#e7edf5;border:1px solid #334154;border-radius:8px;padding:7px 10px;font-weight:900}
.toolColor{display:inline-flex;align-items:center;gap:7px;margin:0}
.toolColor input{width:28px;height:22px;padding:0;border:0;background:transparent}
.reactionBox{background:rgba(17,24,33,.95);border:1px solid var(--line);border-radius:16px;margin:0 0 15px 0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.reactionTitle{color:var(--muted);font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.reactionList{display:flex;gap:8px;flex-wrap:wrap}
.reactionBtn{height:38px;min-width:58px;background:#0b1118;border:1px solid var(--line);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:900}
.reactionBtn:hover,.reactionBtn.active{border-color:var(--red);background:rgba(76,152,216,.12)}
.reactionBtn span{font-size:18px}

.pmPost.pmMine{border-color:rgba(76,152,216,.35)}
.commentBox{margin:-7px 0 15px 230px;background:rgba(13,19,27,.75);border:1px solid var(--line);border-radius:14px;padding:12px}
.commentBox.replyComments{margin-top:-7px}
.commentItem{position:relative;border-bottom:1px solid rgba(255,255,255,.06);padding:9px 0}
.commentItem:last-child{border-bottom:0}
.commentItem b{color:#fff;margin-right:8px}
.commentItem span{color:var(--muted);font-size:14px}
.commentItem div{margin-top:6px;color:#dce6f2;line-height:1.5}
.commentForm{display:flex;gap:8px;margin-top:10px}
.commentForm input{height:38px;flex:1}
.commentForm button,.miniDelete{border:1px solid var(--line);background:#1d2836;color:#fff;border-radius:9px;padding:0 12px;cursor:pointer}
.miniDelete{height:28px;margin-top:6px;color:#9ccbea}
@media(max-width:950px){.commentBox{margin-left:0}.commentForm{display:block}.commentForm button{height:36px;margin-top:8px;width:100%}}

/* cleanup patch */
.topicList .topicListHeader{display:grid;grid-template-columns:1fr 86px 86px;gap:15px;padding:10px 18px;background:#0b1118;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.topicList .topicRow{grid-template-columns:42px 1fr 86px 86px;padding:14px 18px}
.topicList .topicIcon{width:36px;height:36px;border-radius:11px}
.topicMain h3{line-height:1.25;margin-top:4px}
.postActions{float:right;display:inline-flex;gap:10px;margin-left:12px}
.postActions a{color:var(--blue);text-decoration:none;font-weight:900;font-size:14px}
.postActions .dangerLink,.dangerLink{color:#91c7ec!important}
.btn.danger,.btn.ghost.danger{border-color:rgba(76,152,216,.45)!important;color:#9ccbea!important}
.commentBox{display:none!important}
.checkLine input{width:auto!important}
@media(max-width:950px){.topicList .topicListHeader{display:none}.topicList .topicRow{grid-template-columns:42px 1fr}.postActions{float:none;display:flex;margin:8px 0 0}}

/* forum moderator + cleaner topic list */
.forumActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.forumTopicListClean{overflow:hidden}
.topicHeadClean{display:grid;grid-template-columns:1fr 190px;align-items:center}
.topicHeadCols{display:grid;grid-template-columns:86px 86px;gap:14px;text-align:center;color:var(--muted);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.forumTopicListClean .topicRow{
  grid-template-columns:46px minmax(0,1fr) 86px 86px!important;
  padding:15px 18px!important;
  min-height:74px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.forumTopicListClean .topicIcon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}
.forumTopicListClean .topicMain{
  min-width:0;
}
.forumTopicListClean .topicMain h3{
  display:block;
  white-space:normal;
  line-height:1.25;
  margin:4px 0 5px;
  font-size:16px;
}
.forumTopicListClean .topicMain p{
  display:block;
  color:var(--muted);
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.forumTopicListClean .prefix{
  margin-bottom:4px;
}
.forumModRow{
  grid-template-columns:46px 1fr auto!important;
}
@media(max-width:950px){
  .topicHeadClean{display:block}
  .topicHeadCols{display:none}
  .forumTopicListClean .topicRow{grid-template-columns:42px 1fr!important}
  .forumTopicListClean .nodeCount{display:none}
  .forumActions{margin-top:12px}
}


/* ===== FORUM LIST HARD FIX ===== */
.forumPageHead{
  background:rgba(17,24,33,.82);
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px 22px;
  margin-bottom:18px;
}

.forumSectionClean{
  background:rgba(17,24,33,.96);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  margin-bottom:20px;
  box-shadow:0 20px 70px rgba(0,0,0,.22);
}

.sectionTitleClean{
  display:grid;
  grid-template-columns:1fr 190px;
  align-items:center;
  gap:18px;
  padding:15px 18px;
  background:linear-gradient(180deg,var(--surface3),var(--surface2));
  border-bottom:1px solid var(--line);
}

.sectionTitleClean h2{
  font-size:17px;
  line-height:1.2;
  margin:0;
}

.sectionTitleClean p{
  color:var(--muted);
  font-size:14px;
  margin-top:3px;
}

.sectionCols{
  display:grid;
  grid-template-columns:86px 86px;
  gap:14px;
  text-align:center;
  color:var(--muted);
  font-size:14px;
  font-weight:950;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.cleanRows{
  display:block;
}

.cleanForumRow,
.cleanTopicRow{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 86px 86px!important;
  gap:15px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:15px 18px!important;
  color:var(--text)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:transparent!important;
}

.cleanForumRow:last-child,
.cleanTopicRow:last-child{
  border-bottom:0!important;
}

.cleanForumRow:hover,
.cleanTopicRow:hover{
  background:rgba(255,255,255,.035)!important;
}

.cleanIcon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(76,152,216,.20),rgba(76,152,216,.06))!important;
  border:1px solid rgba(76,152,216,.25)!important;
  font-size:17px!important;
}

.topicBubble{
  background:rgba(125,183,255,.10)!important;
  border-color:rgba(125,183,255,.22)!important;
}

.cleanMain{
  min-width:0!important;
  display:block!important;
}

.cleanMain h3{
  display:block!important;
  font-size:16px!important;
  line-height:1.25!important;
  margin:3px 0 5px!important;
  color:#fff!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:unset!important;
}

.cleanMain p{
  display:block!important;
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1.4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

.topicBadges{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-bottom:3px;
}

.cleanStat{
  text-align:center!important;
  align-self:center!important;
}

.cleanStat b{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.1!important;
  margin:0!important;
}

.cleanStat span{
  display:block!important;
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1.2!important;
  margin-top:3px!important;
}

/* Régi széteső elemek erőltetett semlegesítése */
.forumTopicListClean .topicRow,
.topicList .topicRow,
.threadBlock .topicRow{
  min-height:unset;
}

.cleanEmpty{
  padding:18px;
  color:var(--muted);
}

@media(max-width:950px){
  .forumPageHead{
    display:block;
  }

  .forumActions{
    margin-top:12px;
  }

  .sectionTitleClean{
    display:block;
  }

  .sectionCols{
    display:none;
  }

  .cleanForumRow,
  .cleanTopicRow{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:68px!important;
  }

  .cleanStat{
    display:none!important;
  }

  .cleanMain p{
    white-space:normal!important;
  }
}


/* ===== INDEX FORUM NODE HARD FIX ===== */
.homeLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:20px;
}

.homeForumList{
  min-width:0;
}

.xfCategory{
  background:rgba(17,24,33,.96);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  margin-bottom:20px;
  box-shadow:0 20px 70px rgba(0,0,0,.22);
}

.xfCategoryHead{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  align-items:center;
  gap:18px;
  padding:15px 18px;
  background:linear-gradient(180deg,var(--surface3),var(--surface2));
  border-bottom:1px solid var(--line);
}

.xfCategoryHead h2{
  margin:0;
  font-size:17px;
  line-height:1.2;
  color:#fff;
}

.xfCategoryHead p{
  margin-top:3px;
  font-size:14px;
  color:var(--muted);
}

.xfCatCols{
  display:grid;
  grid-template-columns:86px 86px;
  gap:14px;
  color:var(--muted);
  font-size:14px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.6px;
  text-align:center;
}

.xfNodeList{
  display:block;
}

.xfNodeRow{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 86px 86px!important;
  gap:15px!important;
  align-items:center!important;
  min-height:82px!important;
  padding:16px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  color:var(--text)!important;
  text-decoration:none!important;
  background:transparent!important;
}

.xfNodeRow:last-child{
  border-bottom:0!important;
}

.xfNodeRow:hover{
  background:rgba(255,255,255,.035)!important;
}

.xfNodeIcon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(76,152,216,.20),rgba(76,152,216,.06))!important;
  border:1px solid rgba(76,152,216,.25)!important;
  font-size:17px!important;
}

.xfNodeMain{
  min-width:0!important;
  display:block!important;
}

.xfNodeMain h3{
  display:block!important;
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:unset!important;
  max-width:100%!important;
}

.xfNodeMain p{
  display:block!important;
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1.4!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

.xfSubForums{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:9px!important;
  max-width:100%!important;
}

.xfSubForums span{
  display:inline-flex!important;
  align-items:center!important;
  max-width:220px!important;
  height:24px!important;
  padding:0 9px!important;
  border:1px solid rgba(125,183,255,.24)!important;
  border-radius:999px!important;
  background:rgba(125,183,255,.07)!important;
  color:#7db7ff!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}

.xfSubForums span:hover{
  background:rgba(125,183,255,.14)!important;
}

.xfNodeStat{
  text-align:center!important;
  align-self:center!important;
}

.xfNodeStat b{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.1!important;
  margin:0!important;
}

.xfNodeStat span{
  display:block!important;
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1.2!important;
  margin-top:3px!important;
}

/* régi szétesett node layout kikapcsolása az indexen */
.homeLayout .node,
.homeLayout .nodeBody,
.homeLayout .nodeText,
.homeLayout .subNodes,
.homeLayout .nodeCount{
  all:unset;
}

@media(max-width:1050px){
  .homeLayout{
    grid-template-columns:1fr;
  }
}

@media(max-width:750px){
  .xfCategoryHead{
    display:block;
  }

  .xfCatCols{
    display:none;
  }

  .xfNodeRow{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:76px!important;
  }

  .xfNodeStat{
    display:none!important;
  }

  .xfNodeMain p{
    white-space:normal!important;
  }

  .xfSubForums span{
    max-width:100%;
  }
}


/* ===== MOBILE HEADER MENU ===== */

.mobileMenuBtn{
    position:fixed;
    top:16px;
    right:16px;
    width:52px;
    height:52px;
    border-radius:14px;
    border:1px solid rgba(76,152,216,.18);
    background:rgba(13,18,26,.92);
    backdrop-filter:blur(12px);
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    z-index:99999;
    box-shadow:0 10px 40px rgba(0,0,0,.28);
}

.mobileMenuBtn span{
    width:22px;
    height:2px;
    background:#fff;
    border-radius:999px;
    transition:.22s;
}

.mobileMenuBtn.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.mobileMenuBtn.active span:nth-child(2){
    opacity:0;
}

.mobileMenuBtn.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

.mobileOverlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(4px);
    z-index:99990;
    opacity:0;
    pointer-events:none;
    transition:.2s;
}

.mobileOverlay.show{
    opacity:1;
    pointer-events:auto;
}

@media(max-width:900px){

    .mobileMenuBtn{
        display:flex;
    }

    #mobileNav{
        position:fixed!important;
        top:0!important;
        right:-340px!important;
        width:300px!important;
        height:100vh!important;
        background:linear-gradient(180deg,#0f1722,#09111b)!important;
        border-left:1px solid rgba(255,255,255,.06)!important;
        z-index:99998!important;
        padding:90px 18px 20px!important;
        display:flex!important;
        flex-direction:column!important;
        gap:10px!important;
        transition:right .25s ease!important;
        overflow-y:auto!important;
        box-shadow:-20px 0 60px rgba(0,0,0,.45)!important;
    }

    #mobileNav.mobileOpen{
        right:0!important;
    }

    #mobileNav a,
    #mobileNav .navLink,
    #mobileNav button{
        width:100%!important;
        min-height:48px!important;
        border-radius:12px!important;
        display:flex!important;
        align-items:center!important;
        padding:0 14px!important;
        background:rgba(255,255,255,.03)!important;
        border:1px solid rgba(255,255,255,.05)!important;
        color:#fff!important;
        font-size:14px!important;
        font-weight:700!important;
        text-decoration:none!important;
    }

    #mobileNav a:hover{
        background:rgba(76,152,216,.08)!important;
        border-color:rgba(76,152,216,.18)!important;
    }

    .navbar,
    header{
        padding-right:78px!important;
    }

    .heroPanel,
    .forumPageHead{
        margin-top:10px!important;
    }
}


/* ===== REAL MOBILE HEADER FIX - VISIBLE HAMBURGER ===== */
.mobileMenuBtn{
  margin-left:auto!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
  border:1px solid rgba(76,152,216,.35)!important;
  background:rgba(76,152,216,.12)!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  z-index:100002!important;
  cursor:pointer!important;
  box-shadow:0 8px 28px rgba(0,0,0,.35)!important;
}

.mobileMenuBtn span{
  display:block!important;
  width:23px!important;
  height:2px!important;
  background:#ffffff!important;
  border-radius:999px!important;
  transition:.22s ease!important;
}

.mobileMenuBtn.active span:nth-child(1){
  transform:translateY(7px) rotate(45deg)!important;
}

.mobileMenuBtn.active span:nth-child(2){
  opacity:0!important;
}

.mobileMenuBtn.active span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg)!important;
}

.mobileOverlay{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.62)!important;
  backdrop-filter:blur(4px)!important;
  z-index:100000!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:.2s ease!important;
}

.mobileOverlay.show{
  opacity:1!important;
  pointer-events:auto!important;
}

body.menuLocked{
  overflow:hidden!important;
}

@media(max-width:900px){
  .topbar{
    height:82px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:0 18px!important;
  }

  .brand{
    font-size:42px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }

  .mobileMenuBtn{
    display:flex!important;
  }

  .quickSearch{
    display:none!important;
  }

  #mobileNav{
    position:fixed!important;
    top:0!important;
    right:-330px!important;
    width:310px!important;
    max-width:86vw!important;
    height:100vh!important;
    padding:92px 18px 22px!important;
    background:linear-gradient(180deg,#111b27,#080d14)!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
    box-shadow:-18px 0 70px rgba(0,0,0,.55)!important;
    z-index:100001!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    transition:right .25s ease!important;
    overflow-y:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #mobileNav.mobileOpen{
    right:0!important;
  }

  #mobileNav a{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    color:#ffffff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:800!important;
  }

  #mobileNav a:hover{
    border-color:rgba(76,152,216,.35)!important;
    background:rgba(76,152,216,.12)!important;
  }

  .topShell{
    min-height:82px!important;
  }
}

@media(min-width:901px){
  .mobileOverlay{
    display:none!important;
  }
}


/* ===== BAN ONLY PAGE ===== */
.banOnlyPage{
  min-height:calc(100vh - 150px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:58px 18px;
}

.banOnlyBox{
  width:min(760px,100%);
  padding:38px 30px;
  border-radius:22px;
  border:1px solid rgba(76,152,216,.28);
  background:
    radial-gradient(circle at top,rgba(76,152,216,.16),transparent 45%),
    linear-gradient(180deg,#121c28,#0b1119);
  box-shadow:0 24px 90px rgba(0,0,0,.45);
  text-align:center;
}

.banOnlyBox h1{
  margin:0 0 16px;
  color:#fff;
  font-size:36px;
  line-height:1.15;
  font-weight:1000;
}

.banOnlyBox p{
  margin:0;
  color:#aeb8c7;
  font-size:19px;
}

.banOnlyBox strong{
  color:#ff5a7b;
}

@media(max-width:700px){
  .banOnlyPage{padding:34px 14px}
  .banOnlyBox{padding:28px 20px;border-radius:18px}
  .banOnlyBox h1{font-size:27px}
  .banOnlyBox p{font-size:16px}
}


/* ===== DB CODE BBCode ===== */
.db-code-box{
    margin:12px 0;
    border:1px solid rgba(76,152,216,.25);
    border-radius:12px;
    background:#0b1118;
    overflow:hidden;
}

.db-code-box summary{
    cursor:pointer;
    padding:12px 14px;
    background:rgba(76,152,216,.10);
    color:#fff;
    font-weight:800;
    user-select:none;
}

.db-code-box pre{
    margin:0;
    padding:14px;
    background:#070b10;
    overflow:auto;
    max-height:420px;
}

.db-code-box code{
    color:#dce6f2;
    font-family:Consolas, Monaco, monospace;
    font-size:14px;
    white-space:pre;
}


/* ===== RAW BBCODE ===== */
.raw-bbcode{
    background:#0a0f14;
    border:1px solid rgba(76,152,216,.25);
    border-radius:12px;
    padding:14px;
    overflow:auto;
    white-space:pre-wrap;
    color:#dce6f2;
    font-family:Consolas, monospace;
    font-size:14px;
    line-height:1.5;
}


/* ===== MODERN AUTH PAGES ===== */
.authModernPage{
    min-height:calc(100vh - 170px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:42px 16px;
}

.authModernCard{
    width:min(980px,100%);
    display:grid;
    grid-template-columns:1fr 1.05fr;
    border-radius:26px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:radial-gradient(circle at top left, rgba(76,152,216,.20), transparent 38%), linear-gradient(180deg,#111a25,#0b1118);
    box-shadow:0 30px 110px rgba(0,0,0,.48);
}

.authBrandBox{
    padding:46px 42px;
    background:linear-gradient(135deg,rgba(76,152,216,.16),rgba(76,152,216,.03)), rgba(0,0,0,.18);
    border-right:1px solid rgba(255,255,255,.06);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.authLogo{
    font-size:48px;
    font-weight:1000;
    letter-spacing:-2px;
    color:#fff;
    margin-bottom:26px;
}

.authLogo span{ color:#4c98d8; }

.authBrandBox h1{
    font-size:42px;
    line-height:1.05;
    color:#fff;
    margin:0 0 12px;
    font-weight:1000;
}

.authBrandBox p{
    color:#9aa6b8;
    font-size:16px;
    line-height:1.6;
    margin:0;
}

.authModernForm{ padding:46px 42px; }

.authModernForm label{
    display:block;
    color:#dce6f2;
    font-size:14px;
    font-weight:900;
    margin:14px 0 8px;
}

.authModernForm input[type="text"],
.authModernForm input[type="email"],
.authModernForm input[type="password"]{
    width:100%;
    height:50px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:#090f16;
    color:#fff;
    padding:0 15px;
    outline:none;
    transition:.18s;
}

.authModernForm input:focus{
    border-color:rgba(76,152,216,.55);
    box-shadow:0 0 0 4px rgba(76,152,216,.10);
}

.authOptions{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin:16px 0 20px;
}

.rememberLine{
    display:flex!important;
    align-items:center;
    gap:9px;
    margin:0!important;
    cursor:pointer;
    color:#aeb8c7!important;
    font-weight:800!important;
}

.rememberLine input{
    width:17px!important;
    height:17px!important;
    accent-color:#4c98d8;
}

.authOptions a{
    color:#7db7ff;
    font-size:14px;
    font-weight:900;
    text-decoration:none;
}

.authSubmit{
    width:100%;
    height:52px;
    border:0;
    border-radius:15px;
    background:linear-gradient(135deg,#4c98d8,#2e77b6);
    color:#fff;
    font-weight:1000;
    cursor:pointer;
    box-shadow:0 14px 40px rgba(76,152,216,.22);
}

.authError{
    border-radius:13px;
    border:1px solid rgba(76,152,216,.30);
    background:rgba(76,152,216,.10);
    color:#ffd3dc;
    padding:13px 14px;
    font-weight:800;
    margin-bottom:14px;
}

@media(max-width:800px){
    .authModernCard{ grid-template-columns:1fr; border-radius:22px; }
    .authBrandBox{ border-right:0; border-bottom:1px solid rgba(255,255,255,.06); padding:32px 24px; }
    .authModernForm{ padding:30px 24px; }
    .authLogo{ font-size:40px; margin-bottom:18px; }
    .authBrandBox h1{ font-size:32px; }
}


/* ===== DM-RP AUTH REDESIGN ===== */
.authModernPage,
.authModernCard,
.authBrandBox,
.authModernForm{
    all:unset;
}

.dmAuthPage{
    min-height:calc(100vh - 190px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:54px 18px;
}

.dmAuthCard{
    width:min(1040px,100%);
    min-height:560px;
    display:grid;
    grid-template-columns:420px minmax(0,1fr);
    overflow:hidden;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg,rgba(18,28,40,.98),rgba(8,13,20,.98));
    box-shadow:
        0 35px 120px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.dmAuthSide{
    position:relative;
    padding:46px 42px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:
        radial-gradient(circle at 20% 20%,rgba(76,152,216,.30),transparent 32%),
        linear-gradient(145deg,rgba(76,152,216,.18),rgba(16,25,36,.72));
    border-right:1px solid rgba(255,255,255,.07);
}

.dmAuthSide:after{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.06);
    pointer-events:none;
}

.dmAuthMark{
    position:relative;
    z-index:1;
    color:#fff;
    font-size:44px;
    line-height:1;
    letter-spacing:-2px;
    font-weight:1000;
}

.dmAuthMark span{
    color:#4c98d8;
}

.dmAuthSide h1{
    position:relative;
    z-index:1;
    margin:0 0 14px;
    color:#fff;
    font-size:42px;
    line-height:1.05;
    font-weight:1000;
}

.dmAuthSide p{
    position:relative;
    z-index:1;
    margin:0;
    max-width:310px;
    color:#c4cbd8;
    font-size:16px;
    line-height:1.65;
}

.dmAuthMini{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.dmAuthMini div{
    padding:14px;
    border-radius:16px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.08);
}

.dmAuthMini b{
    display:block;
    color:#fff;
    font-size:18px;
}

.dmAuthMini span{
    color:#9aa6b8;
    font-size:14px;
    font-weight:800;
}

.dmAuthFormBox{
    padding:54px 56px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dmAuthHeader span{
    display:inline-flex;
    height:28px;
    padding:0 12px;
    align-items:center;
    border-radius:999px;
    background:rgba(76,152,216,.12);
    border:1px solid rgba(76,152,216,.20);
    color:#ff5a7b;
    font-size:14px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.dmAuthHeader h2{
    margin:16px 0 26px;
    color:#fff;
    font-size:34px;
    line-height:1.1;
    font-weight:1000;
}

.dmAuthForm label{
    display:block;
    margin:15px 0 8px;
    color:#e9eef7;
    font-size:14px;
    font-weight:900;
}

.dmAuthForm input[type="text"],
.dmAuthForm input[type="email"],
.dmAuthForm input[type="password"]{
    width:100%;
    height:52px;
    box-sizing:border-box;
    border-radius:15px;
    border:1px solid rgba(129,153,180,.20);
    background:#080d14;
    color:#fff;
    padding:0 16px;
    outline:none;
    font-size:14px;
    transition:.18s ease;
}

.dmAuthForm input::placeholder{
    color:#657386;
}

.dmAuthForm input:focus{
    border-color:rgba(76,152,216,.58);
    box-shadow:0 0 0 4px rgba(76,152,216,.11);
}

.dmAuthRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:18px 0 22px;
}

.dmRemember{
    display:inline-flex!important;
    align-items:center;
    gap:10px;
    margin:0!important;
    color:#b9c4d2!important;
    cursor:pointer;
}

.dmRemember input{
    width:18px!important;
    height:18px!important;
    accent-color:#4c98d8;
}

.dmAuthRow a{
    color:#7db7ff;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
}

.dmAuthRow a:hover{
    color:#fff;
}

.dmAuthBtn{
    width:100%;
    height:54px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,#4c98d8,#bd102b);
    color:#fff;
    font-weight:1000;
    cursor:pointer;
    font-size:15px;
    box-shadow:0 16px 46px rgba(76,152,216,.26);
    transition:.18s ease;
}

.dmAuthBtn:hover{
    transform:translateY(-1px);
    box-shadow:0 22px 62px rgba(76,152,216,.34);
}

.dmAuthError{
    margin:0 0 16px;
    padding:13px 15px;
    border-radius:14px;
    background:rgba(76,152,216,.10);
    border:1px solid rgba(76,152,216,.28);
    color:#ffd6de;
    font-size:14px;
    font-weight:900;
}

@media(max-width:860px){
    .dmAuthPage{
        padding:30px 14px;
    }

    .dmAuthCard{
        grid-template-columns:1fr;
        min-height:auto;
        border-radius:22px;
    }

    .dmAuthSide{
        padding:32px 26px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.07);
        gap:28px;
    }

    .dmAuthSide:after{
        inset:12px;
        border-radius:18px;
    }

    .dmAuthMark{
        font-size:38px;
    }

    .dmAuthSide h1{
        font-size:32px;
    }

    .dmAuthFormBox{
        padding:32px 24px;
    }

    .dmAuthHeader h2{
        font-size:28px;
    }
}


/* ===== DM-RP OLD STYLE AUTH PATCH ===== */
.dmAuthPage,.dmAuthCard,.dmAuthSide,.dmAuthFormBox,.authModernPage,.authModernCard,.authBrandBox,.authModernForm{
    all:unset;
}

.dmOldAuthWrap{
    min-height:calc(100vh - 190px);
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:58px 18px;
}

.dmOldAuthPanel{
    width:min(560px,100%);
    border-radius:18px;
    border:1px solid rgba(73,91,115,.55);
    background:linear-gradient(180deg,rgba(23,34,48,.96),rgba(9,15,23,.98));
    box-shadow:0 28px 90px rgba(0,0,0,.42);
    overflow:hidden;
}

.dmOldAuthTop{
    position:relative;
    padding:28px 30px 24px;
    border-bottom:1px solid rgba(73,91,115,.45);
    background:radial-gradient(circle at top left,rgba(76,152,216,.20),transparent 38%),linear-gradient(180deg,rgba(28,42,58,.92),rgba(18,28,40,.88));
}

.dmOldAuthTop:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#4c98d8;
}

.dmOldLabel{
    display:inline-flex;
    margin-bottom:8px;
    color:#ff4569;
    font-size:14px;
    font-weight:1000;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.dmOldAuthTop h1{
    margin:0;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:1000;
}

.dmOldAuthTop p{
    margin:7px 0 0;
    color:#9fb0c6;
    font-size:14px;
}

.dmOldAuthForm{
    padding:28px 30px 30px;
}

.dmOldAuthForm label{
    display:block;
    color:#eaf1fb;
    font-size:14px;
    font-weight:900;
    margin:14px 0 8px;
}

.dmOldAuthForm input[type="text"],
.dmOldAuthForm input[type="email"],
.dmOldAuthForm input[type="password"]{
    width:100%;
    height:48px;
    box-sizing:border-box;
    border-radius:12px;
    border:1px solid rgba(73,91,115,.72);
    background:#080e15;
    color:#fff;
    padding:0 14px;
    outline:none;
    font-size:14px;
    transition:.18s ease;
}

.dmOldAuthForm input::placeholder{color:#657488}

.dmOldAuthForm input:focus{
    border-color:rgba(76,152,216,.72);
    box-shadow:0 0 0 3px rgba(76,152,216,.10);
}

.dmOldAuthRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:17px 0 20px;
}

.dmOldRemember{
    display:flex!important;
    align-items:center;
    gap:9px;
    margin:0!important;
    color:#aeb9c8!important;
    cursor:pointer;
    font-weight:800!important;
}

.dmOldRemember input{
    width:17px!important;
    height:17px!important;
    accent-color:#4c98d8;
}

.dmOldAuthRow a{
    color:#7db7ff;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
}

.dmOldBtn{
    width:100%;
    height:50px;
    border:0;
    border-radius:12px;
    background:linear-gradient(135deg,#4c98d8,#b70f29);
    color:#fff;
    font-weight:1000;
    cursor:pointer;
    font-size:14px;
    box-shadow:0 14px 38px rgba(76,152,216,.22);
    transition:.18s ease;
}

.dmOldError{
    padding:13px 14px;
    margin-bottom:15px;
    border-radius:12px;
    background:rgba(76,152,216,.10);
    border:1px solid rgba(76,152,216,.26);
    color:#ffd3dc;
    font-size:14px;
    font-weight:900;
}

@media(max-width:650px){
    .dmOldAuthWrap{padding:32px 14px}
    .dmOldAuthTop{padding:24px 22px 20px}
    .dmOldAuthForm{padding:24px 22px 26px}
    .dmOldAuthTop h1{font-size:28px}
}


.dmOldOk{padding:12px 14px;border-radius:12px;background:rgba(53,209,106,.12);border:1px solid rgba(53,209,106,.28);color:#5dff95;font-weight:900;margin-bottom:12px}
.bb-left{text-align:left}.bb-center{text-align:center}.bb-right{text-align:right}.bb-hr{border:0;border-top:1px solid var(--line);margin:12px 0}.bb-youtube{width:100%;max-width:720px;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.profileHeroNew{position:relative;overflow:hidden;min-height:270px;padding:0!important;border-radius:22px;border:1px solid var(--line);background:var(--surface)}
.profileBanner{height:180px;background-size:cover;background-position:center;border-bottom:1px solid var(--line);filter:saturate(1.05)}
.profileBannerEmpty{background:linear-gradient(135deg,rgba(76,152,216,.22),rgba(17,24,33,.95))}
.profileHeroContent{display:flex;gap:22px;align-items:center;padding:0 24px 24px;margin-top:-48px;position:relative;z-index:2}
.profileHeroContent .avatarBig{border:5px solid var(--surface);box-shadow:0 14px 35px rgba(0,0,0,.45);object-fit:cover}
.profileSignature{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;margin:18px 0}
.profileSignature h2{font-size:17px;margin-bottom:10px;color:#fff}
.cropBox{border:1px solid var(--line);background:#070a0f;border-radius:16px;overflow:hidden;margin:10px 0}
.cropBox img{width:100%;height:100%;object-fit:cover;display:block}
.avatarCrop{width:150px;height:150px}
.bannerCrop{width:100%;height:160px}
.cropForm input[type=range]{width:100%;accent-color:var(--red)}


/* Profil header banner + YouTube-szerű crop */
.dmProfileHeader{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);margin-bottom:22px}
.dmProfileBanner{height:235px;background:linear-gradient(135deg,rgba(76,152,216,.20),rgba(17,24,33,.95));overflow:hidden;border-bottom:1px solid var(--line)}
.dmProfileBanner img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;transition:.15s}
.dmProfileIdentity{display:flex;gap:22px;align-items:flex-end;padding:0 24px 24px;margin-top:-58px;position:relative;z-index:2}
.dmProfileAvatarWrap{width:132px;height:132px;border-radius:24px;overflow:hidden;border:5px solid var(--surface);background:#0b111a;box-shadow:0 14px 35px rgba(0,0,0,.45);flex:0 0 auto}
.dmProfileAvatar{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}
.dmProfileInfo h1{font-size:36px;margin:0 0 8px}
.profileSignaturePost{margin:18px 0;padding:16px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text)}
.profileSignaturePost:before{content:"Aláírás";display:block;color:#fff;font-size:18px;font-weight:1000;margin-bottom:8px}
.cropMini{position:relative;border:1px solid var(--line);background:#070b12;border-radius:16px;overflow:hidden;display:grid;place-items:center;cursor:pointer;color:#9aa6b8;font-weight:900;margin:10px 0}
.cropMini img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}
.avatarMini{width:150px;height:150px}
.bannerMini{width:100%;height:160px}
.cropMini span{position:absolute;inset:auto 10px 10px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.62);text-align:center}
.dmCropModal{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}
.dmCropModal.show{display:flex}
.dmCropPanel{width:min(760px,96vw);background:#111821;border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 80px rgba(0,0,0,.55);overflow:hidden}
.dmCropTop,.dmCropBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}
.dmCropBottom{border-bottom:0;border-top:1px solid var(--line);color:#9aa6b8;font-weight:800}
.dmCropTop button{background:#202b3a;color:#fff;border:1px solid var(--line);border-radius:12px;width:38px;height:38px;font-size:24px;cursor:pointer}
.dmCropStage{padding:26px;display:grid;place-items:center;background:#080b10}
.dmCropFrame{position:relative;overflow:hidden;border:2px solid #4c98d8;background:#000;cursor:grab}
.dmCropFrame:active{cursor:grabbing}
.dmCropFrame.isAvatar{width:320px;height:320px;border-radius:50%}
.dmCropFrame.isBanner{width:min(650px,82vw);height:240px;border-radius:16px}
.dmCropFrame img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;user-select:none;pointer-events:none}
.dmCodeBox{border:1px solid var(--line);border-radius:14px;background:#070b12;margin:12px 0;overflow:hidden}
.dmCodeTop{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#121b27;border-bottom:1px solid var(--line);font-weight:900;color:#fff}
.dmCodeTop button{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border:0;border-radius:10px;padding:7px 10px;font-weight:900;cursor:pointer}
.dmCodeBox pre{margin:0;padding:14px;overflow:auto;white-space:pre;font-family:Consolas,monospace;color:#eaf0f8}


/* DM-RP új profil dizájn */
.dmOldOk{padding:12px 14px;border-radius:12px;background:rgba(53,209,106,.12);border:1px solid rgba(53,209,106,.28);color:#5dff95;font-weight:900;margin-bottom:12px}
.dmProfileHeader{
  position:relative!important;overflow:hidden!important;border-radius:28px!important;
  border:1px solid rgba(76,152,216,.25)!important;
  background:radial-gradient(circle at 12% 0%,rgba(76,152,216,.25),transparent 34%),linear-gradient(180deg,#131c28,#090d13)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04)!important;
  margin-bottom:24px!important;
}
.dmProfileHeader:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;pointer-events:none;opacity:.45;
}
.dmProfileBanner{height:260px!important;position:relative;background:linear-gradient(135deg,rgba(76,152,216,.35),rgba(12,17,24,.85)),radial-gradient(circle at 80% 30%,rgba(255,255,255,.12),transparent 28%)!important}
.dmProfileBanner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(8,11,16,.92))}
.dmProfileBanner img{width:100%;height:100%;object-fit:cover;opacity:.92}
.dmProfileIdentity{position:relative!important;z-index:3!important;align-items:center!important;margin-top:-74px!important;padding:0 34px 34px!important}
.dmProfileAvatarWrap{width:148px!important;height:148px!important;border-radius:32px!important;border:6px solid #111821!important;box-shadow:0 22px 55px rgba(0,0,0,.55),0 0 0 1px rgba(76,152,216,.26)!important}
.dmProfileInfo{padding:20px 22px;border-radius:24px;background:rgba(10,15,22,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);min-width:min(640px,100%)}
.dmProfileInfo h1{font-size:42px!important;line-height:1;letter-spacing:-1px;text-shadow:0 10px 30px rgba(0,0,0,.45)}
.profileBio{margin-top:12px;color:#cbd5e1;font-weight:700;line-height:1.55}
.profileSignaturePost{border-radius:22px!important;border:1px solid rgba(76,152,216,.18)!important;background:linear-gradient(135deg,rgba(76,152,216,.08),rgba(255,255,255,.025)),#101721!important;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.profileSignaturePost:before{color:#ff8fa3!important;letter-spacing:.6px;text-transform:uppercase;font-size:14px!important}
.profileGrid .formCard{border-radius:24px!important;background:linear-gradient(180deg,#121b27,#0c121b)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 55px rgba(0,0,0,.32)}
.cropMini:hover{transform:translateY(-2px);border-color:rgba(76,152,216,.45);box-shadow:0 14px 35px rgba(76,152,216,.10)}


/* PROFIL SZERKESZTŐ - új, rendezett dizájn */
.profileGrid{
  display:grid!important;
  grid-template-columns:360px 1fr!important;
  gap:20px!important;
  margin-top:24px!important;
}
.profileGrid .profileTextForm{
  grid-column:1 / -1!important;
}
.profileGrid .formCard{
  position:relative!important;
  padding:22px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at top left,rgba(76,152,216,.11),transparent 36%),
    linear-gradient(180deg,#121b27,#0b1119)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.35)!important;
}
.profileGrid .formCard h2{
  font-size:25px!important;
  margin-bottom:16px!important;
  color:#fff!important;
}
.profileGrid .formCard label{
  display:block!important;
  margin:12px 0 8px!important;
  color:#dce7f7!important;
  font-weight:900!important;
}
.profileGrid input[type=file]{
  width:100%!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#091019!important;
  border-radius:14px!important;
  padding:12px!important;
  color:#fff!important;
}
.cropMini{
  min-height:170px!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg,rgba(76,152,216,.08),rgba(255,255,255,.03)),
    #070b12!important;
  border:1px dashed rgba(255,255,255,.18)!important;
}
.avatarMini{
  width:190px!important;
  height:190px!important;
  border-radius:32px!important;
}
.bannerMini{
  height:220px!important;
}
.cropMini span{
  font-size:14px!important;
  font-weight:1000!important;
  letter-spacing:.3px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(76,152,216,.92),rgba(46,119,182,.92))!important;
  border-radius:12px!important;
  padding:10px 13px!important;
}
.profileTextForm{
  display:grid!important;
  grid-template-columns:320px 1fr!important;
  gap:16px 22px!important;
}
.profileTextForm h2,
.profileTextForm label,
.profileTextForm .hint,
.profileTextForm .btn{
  grid-column:1 / -1!important;
}
.profileTextForm .editor{
  grid-column:1!important;
  align-self:start!important;
  position:sticky!important;
  top:92px!important;
}
.profileTextForm textarea.richText{
  grid-column:2!important;
  min-height:210px!important;
  border-radius:18px!important;
  background:#070d14!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
  padding:14px!important;
  resize:vertical!important;
}
.profileTextForm label:nth-of-type(2),
.profileTextForm textarea[name="signature"]{
  grid-column:1 / -1!important;
}

/* Crop ablak tényleg modal legyen */
html body .dmCropModal{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.78)!important;
  backdrop-filter:blur(10px)!important;
  z-index:9999999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
}
html body .dmCropModal.show{
  display:flex!important;
}
html body .dmCropPanel{
  width:min(820px,96vw)!important;
  max-height:92vh!important;
  background:#111821!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:26px!important;
  box-shadow:0 28px 100px rgba(0,0,0,.65)!important;
  overflow:hidden!important;
}
html body .dmCropTop{
  padding:18px 22px!important;
  background:linear-gradient(135deg,rgba(76,152,216,.14),rgba(255,255,255,.03))!important;
}
html body .dmCropTop strong{
  font-size:18px!important;
  color:#fff!important;
}
html body .dmCropStage{
  padding:32px!important;
  background:#070b12!important;
}
html body .dmCropFrame.isAvatar{
  width:340px!important;
  height:340px!important;
  border-radius:50%!important;
}
html body .dmCropFrame.isBanner{
  width:min(720px,82vw)!important;
  height:270px!important;
}
html body .dmCropBottom{
  padding:18px 22px!important;
  background:#0d141f!important;
}

/* Nyers kód blokk */
.dmCodeBox{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  background:#060a10!important;
  margin:12px 0!important;
  overflow:hidden!important;
}
.dmCodeTop{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:11px 13px!important;
  background:#111a26!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-weight:1000!important;
}
.dmCodeTop button{
  border:0!important;
  border-radius:10px!important;
  padding:8px 11px!important;
  color:#fff!important;
  font-weight:1000!important;
  background:linear-gradient(135deg,var(--red),var(--red2))!important;
  cursor:pointer!important;
}
.dmCodeBox pre{
  margin:0!important;
  padding:15px!important;
  overflow:auto!important;
  white-space:pre!important;
  color:#eaf0f8!important;
  font-family:Consolas,Monaco,monospace!important;
  font-size:14px!important;
}

@media(max-width:900px){
  .profileGrid{grid-template-columns:1fr!important}
  .profileTextForm{grid-template-columns:1fr!important}
  .profileTextForm .editor,
  .profileTextForm textarea.richText{grid-column:1!important}
}


/* Rendezett taglista */
.memberPageHead p{
  color:var(--muted);
  font-weight:800;
  margin-top:6px;
}

.memberGridFixed{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

.memberCardFixed{
  min-height:205px!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  text-align:center!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at top,rgba(76,152,216,.09),transparent 42%),
    linear-gradient(180deg,#121b27,#0b1119)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.22)!important;
  transition:.18s ease!important;
  overflow:hidden!important;
}

.memberCardFixed:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(76,152,216,.38)!important;
  box-shadow:0 20px 55px rgba(76,152,216,.08),0 18px 45px rgba(0,0,0,.32)!important;
}

.memberAvatarBox{
  width:86px!important;
  height:86px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--red),var(--red2))!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}

.memberAvatarBox img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transform-origin:center!important;
}

.memberAvatarBox .avatarLetter{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  font-weight:1000!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--red),var(--red2))!important;
}

.memberInfo{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
}

.memberName{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.2!important;
}

.memberRank{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
  max-width:190px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* Cookie elfogadó ablak */
.dmCookieBox{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:999999;
  width:min(460px,calc(100vw - 44px));
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:
    radial-gradient(circle at top left,rgba(76,152,216,.16),transparent 42%),
    linear-gradient(180deg,#121b27,#0b1119);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 80px rgba(0,0,0,.48);
  animation:dmCookieIn .25s ease both;
}
.dmCookieBox.hide{animation:dmCookieOut .25s ease both}
.dmCookieIcon{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  background:rgba(76,152,216,.12);border:1px solid rgba(76,152,216,.25);font-size:24px
}
.dmCookieText strong{display:block;color:#fff;font-size:17px;font-weight:1000;margin-bottom:5px}
.dmCookieText p{margin:0;color:#b7c2d2;line-height:1.45;font-weight:700;font-size:14px}
.dmCookieActions{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-end;margin-top:2px}
.dmCookieBtn{border:0;border-radius:12px;padding:10px 14px;color:#fff;font-weight:1000;cursor:pointer}
.dmCookieBtn.accept{background:linear-gradient(135deg,var(--red),var(--red2))}
.dmCookieBtn.reject{background:#202a38;border:1px solid rgba(255,255,255,.10)}
@keyframes dmCookieIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes dmCookieOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}
@media(max-width:600px){
  .dmCookieBox{left:12px;bottom:12px;width:calc(100vw - 24px)}
  .dmCookieActions{flex-direction:column}
}

/* Rangadás + support email admin */
.adminRankAssign select,
.mailViewer input,
.mailViewer textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:12px;
  background:#090f17;
  color:#fff;
  margin-bottom:12px;
}
.mailAdminGrid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:18px;
  align-items:start;
}
.mailList,.mailViewer{
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(180deg,#121b27,#0b1119);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
  overflow:hidden;
}
.mailItem{
  display:block;
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-decoration:none;
  color:#fff;
}
.mailItem:hover,.mailItem.active{
  background:rgba(76,152,216,.12);
}
.mailItem strong{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mailItem span,.mailItem small{
  display:block;
  color:#9aa6b8;
  margin-top:4px;
  font-size:14px;
}
.mailViewer{
  padding:20px;
}
.mailViewHead{
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mailViewHead h2{
  margin:0 0 6px;
}
.mailViewHead p{
  color:#9aa6b8;
  margin:0;
}
.mailBody{
  white-space:pre-wrap;
  background:#070b12;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:16px;
  color:#dbe7f5;
  margin-bottom:18px;
  max-height:420px;
  overflow:auto;
}
@media(max-width:900px){
  .mailAdminGrid{grid-template-columns:1fr}
}


/* Admin menü javítás */
.adminGridFixed{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  gap:16px!important;
}

.adminGridFixed a{
  display:flex!important;
  min-height:96px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:22px!important;
  text-decoration:none!important;
  color:#fff!important;
  font-weight:1000!important;
  background:
    radial-gradient(circle at top,rgba(76,152,216,.13),transparent 45%),
    linear-gradient(180deg,#121b27,#0b1119)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.26)!important;
  transition:.18s ease!important;
}

.adminGridFixed a:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(76,152,216,.42)!important;
  box-shadow:0 22px 60px rgba(76,152,216,.10),0 18px 45px rgba(0,0,0,.34)!important;
}

.mailActionRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.mailReplyCard textarea,
.mailReplyCard input{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:12px;
  background:#090f17;
  color:#fff;
  margin-bottom:12px;
}
.mailReplyCard textarea{
  resize:vertical;
  line-height:1.5;
}
.mailItem strong{
  color:#ff8fa3;
}
.mailViewHead p b{
  color:#fff;
}


.ticketChat{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin:22px 0;
}

.ticketBubble{
  position:relative;
  border-radius:22px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  animation:ticketFade .2s ease;
}

.ticketBubble.user{
  background:linear-gradient(180deg,#0c121b,#101826);
  border-left:4px solid #4c98d8;
}

.ticketBubble.admin{
  background:linear-gradient(180deg,#131f2f,#172334);
  border-left:4px solid #3b82f6;
  margin-left:40px;
}

.ticketMeta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  gap:12px;
}

.ticketMeta span{
  font-weight:900;
  color:#fff;
  font-size:15px;
}

.ticketMeta small{
  color:#93a4ba;
  font-size:14px;
}

.ticketText{
  color:#e8eef8;
  line-height:1.7;
  white-space:pre-wrap;
  word-break:break-word;
}

.ticketSignature{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#c7d3e3;
  white-space:pre-wrap;
}

.mailViewer{
  background:linear-gradient(180deg,#0d1520,#0a1018);
  border:1px solid rgba(255,255,255,.06);
  border-radius:24px;
  padding:24px;
  box-shadow:0 25px 60px rgba(0,0,0,.35);
}

.mailItem{
  transition:.18s ease;
  border-radius:18px;
}

.mailItem:hover{
  transform:translateY(-2px);
  background:rgba(76,152,216,.08);
}

.mailItem.active{
  background:linear-gradient(135deg,rgba(76,152,216,.16),rgba(255,255,255,.03));
  border:1px solid rgba(76,152,216,.25);
}

.mailReplyCard{
  background:linear-gradient(180deg,#101823,#0b1017);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:24px;
}

.mailReplyCard h2{
  margin-bottom:18px;
}

.mailReplyCard textarea{
  min-height:160px;
}

@keyframes ticketFade{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

.ticketBubble.user{background:linear-gradient(180deg,#0c121b,#101826)!important;border-left:4px solid #4c98d8!important}
.ticketBubble.admin{background:linear-gradient(180deg,#132033,#17263b)!important;border-left:4px solid #3b82f6!important;margin-left:40px!important}
.ticketBubble.user + .ticketBubble.user,.ticketBubble.admin + .ticketBubble.admin{margin-top:-8px}


/* Ügyfél válasz bubble - supporthoz hasonló, rendezett */
.ticketBubble.customerReply{
  background:linear-gradient(180deg,#121b27,#0f1722)!important;
  border-left:4px solid #4c98d8!important;
  margin-right:40px!important;
  border-radius:22px!important;
  padding:18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.ticketBubble.customerReply .ticketMeta span{
  color:#ffffff!important;
  font-weight:1000!important;
}

.ticketBubble.customerReply .ticketText{
  background:rgba(0,0,0,.12)!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  margin-top:10px!important;
  min-height:unset!important;
}

.ticketBubble.customerReply .ticketText:empty{
  display:none!important;
}

.ticketBubble.customerReply + .ticketBubble.admin,
.ticketBubble.admin + .ticketBubble.customerReply{
  margin-top:6px!important;
}

.ticketText{
  font-size:15px!important;
}

.ticketUnreadBadge,.notifBadge{
  display:inline-flex;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:8px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#4c98d8;
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:1000;
  box-shadow:0 0 18px rgba(76,152,216,.45);
}

.notifLink{
  position:relative;
}

.notifItem{
  display:flex;
  gap:14px;
  padding:16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-decoration:none;
  color:#fff;
}

.profileComments{
  margin:24px 0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:22px;
  background:linear-gradient(180deg,#121b27,#0b1119);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}

.profileComments h2{
  margin:0 0 16px;
  color:#fff;
}

.profileCommentForm textarea,
.profileReplyForm textarea{
  width:100%;
  min-height:90px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:#080f17;
  color:#fff;
  padding:12px;
  resize:vertical;
  margin-bottom:10px;
}

.profileCommentList{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:18px;
}

.profileComment{
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:16px;
  background:rgba(255,255,255,.035);
}

.profileComment.reply{
  margin-left:42px;
  margin-top:12px;
  background:rgba(59,130,246,.08);
  border-left:4px solid #3b82f6;
}

.commentHead{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}

.commentHead img,.avatarLetter.small{
  width:42px;
  height:42px;
  border-radius:14px;
  object-fit:cover;
}

.commentHead b{
  color:#fff;
  display:block;
}

.commentHead span{
  display:inline-block;
  color:#fff;
  font-size:14px;
  font-weight:900;
  border-radius:8px;
  padding:4px 7px;
  margin-top:3px;
}

.commentHead small{
  color:#9aa6b8;
  margin-left:8px;
}

.commentBody{
  color:#dbe7f5;
  line-height:1.6;
}

.profileReplyForm{
  margin-top:12px;
}


.profileCommentModForm{
  margin-top:10px;
}

.profileCommentModForm .btn{
  padding:8px 11px;
  font-size:14px;
}


/* DM-RP TELJES MOBIL OPTIMALIZÁLÁS */
.dmMobileMenuBtn{display:none;border:1px solid rgba(255,255,255,.12);background:#111a26;color:#fff;border-radius:14px;width:44px;height:44px;font-size:22px;font-weight:1000;cursor:pointer}

@media(max-width:900px){
  *{max-width:100%;box-sizing:border-box}
  html,body{overflow-x:hidden!important;width:100%!important}
  body{background:#080d14!important}
  .bgfx,.bgfx:before,.bgfx:after{display:none!important}
  *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .wrap,.main,main{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  header,.topbar,.header,.siteHeader{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;padding:10px 12px!important;background:#0b111a!important;border-bottom:1px solid rgba(76,152,216,.25)!important}
  header .wrap,.topbar .wrap,.header .wrap,.siteHeader .wrap{display:flex!important;align-items:center!important;gap:10px!important}
  .brand,.logo{font-size:26px!important;white-space:nowrap!important}
  .dmMobileMenuBtn{display:inline-grid!important;place-items:center!important;margin-left:auto!important}
  nav,.nav,#dmMobileNav{position:fixed!important;top:66px!important;left:12px!important;right:12px!important;display:none!important;flex-direction:column!important;gap:8px!important;padding:14px!important;border-radius:18px!important;background:#101823!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important;z-index:99999!important}
  nav.mobileOpen,.nav.mobileOpen,#dmMobileNav.mobileOpen{display:flex!important}
  nav a,.nav a,#dmMobileNav a{width:100%!important;padding:13px 14px!important;border-radius:12px!important;background:#151f2d!important;color:#fff!important;text-align:left!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .search,.searchBox,input[type=search]{width:100%!important;max-width:100%!important;margin:8px 0!important}
  .pageHead{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:18px 0!important}
  .pageHead h1{font-size:30px!important;line-height:1.1!important}
  .pageHead p{font-size:14px!important}
  .btn,button,input[type=submit]{min-height:44px!important;border-radius:13px!important}
  .forumGrid,.threadGrid,.memberGrid,.memberGridFixed,.adminGrid,.adminGridFixed,.profileGrid,.mailAdminGrid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .topicRow,.forumRow,.memberCard,.memberCardFixed,.formCard,.threadBlock,.mailList,.mailViewer{border-radius:18px!important;padding:14px!important}
  .topicRow{display:flex!important;gap:12px!important;align-items:flex-start!important}
  .topicMain h3,.forumMain h3{font-size:17px!important;line-height:1.25!important}
  .topicStats,.forumStats{display:none!important}
  .dmOldAuthWrap,.authWrap,.loginWrap{min-height:auto!important;padding:20px 12px!important;display:block!important}
  .dmOldAuthPanel,.authPanel,.loginPanel{width:100%!important;max-width:100%!important;margin:0!important;border-radius:22px!important;padding:18px!important;display:block!important}
  .dmOldAuthTop h1,.authPanel h1,.loginPanel h1{font-size:30px!important}
  .dmOldAuthForm input,.dmOldAuthForm textarea,.dmOldAuthForm select,.authPanel input,.loginPanel input{width:100%!important;min-height:46px!important;font-size:16px!important}
  .dmOldAuthRow{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .dmProfileHeader{border-radius:20px!important;margin:12px 0 18px!important}
  .dmProfileBanner{height:150px!important}
  .dmProfileIdentity{flex-direction:column!important;align-items:flex-start!important;margin-top:-48px!important;padding:0 16px 18px!important;gap:12px!important}
  .dmProfileAvatarWrap{width:106px!important;height:106px!important;border-radius:24px!important;border-width:4px!important}
  .dmProfileInfo{width:100%!important;min-width:0!important;padding:14px!important;border-radius:18px!important}
  .dmProfileInfo h1{font-size:30px!important;word-break:break-word!important}
  .profileBio{font-size:14px!important}
  .profileSignaturePost,.profileComments{border-radius:18px!important;padding:14px!important;margin:14px 0!important}
  .profileComment.reply{margin-left:12px!important}
  .commentHead{align-items:flex-start!important}
  .profileGrid{grid-template-columns:1fr!important}
  .profileTextForm{display:block!important}
  .profileTextForm .editor{position:static!important;width:100%!important;margin-bottom:12px!important}
  .editor{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:10px!important;border-radius:14px!important}
  .editor button,.editor select,.editor input{min-height:38px!important;font-size:14px!important}
  textarea.richText,.profileTextForm textarea.richText,.profileCommentForm textarea,.profileReplyForm textarea{width:100%!important;min-height:130px!important;font-size:16px!important}
  .cropMini,.bannerMini,.avatarMini{width:100%!important;height:190px!important;border-radius:18px!important}
  .dmCropModal{padding:10px!important}
  .dmCropPanel{width:100%!important;max-height:92vh!important;border-radius:20px!important}
  .dmCropStage{padding:14px!important}
  .dmCropFrame.isAvatar{width:min(78vw,300px)!important;height:min(78vw,300px)!important}
  .dmCropFrame.isBanner{width:100%!important;height:190px!important}
  .dmCropBottom{flex-direction:column!important;align-items:stretch!important}
  .adminGridFixed a,.adminGrid a{min-height:74px!important;border-radius:18px!important;font-size:15px!important}
  .adminRankAssign select,.mailViewer input,.mailViewer textarea,.formCard input,.formCard textarea,.formCard select{width:100%!important;font-size:16px!important;min-height:46px!important}
  .mailAdminGrid{grid-template-columns:1fr!important}
  .mailList{max-height:300px!important;overflow:auto!important}
  .mailViewer{padding:14px!important}
  .mailViewHead h2{font-size:22px!important;word-break:break-word!important}
  .ticketBubble,.ticketBubble.admin,.ticketBubble.user,.ticketBubble.customerReply{margin-left:0!important;margin-right:0!important;border-radius:18px!important;padding:14px!important}
  .ticketMeta{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
  .ticketText{font-size:14px!important;line-height:1.55!important}
  .mailActionRow{flex-direction:column!important}
  .mailActionRow form,.mailActionRow button{width:100%!important}
  .memberCardFixed{min-height:160px!important}
  .memberAvatarBox{width:72px!important;height:72px!important;border-radius:18px!important}
  table{display:block!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
  .dmCookieBox{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;grid-template-columns:38px 1fr!important;padding:14px!important}
  .dmCookieActions{flex-direction:column!important}
}

@media(max-width:520px){
  .wrap,.main,main{padding-left:10px!important;padding-right:10px!important}
  .pageHead h1{font-size:26px!important}
  .dmOldAuthPanel,.formCard{padding:14px!important}
  .dmProfileBanner{height:125px!important}
  .dmProfileInfo h1{font-size:26px!important}
  nav,.nav,#dmMobileNav{top:58px!important;left:8px!important;right:8px!important}
}


/* FINAL MOBIL MENÜ + ALÁÍRÁS JAVÍTÁS */
@media(max-width:900px){
  nav,
  .nav,
  #dmMobileNav{
    position:absolute!important;
    top:100%!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    margin:0!important;
  }

  header,
  .topbar,
  .header,
  .siteHeader{
    position:sticky!important;
    overflow:visible!important;
  }

  body.mobileNavOpen{
    overflow-x:hidden!important;
  }

  .mobile-menu,
  .mobileNav,
  .floatingMenu,
  .floating-nav,
  .navFloating,
  .dmFloatingMenu{
    display:none!important;
  }
}

.profileSignaturePost:before,
.postSignature:before{
  content:"Aláírás"!important;
  color:#ff8fa3!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
  font-size:14px!important;
  font-weight:1000!important;
}

.profileSignaturePost > h2:first-child,
.profileSignaturePost > h3:first-child,
.postSignature > h2:first-child,
.postSignature > h3:first-child{
  display:none!important;
}


/* MOBIL MENÜ FIX + EMLÉKEZZEN RÁM GOMB MÉRET */
@media(max-width:900px){
  /* Rossz lebegő menünyitók elrejtése */
  .dmMobileMenuBtn,
  .floatingMenuBtn,
  .floating-menu-btn,
  .mobileFloatBtn,
  .mobile-floating-button,
  .navFloatingBtn,
  .dmFloatingMenuBtn,
  button[style*="position:fixed"],
  a[style*="position:fixed"]{
    display:none!important;
  }

  /* Headerhez rögzített menünyitó maradjon */
  #mobileMenuBtn,
  .mobileMenuBtn,
  .headerMenuBtn,
  header .menuBtn,
  .topbar .menuBtn,
  .siteHeader .menuBtn{
    display:inline-flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    position:static!important;
    margin-left:auto!important;
  }

  /* Emlékezzen rám normál méret */
  label.remember,
  .remember,
  .rememberMe,
  .remember-me,
  .dmOldRemember,
  .loginRemember{
    display:inline-flex!important;
    width:auto!important;
    max-width:max-content!important;
    min-height:32px!important;
    height:auto!important;
    padding:0!important;
    margin:8px 0!important;
    align-items:center!important;
    gap:8px!important;
    font-size:14px!important;
  }

  label.remember input,
  .remember input,
  .rememberMe input,
  .remember-me input,
  .dmOldRemember input,
  .loginRemember input,
  input[name="remember"]{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 18px!important;
  }

  label.remember span,
  .remember span,
  .rememberMe span,
  .remember-me span,
  .dmOldRemember span,
  .loginRemember span{
    font-size:14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
}

/* Reakciók + jelentés modal + admin napló */
.dmrpReactions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.reactionForm{display:inline-flex;margin:0}
.reactionBtn,.reportBtn{min-height:34px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#fff;border-radius:999px;padding:6px 11px;cursor:pointer;font-weight:800;transition:.15s ease}
.reactionBtn:hover,.reportBtn:hover,.reactionBtn.active{border-color:#ff174f;background:rgba(255,23,79,.18);transform:translateY(-1px)}
.reportBtn{color:#ffb4c3}
.dmrpReportModal{position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;background:rgba(0,0,0,.72);padding:18px}
.dmrpReportBox{width:min(520px,100%);border:1px solid rgba(255,255,255,.12);background:#101722;border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.45);position:relative}
.dmrpReportClose{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%}
.dmrpReportBox label{display:block;margin:12px 0 6px;color:#fff;font-weight:900}
.dmrpReportBox select,.dmrpReportBox textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#090f17;color:#fff;border-radius:14px;padding:12px}
.adminLogTable,.reportsTable{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}
.adminLogTable th,.adminLogTable td,.reportsTable th,.reportsTable td{border-bottom:1px solid rgba(255,255,255,.08);padding:12px;text-align:left}
.adminLogTable th,.reportsTable th{color:#fff;background:rgba(255,255,255,.055)}
.statusOpen{color:#ffb4c3;font-weight:900}.statusClosed{color:#86efac;font-weight:900}
@media(max-width:900px){.adminLogTable,.reportsTable{display:block;overflow-x:auto;white-space:nowrap}}


/* DMRP responsive navigation */
.dmrp-mobile-toggle{
display:none;
background:#172235;
border:1px solid rgba(255,255,255,.1);
color:#fff;
padding:10px 14px;
border-radius:12px;
font-weight:700;
cursor:pointer;
}
.dmrp-mobile-menu{
display:flex;
gap:14px;
align-items:center;
}
.verified-badge{
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:6px;
padding:2px 8px;
height:22px;
border-radius:999px;
background:linear-gradient(135deg,#38bdf8,#2563eb);
color:#fff;
font-size:14px;
font-weight:900;
cursor:help;
}
@media(max-width:900px){
.dmrp-mobile-toggle{display:inline-flex;}
.dmrp-mobile-menu{
display:none;
position:absolute;
top:70px;
right:10px;
flex-direction:column;
background:#0b121d;
padding:14px;
border-radius:16px;
border:1px solid rgba(255,255,255,.1);
z-index:99999;
}
body.dmrp-menu-open .dmrp-mobile-menu{
display:flex;
}
}

/* FINAL ADMIN BUTTONS + MOBILE MENU + VERIFIED */
.adminGrid a,.adminGridFixed a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:58px!important;padding:16px 18px!important;border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;text-decoration:none!important;font-weight:900!important;
}
.adminGrid a:hover,.adminGridFixed a:hover{border-color:#4c98d8!important;background:rgba(76,152,216,.14)!important}
.verified-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin-left:6px!important;padding:2px 8px!important;height:22px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#38bdf8,#2563eb)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;cursor:help!important;
}
@media(max-width:900px){
  .dmMobileMenuBtn{display:none!important}
  #mobileMenuBtn{display:inline-flex!important}
  #dmMobileNav.nav{
    display:none!important;position:fixed!important;top:72px!important;right:10px!important;left:10px!important;
    flex-direction:column!important;gap:8px!important;padding:14px!important;background:#0b121d!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;z-index:99999!important;
  }
  body.dmMobileOpen #dmMobileNav.nav,#dmMobileNav.nav.open{display:flex!important}
  #dmMobileNav.nav a{display:block!important;padding:12px!important;border-radius:12px!important;color:#fff!important;text-decoration:none!important}
  #dmMobileNav.nav a:hover{background:rgba(76,152,216,.16)!important}
  #mobileOverlay.open{display:block!important}
}

/* ADMIN INDEX + PROFILE VERIFIED FINAL FIX */
.adminGrid a,.adminGridFixed a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.adminGrid a:hover,.adminGridFixed a:hover{
  border-color:#4c98d8!important;
  background:rgba(76,152,216,.14)!important;
}
.verified-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:6px!important;
  padding:2px 8px!important;
  height:22px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#38bdf8,#2563eb)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  cursor:help!important;
  vertical-align:middle!important;
}

.profile-verified,.verified-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:24px!important;
height:24px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#38bdf8,#2563eb)!important;
color:#fff!important;
font-weight:900!important;
margin-left:6px!important;
box-shadow:0 0 12px rgba(56,189,248,.55)!important;
}

/* DMRP V4 final fixes */
.verified-badge{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:24px!important;height:24px!important;border-radius:999px!important;
background:linear-gradient(135deg,#38bdf8,#2563eb)!important;color:#fff!important;
font-weight:900!important;margin-left:6px!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important;
vertical-align:middle!important;
}
.verifiedUserGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important}
.verifiedUserCard{padding:16px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;background:rgba(255,255,255,.04)!important}
.verifiedActions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
@media(max-width:900px){
#mobileMenuBtn{display:flex!important}
#dmMobileMenuBtn{display:none!important}
#mobileNav.nav{
display:none!important;position:fixed!important;top:96px!important;left:16px!important;right:16px!important;
flex-direction:column!important;gap:8px!important;background:#0b121d!important;padding:14px!important;
border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;z-index:999999!important;
box-shadow:0 18px 50px rgba(0,0,0,.5)!important;
}
#mobileNav.nav.mobileOpen, body.dmrpMobileOpen #mobileNav.nav{display:flex!important}
#mobileNav.nav a{display:block!important;padding:12px!important;border-radius:12px!important;color:#fff!important;text-decoration:none!important}
#mobileNav.nav a:hover{background:rgba(76,152,216,.16)!important}
.mobileOverlay.show{display:block!important}
}

/* Verified / Penalty responsive pages */
.verifiedHero,.verifiedAdminHero{display:flex;justify-content:space-between;align-items:center;gap:16px}
.verifiedPageGrid,.penaltyLayout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr);gap:18px;align-items:start}
.verifiedInfoCard,.penaltyInfoCard,.verifiedFormCard,.penaltyFormCard,.verifiedUserCard,.verifiedRequestCard{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 22px 60px rgba(0,0,0,.20);padding:20px}
.verifiedInfoCard ul{margin:12px 0 0;padding-left:20px;color:#cbd5e1}.verifiedInfoCard li{margin:8px 0}
.verifiedUserGrid,.verifiedRequestGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px}
.verifiedUserMeta{display:flex;gap:12px;align-items:center}.verifiedAvatar{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4c98d8,#7c3aed);font-weight:1000;color:#fff}
.verifiedActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.verifiedRequestTop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.statusPill{border-radius:999px;padding:5px 10px;background:rgba(56,189,248,.16);border:1px solid rgba(56,189,248,.30);color:#bae6fd;font-weight:900;font-size:14px}.status-rejected{opacity:.72}.lockedReview{margin-top:12px;border-radius:14px;padding:12px;background:rgba(255,255,255,.04);color:#cbd5e1;font-weight:800}
.verifiedSubmit,.penaltySubmit{width:100%;justify-content:center}
@media(max-width:760px){.verifiedHero,.verifiedAdminHero{flex-direction:column;align-items:stretch}.verifiedPageGrid,.penaltyLayout{grid-template-columns:1fr}.verifiedInfoCard,.penaltyInfoCard,.verifiedFormCard,.penaltyFormCard,.verifiedUserCard,.verifiedRequestCard{padding:16px;border-radius:18px}.verifiedUserGrid,.verifiedRequestGrid{grid-template-columns:1fr}.verifiedActions{display:grid;grid-template-columns:1fr}.verifiedActions .btn,.verifiedActions button{width:100%}.verifiedRequestTop{flex-direction:column;align-items:flex-start}}

/* Verified request wrapping + avatar images */
.verifiedRequestCard,
.verifiedRequestCard *,
.verifiedReason,
.adminNote{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
  max-width:100%!important;
}
.verifiedRequestCard textarea,
.verifiedFormCard textarea,
.penaltyFormCard textarea{
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.verifiedAvatar{
  overflow:hidden!important;
  flex:0 0 48px!important;
}
.verifiedAvatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  display:block!important;
}
.verifiedAvatar span{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:760px){
  .verifiedRequestCard,
  .verifiedUserCard{
    min-width:0!important;
  }
}

/* DMRP bot protection */
.dmrp-hp-field{position:absolute!important;left:-99999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}

/* DMRP local CAPTCHA v2 */
.dmrp-removed-external-captcha{margin:14px 0;display:flex;justify-content:center}.dmrp-hp-field{position:absolute!important;left:-99999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}


/* =========================
   DMRP FORUM OVERFLOW FIX
   Mobil + gép topic/post szöveg törés
   ========================= */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.wrap,
.main,
.container,
.content,
.page,
.topic,
.thread,
.post,
.reply,
.card,
.panel,
.topic-card,
.post-card,
.reply-card {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.topic-content,
.post-content,
.reply-content,
.thread-content,
.bbcode-content,
.topic-body,
.post-body,
.reply-body,
.postText,
.replyText,
.message,
.message-body,
.comment-content,
.raw-bbcode,
.dmPostContent,
.dmReplyContent,
.topicPost,
.topicReply {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  box-sizing: border-box;
}

.topic-content *,
.post-content *,
.reply-content *,
.thread-content *,
.bbcode-content *,
.topic-body *,
.post-body *,
.reply-body *,
postText *,
.replyText *,
.message *,
.message-body *,
.comment-content *,
.dmPostContent *,
.dmReplyContent *,
.topicPost *,
.topicReply * {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-sizing: border-box;
}

pre,
code,
.quote,
blockquote,
.bbcode-quote,
.bbcode-code,
.raw-code,
.raw-bbcode,
[class*="code"] {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .wrap,
  .main,
  .container,
  .content {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .topic-content,
  .post-content,
  .reply-content,
  .thread-content,
  .bbcode-content,
  .topic-body,
  .post-body,
  .reply-body,
  .postText,
  .replyText,
  .message,
  .message-body,
  .comment-content,
  .raw-bbcode,
  .dmPostContent,
  .dmReplyContent,
  .topicPost,
  .topicReply {
    font-size: 15px;
    line-height: 1.55;
    overflow-x: hidden;
  }

  pre,
  code,
  .quote,
  blockquote,
  .bbcode-quote,
  .bbcode-code,
  .raw-code,
  .raw-bbcode,
    [class*="code"] {
    font-size: 14px;
    line-height: 1.45;
    max-width: 100%;
    overflow-x: auto;
  }
}


/* =========================================================
   DMRP REAL OVERFLOW FIX v2
   Fix: hosszú BBCode/quote topic szöveg mobilon és gépen
   ========================================================= */

/* Teljes oldal ne tudjon jobbra széthúzódni */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Minden fő konténer engedje a zsugorodást */
*,
*::before,
*::after {
  box-sizing: border-box !important;
}

.wrap,
.main,
.container,
.content,
.page,
.layout,
.grid,
.row,
.topic,
.thread,
.topicPage,
.threadPage,
.topicView,
.topic-wrap,
.thread-wrap,
.forum-wrap {
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Flex/grid gyerekeknél ez a kulcs: min-width:0 */
.wrap > *,
.main > *,
.container > *,
.content > *,
.page > *,
.topic > *,
.thread > *,
.post > *,
.reply > *,
.card > *,
.panel > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Post/reply kártyák */
.post,
.reply,
.topicPost,
.topicReply,
.post-card,
.reply-card,
.postRow,
.replyRow,
.threadPost,
.forumPost,
.message,
.messageBox,
.comment,
.commentBox,
[class*="post"],
[class*="reply"] {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

/* Ha a post táblázatos/grid/flex két oszlop, mobilon ne húzza szét */
.post,
.reply,
.topicPost,
.topicReply,
.postRow,
.replyRow,
.threadPost,
.forumPost {
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
}

/* A tényleges szövegtartalom */
.topic-content,
.post-content,
.reply-content,
.thread-content,
.bbcode-content,
.topic-body,
.post-body,
.reply-body,
.postText,
.replyText,
.message-content,
.message-body,
.comment-content,
.raw-bbcode,
.raw-bbcode *,
.dmPostContent,
.dmReplyContent,
.topicPostContent,
.topicReplyContent,
.postMain,
.replyMain,
.postMessage,
.replyMessage,
[class*="content"],
[class*="Content"],
[class*="body"],
[class*="Body"] {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* BBCode quote, raw, code - ez okozta a képen a széthúzást */
blockquote,
.quote,
.bb-quote,
.bbcode-quote,
.raw-bbcode,
.raw-code,
.bbcode-code,
pre,
code,
.bbcode-raw {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-x: auto !important;
}

/* Center BBCode ne tudjon irdatlan szélességet csinálni */
[style*="text-align:center"],
[style*="text-align: center"],
.center,
.bb-center {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Képek, iframe-ek, táblázatok */
img,
video,
iframe,
embed,
object {
  max-width: 100% !important;
  height: auto !important;
}

table {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  overflow-x: auto !important;
}

/* Mobilon a post legyen egymás alatti, ne két oszlopos */
@media (max-width: 768px) {
  .post,
  .reply,
  .topicPost,
  .topicReply,
  .postRow,
  .replyRow,
  .threadPost,
  .forumPost,
  [class*="post"],
  [class*="reply"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* avatar/user oszlop ne foglaljon fix szélességet */
  .postAuthor,
  .replyAuthor,
  .userBox,
  .authorBox,
  .postUser,
  .replyUser,
  [class*="author"],
  [class*="Author"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .postMain,
  .replyMain,
  .post-content,
  .reply-content,
  .topic-content,
  .thread-content,
  .message-body,
  .raw-bbcode,
  blockquote,
  pre,
  code {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .raw-bbcode,
  pre,
  code,
  blockquote,
  .quote,
  .bbcode-quote {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
}























/* ===== DMRP REAL AVATAR CROP FIX ===== */

/*
  EZ A LÉNYEG:
  Nem a teljes képet kicsinyíti.
  Hanem fix négyzetes dobozba rakja, és object-fit: coverrel KIVÁGJA középről.
*/

/* Avatar dobozok */
.avatar,
.user-avatar,
.userAvatar,
.profile-avatar,
.profileAvatar,
.post-avatar,
.postAvatar,
.message-avatar,
.messageAvatar,
.comment-avatar,
.commentAvatar,
.member-avatar,
.memberAvatar,
.author-avatar,
.authorAvatar,
.pfp,
.profile-pic,
.profilePic{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    max-width:68px!important;
    max-height:68px!important;

    aspect-ratio:1 / 1!important;
    overflow:hidden!important;

    border-radius:16px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;

    font-size:14px!important;
    line-height:1!important;
}

/* Avatar dobozon belüli kép: itt történik a crop */
.avatar img,
.user-avatar img,
.userAvatar img,
.profile-avatar img,
.profileAvatar img,
.post-avatar img,
.postAvatar img,
.message-avatar img,
.messageAvatar img,
.comment-avatar img,
.commentAvatar img,
.member-avatar img,
.memberAvatar img,
.author-avatar img,
.authorAvatar img,
.pfp img,
.profile-pic img,
.profilePic img{
    width:100%!important;
    height:100%!important;

    min-width:100%!important;
    min-height:100%!important;

    max-width:none!important;
    max-height:none!important;

    object-fit:cover!important;
    object-position:center center!important;

    border-radius:inherit!important;
    display:block!important;

    margin:0!important;
    padding:0!important;
}

/* Ha maga az IMG az avatar elem */
img.avatar,
img.user-avatar,
img.userAvatar,
img.profile-avatar,
img.profileAvatar,
img.post-avatar,
img.postAvatar,
img.message-avatar,
img.messageAvatar,
img.comment-avatar,
img.commentAvatar,
img.member-avatar,
img.memberAvatar,
img.author-avatar,
img.authorAvatar,
img.pfp,
img.profile-pic,
img.profilePic{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    max-width:68px!important;
    max-height:68px!important;

    aspect-ratio:1 / 1!important;

    object-fit:cover!important;
    object-position:center center!important;

    border-radius:16px!important;
    display:block!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Konkrét fórum oldali userbox esetek */
.message aside .avatar,
.message aside img,
.postUser .avatar,
.postUser img,
.postAuthor .avatar,
.postAuthor img,
.userBox .avatar,
.userBox img,
.authorBox .avatar,
.authorBox img{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    max-width:68px!important;
    max-height:68px!important;

    aspect-ratio:1 / 1!important;
    overflow:hidden!important;

    object-fit:cover!important;
    object-position:center center!important;

    border-radius:16px!important;
    display:block!important;
    margin:0 auto 12px!important;
}

/* Nagy profil avatar */
.avatar.big,
.profileHeroAvatar,
.profileAvatarLarge,
.profileHeaderAvatar{
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    min-height:92px!important;
    max-width:92px!important;
    max-height:92px!important;

    aspect-ratio:1 / 1!important;
    overflow:hidden!important;
    border-radius:20px!important;
}

.avatar.big img,
.profileHeroAvatar img,
.profileAvatarLarge img,
.profileHeaderAvatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:inherit!important;
}

/* Font-size 900px hiba ellen */
.avatar{
    font-size:14px!important;
}

/* Topicba rakott normál képek ne legyenek avatar crop alá kényszerítve */
.message-body img:not(.avatar):not(.user-avatar):not(.userAvatar):not(.profile-avatar):not(.profileAvatar):not(.post-avatar):not(.postAvatar):not(.message-avatar):not(.messageAvatar):not(.comment-avatar):not(.commentAvatar):not(.member-avatar):not(.memberAvatar):not(.author-avatar):not(.authorAvatar):not(.pfp):not(.profile-pic):not(.profilePic),
.postContent img:not(.avatar):not(.user-avatar):not(.userAvatar):not(.profile-avatar):not(.profileAvatar):not(.post-avatar):not(.postAvatar):not(.message-avatar):not(.messageAvatar):not(.comment-avatar):not(.commentAvatar):not(.member-avatar):not(.memberAvatar):not(.author-avatar):not(.authorAvatar):not(.pfp):not(.profile-pic):not(.profilePic),
.threadPost img:not(.avatar):not(.user-avatar):not(.userAvatar):not(.profile-avatar):not(.profileAvatar):not(.post-avatar):not(.postAvatar):not(.message-avatar):not(.messageAvatar):not(.comment-avatar):not(.commentAvatar):not(.member-avatar):not(.memberAvatar):not(.author-avatar):not(.authorAvatar):not(.pfp):not(.profile-pic):not(.profilePic){
    max-width:100%!important;
    height:auto!important;
    object-fit:initial!important;
}

/* ===== END DMRP REAL AVATAR CROP FIX ===== */




/* V75: Removed blanket negative margins and 1.02 line-height rules; all rendered content may now size naturally. */

/* ===== DMRP FINAL TOPIC PADDING + SIGNATURE FIX ===== */

/* A sorok közti távolságot nem bántja, csak a teljes topic tartalmat engedi lejjebb */
.message article,
.postMain,
.postBody,
.threadPost,
.post-body,
.topicContent,
.messageContent{
    padding-top:22px!important;
    padding-bottom:22px!important;
}

/* A topic szöveg ne tapadjon a felső vonalhoz */
.message-body,
.postContent,
.topicContent,
.messageContent{
    padding-top:10px!important;
    padding-bottom:10px!important;
}

/* Aláírás külön legyen látható, ne legyen összenyomva */
.sig,
.signature,
.post-signature,
.user-signature,
.postSignature,
.userSignature{
    margin-top:24px!important;
    padding-top:18px!important;
    padding-bottom:8px!important;
    line-height:1.35!important;
    border-top:1px dashed rgba(255,255,255,.22)!important;
}

/* Aláíráson belül ne legyen összerántva a szöveg */
.sig *,
.signature *,
.post-signature *,
.user-signature *,
.postSignature *,
.userSignature *{
    line-height:1.35!important;
    margin-bottom:4px!important;
}

/* ===== END DMRP FINAL TOPIC PADDING + SIGNATURE FIX ===== */
























/* ===== DMRP BALANCED POSTTOP GAP FIX ===== */

/*
  Ezt állítsd, ha később módosítani akarod:
  .postTop margin-bottom

  18px = kicsi
  24px = normális
  30px = nagyobb
  58px = túl sok
*/

.postTop{
    margin-bottom:24px!important;
    padding-bottom:10px!important;
}

/* Ne legyen extra felesleges eltolás a contenten */
.postContent{
    margin-top:0!important;
    padding-top:0!important;
}

/* ===== END DMRP BALANCED POSTTOP GAP FIX ===== */




/* ===== DMRP ONLY INNER POSTTOP SAFE FIX ===== */

/* Csak a poszton belüli #1 / dátum sor. A felső topic gombokat nem módosítja. */
.postTop{
    padding-top:6px!important;
    padding-bottom:6px!important;
    margin-bottom:24px!important;
    height:auto!important;
    min-height:auto!important;
    overflow:visible!important;
}

/* ===== END DMRP ONLY INNER POSTTOP SAFE FIX ===== */




/* ===== DMRP REAL MOBILE RESPONSIVE FIX ===== */
@media(max-width:768px){
    html, body{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-x:hidden!important;
    }

    .wrap,.container,.main,.content,.layout,.forumLayout,.forum-grid,.grid,.forum,main{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:10px!important;
        padding-right:10px!important;
        box-sizing:border-box!important;
        display:block!important;
    }

    .top,.topbar,.navbar,header,nav{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }

    .top,.topbar,.nav,.navbar{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        gap:8px!important;
        height:auto!important;
        overflow:visible!important;
        padding:10px!important;
    }

    .hero,.forumHero,.category,.categoryBox,.forumCard,.threadCard,.panel,.card{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }

    .forumRow,.forum-row,.categoryRow,.topicRow,.threadRow{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        gap:8px!important;
        box-sizing:border-box!important;
    }

    .stats,.forumStats,.topicStats,.side,.sidebar,aside{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }

    h1{font-size:28px!important;line-height:1.15!important;word-break:break-word!important;}
    h2{font-size:22px!important;line-height:1.2!important;word-break:break-word!important;}
    h3,.forumTitle,.topicTitle{font-size:18px!important;line-height:1.25!important;word-break:break-word!important;}

    img{max-width:100%!important;height:auto!important;}
    table{width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important;}

    #loader,.loader,#preloader,.preloader,.page-loader,.dmrp-loader,.forum-loader,
    .loading-screen,.loadingScreen,.browser-validation,.browserValidation,
    #browser-validation,#browserValidation,.validation-screen,.validationScreen,
    #validation-screen,#validationScreen{
        display:none!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        z-index:-999!important;
    }
}
/* ===== END DMRP REAL MOBILE RESPONSIVE FIX ===== */


/* ===== DMRP ANNOUNCEMENT BAR SAFE ===== */
@keyframes dmrpAnnouncementMove{0%{transform:translateX(100vw);}100%{transform:translateX(-100%);}}

/* ===== END DMRP ANNOUNCEMENT BAR SAFE ===== */


/* ===== DMRP MOBILE BREADCRUMB + PROFILE CROP FIX ===== */
.dmSmartCrumbBar{height:auto!important;min-height:54px!important;background:linear-gradient(135deg,rgba(76,152,216,.10),rgba(11,17,24,.92))!important;border-bottom:1px solid rgba(76,152,216,.22)!important;box-shadow:0 12px 38px rgba(0,0,0,.22)!important}
.dmSmartCrumbs{height:auto!important;min-height:54px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:8px 0!important;overflow:hidden!important}
.dmCrumbBack{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:14px!important;background:linear-gradient(135deg,#4c98d8,#b41535)!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;box-shadow:0 10px 28px rgba(76,152,216,.22)!important}
.dmCrumbTrail{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;color:#9aa6b8!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dmCrumbTrail a{color:#9fb7d8!important;text-decoration:none!important;font-weight:850!important}
.dmCrumbTrail strong{min-width:0!important;color:#fff!important;font-weight:950!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.dmProfileAvatar,.dmProfileAvatarWrap img,.dmProfileBanner img,.cropMini img,.dmCropFrame img{object-fit:cover!important;transform-origin:center center!important}
.dmCropFrame{touch-action:none!important}
#cropZoom{width:190px!important;max-width:100%!important;min-height:38px!important;padding:0!important;accent-color:#4c98d8!important}
@media(max-width:700px){.dmSmartCrumbs{width:94%!important}.dmCrumbBack{min-height:42px!important;padding:0 13px!important}.dmCrumbTrail{font-size:14px!important}.dmCrumbTrail span,.dmCrumbTrail a:not(:last-child){display:inline-flex!important}.dmCropBottom{gap:10px!important}.dmCropBottom #cropZoom{width:100%!important}.dmProfileBanner{height:180px!important}.profileGrid{grid-template-columns:1fr!important}}
/* ===== END DMRP MOBILE BREADCRUMB + PROFILE CROP FIX ===== */


/* DMRP mobile breadcrumb: SeeMTA-szerű kattintható útvonal, nem böngésző nyíl */
.dmSmartCrumbBar{background:rgba(8,13,21,.92)!important;border-top:1px solid rgba(76,152,216,.18)!important;border-bottom:1px solid rgba(120,145,180,.20)!important;backdrop-filter:blur(12px)!important}
.dmSmartCrumbs{height:auto!important;min-height:46px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 0!important;overflow:hidden!important}
.dmCrumbBack{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border-radius:12px!important;background:linear-gradient(135deg,#4c98d8,#8f102b)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 8px 22px rgba(76,152,216,.20)!important}
.dmCrumbTrail{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;color:#93a4ba!important;font-size:14px!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.dmCrumbTrail::-webkit-scrollbar{display:none!important}.dmCrumbTrail a{color:#bcd3f2!important;text-decoration:none!important;font-weight:800!important}.dmCrumbTrail span{color:#637084!important}.dmCrumbTrail strong{color:#fff!important;font-weight:950!important;min-width:max-content!important}.dmrp-removed-external-captcha{margin:14px 0;display:flex;justify-content:center;min-height:78px}
@media(max-width:700px){.dmSmartCrumbs{width:94%!important;gap:8px!important}.dmCrumbBack{min-height:36px!important;padding:0 10px!important;font-size:14px!important}.dmCrumbTrail{font-size:14px!important;gap:7px!important}.dmCrumbTrail span,.dmCrumbTrail a{display:inline-flex!important}.dmCrumbTrail strong{display:inline-flex!important}}

/* ===== DMRP REAL DRAG CROP CONTROLS ===== */
.dmCropFrame,.dmCropFrame img{cursor:grab!important;user-select:none!important;-webkit-user-select:none!important;-webkit-user-drag:none!important}
.dmCropFrame:active,.dmCropFrame:active img{cursor:grabbing!important}
.dmCropControls{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;width:100%!important}
.dmCropNudge,.dmCropReset{border:1px solid rgba(76,152,216,.35)!important;background:rgba(76,152,216,.12)!important;color:#fff!important;border-radius:10px!important;min-width:42px!important;height:38px!important;font-weight:950!important;cursor:pointer!important}
.dmCropReset{padding:0 12px!important;min-width:auto!important}
.dmCropNudge:hover,.dmCropReset:hover{background:rgba(76,152,216,.24)!important}
@media(max-width:700px){.dmCropBottom span{font-size:14px!important;text-align:center!important}.dmCropControls{gap:6px!important}.dmCropNudge{min-width:40px!important;height:38px!important}}
/* ===== END DMRP REAL DRAG CROP CONTROLS ===== */

/* FINAL FIX: profilkép/banner crop húzás egérrel és ujjal */
.dmCropFrame{touch-action:none!important;cursor:grab!important;overflow:hidden!important;user-select:none!important;-webkit-user-select:none!important}
.dmCropFrame:active{cursor:grabbing!important}
.dmCropFrame img{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-user-drag:none!important;will-change:transform,object-position!important;touch-action:none!important}
.dmCropControls,.dmCropNudge{display:none!important}
.dmCropReset{border:1px solid rgba(76,152,216,.35)!important;background:rgba(76,152,216,.12)!important;color:#fff!important;border-radius:10px!important;height:38px!important;font-weight:950!important;cursor:pointer!important;padding:0 14px!important}

/* DMRP HU/EN language switch */
.dmLangSwitch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.05);box-shadow:0 10px 30px rgba(0,0,0,.18);margin-left:10px;flex-shrink:0}
.dmLangBtn{border:0;border-radius:999px;padding:7px 10px;font-weight:900;font-size:14px;line-height:1;cursor:pointer;color:#9fb0c5;background:transparent;transition:.18s ease}
.dmLangBtn:hover{color:#fff;background:rgba(255,255,255,.08)}
.dmLangBtn.active{color:#fff;background:linear-gradient(135deg,#4c98d8,#ff7a18);box-shadow:0 6px 18px rgba(76,152,216,.25)}
@media(max-width:760px){.dmLangSwitch{order:2;margin-left:auto;margin-right:8px}.topbar{gap:8px}.dmLangBtn{padding:8px 9px;font-size:14px}.quickSearch{order:4;width:100%}}

/* DMRP local CAPTCHA */
.dmrp-local-captcha{margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04)}
.dmrp-local-captcha label{display:block;margin-bottom:8px;font-weight:700}
.dmrp-local-captcha input{width:100%;max-width:220px}
.dmrp-hp-field{position:absolute!important;left:-99999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}


/* ===== V37 readable content typography ===== */
body.spectrahubForum .shStaticBody,body.spectrahubForum .bodyText,body.spectrahubForum .bbWrapper,body.spectrahubForum .message-body{letter-spacing:0!important;word-spacing:normal!important;text-rendering:optimizeLegibility}
body.spectrahubForum .shStaticBody{font-size:15px!important;line-height:1.7!important;padding:24px 26px!important}
body.spectrahubForum .shStaticBody p,body.spectrahubForum .bodyText p,body.spectrahubForum .bbWrapper p{margin:0 0 14px!important;line-height:1.7!important}
body.spectrahubForum .shStaticBody ul,body.spectrahubForum .shStaticBody ol,body.spectrahubForum .bodyText ul,body.spectrahubForum .bodyText ol,body.spectrahubForum .bbWrapper ul,body.spectrahubForum .bbWrapper ol{margin:12px 0 18px!important;padding-left:28px!important}
body.spectrahubForum .shStaticBody li,body.spectrahubForum .bodyText li,body.spectrahubForum .bbWrapper li{margin:7px 0!important;padding-left:4px!important;line-height:1.55!important}
body.spectrahubForum .shStaticBody h1,body.spectrahubForum .shStaticBody h2,body.spectrahubForum .shStaticBody h3{letter-spacing:-.02em!important;line-height:1.25!important;margin:24px 0 12px!important}
body.spectrahubForum .shStaticBody .bb-hr,body.spectrahubForum .shStaticBody hr{margin:24px 0!important}

/* ===== V37 SpectraHub reaction system ===== */
.shReactionBar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:16px;padding-top:11px;border-top:1px solid #50565e;font-size:14px}
.shReactionSummaryWrap{min-width:0}.shReactionSummaryButton{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;background:transparent;color:#bfc7d0;padding:5px 8px;cursor:pointer;border-radius:4px}.shReactionSummaryButton:hover{background:#42464d;border-color:#59616a;color:#fff}.shReactionSummaryEmoji{display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1;margin-left:-4px}.shReactionSummaryEmoji:first-child{margin-left:0}.shReactionSummaryCount{font-size:14px;margin-left:3px;color:#9eabb7;font-weight:700}
.shReactionActions{display:flex;align-items:center;gap:8px;margin-left:auto}.shReactionPickerWrap{position:relative}.shReactionLikeTrigger,.shReactionLogin{border:1px solid transparent;background:transparent;color:#cbd2d9!important;padding:6px 9px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:650;cursor:pointer}.shReactionLikeTrigger:hover,.shReactionLikeTrigger.is-active,.shReactionLogin:hover{color:#fff!important;background:#42464d;border-color:#59616a}.shReactionLikeTrigger.is-active{color:#8fcfff!important}
.shReactionPicker{position:absolute;right:0;bottom:calc(100% + 9px);z-index:90;display:grid;grid-template-columns:repeat(5,40px);gap:5px;padding:9px;border:1px solid #5c646d;border-top:3px solid #2196f3;border-radius:5px;background:#383c42;box-shadow:0 12px 30px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.shReactionPickerWrap:hover .shReactionPicker,.shReactionPickerWrap:focus-within .shReactionPicker{opacity:1;visibility:visible;transform:none;pointer-events:auto}.shReactionChoice{width:40px;height:40px;border:1px solid #555d66;border-radius:4px;background:#42464d;font-size:22px;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.shReactionChoice:hover,.shReactionChoice.is-active{background:#4e555d;border-color:#2196f3;transform:translateY(-1px)}
.shReactionBar .reportBtn{min-height:auto!important;border:1px solid transparent!important;background:transparent!important;border-radius:4px!important;padding:6px 9px!important;color:#bfc6cd!important;font-weight:600!important;transform:none!important}.shReactionBar .reportBtn:hover{background:#42464d!important;border-color:#59616a!important;color:#fff!important}
body.shReactionModalOpen{overflow:hidden}.shReactionModalBackdrop{position:fixed;inset:0;z-index:10000;background:rgba(13,16,20,.72);display:grid;place-items:center;padding:24px;backdrop-filter:blur(2px)}
.shReactionModal{width:min(720px,100%);max-height:min(720px,88vh);display:flex;flex-direction:column;background:#383c42;border:1px solid #59616a;border-top:3px solid #2196f3;border-radius:6px;box-shadow:0 24px 70px rgba(0,0,0,.42);color:#edf1f4;overflow:hidden}
.shReactionModalHead{display:flex;align-items:center;gap:12px;padding:16px 17px;background:#32363c;border-bottom:1px solid #50565e}.shReactionModalMark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;background:#2196f3;border-radius:4px;color:#fff;font-size:17px;font-weight:900}.shReactionModalHeading{min-width:0;display:flex;flex-direction:column;gap:2px}.shReactionModalHeading>b{font-size:17px;line-height:1.2;color:#f4f6f8}.shReactionModalHeading>small{font-size:14px;color:#aeb8c2}.shReactionModalClose{margin-left:auto;width:34px;height:34px;border:1px solid #59616a;border-radius:4px;background:#42464d;color:#d7dde3;font-size:22px;line-height:1;cursor:pointer}.shReactionModalClose:hover{background:#4e555d;border-color:#2196f3;color:#fff}
.shReactionTabs{display:flex;gap:7px;overflow:auto;padding:11px 14px;background:#383c42;border-bottom:1px solid #50565e;scrollbar-width:thin}.shReactionTabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid #59616a;border-radius:4px;background:#42464d;color:#d6dde3;padding:7px 9px;font-size:14px;cursor:pointer}.shReactionTabs button span{white-space:nowrap}.shReactionTabs button b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:3px;background:#32363c;color:#aebbc7;font-size:14px}.shReactionTabs button:hover{background:#4b5159;color:#fff}.shReactionTabs button.is-active{background:#203f59;border-color:#2196f3;color:#fff}.shReactionTabs button.is-active b{background:#2196f3;color:#fff}.shReactionLoading{padding:4px 1px;color:#aeb8c2;font-size:14px}
.shReactionUserList{overflow:auto;padding:8px;background:#34383e}.shReactionUserRow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:70px;padding:11px 12px;margin:0 0 7px;border:1px solid #505861;border-radius:5px;background:#3d4248;color:#e8edf1!important;text-decoration:none;transition:background .12s ease,border-color .12s ease}.shReactionUserRow:last-child{margin-bottom:0}.shReactionUserRow:hover{background:#454b52;border-color:#66717b}.shReactionModalAvatar{width:44px;height:44px;border-radius:5px;overflow:hidden;display:grid;place-items:center;background:#4b5158;border:1px solid #626b74;color:#fff;font-weight:800}.shReactionModalAvatar img{width:100%;height:100%;object-fit:cover}.shReactionUserInfo{min-width:0;display:flex;flex-direction:column;gap:2px}.shReactionUserInfo strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}.shReactionUserInfo small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c2cb;font-size:14px}.shReactionUserStats{color:#8f9ca8;font-size:14px;line-height:1.3}.shReactionUserMeta{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.shReactionUserBadge{display:inline-flex;align-items:center;gap:6px;min-width:86px;justify-content:center;padding:6px 8px;border:1px solid #59616a;border-radius:4px;background:#34383e;color:#dbe2e8;font-size:14px;font-weight:700}.shReactionUserBadge b{font-size:17px;line-height:1}.shReactionUserMeta time{color:#8e9aa5;font-size:14px;white-space:nowrap}.shReactionModalEmpty{display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;color:#9eaab5}.shReactionModalEmpty b{color:#e5e9ed;font-size:14px}.shReactionModalEmpty span{font-size:14px}
@media(max-width:620px){.shReactionModalBackdrop{padding:10px;place-items:end center}.shReactionModal{max-height:86vh;border-radius:7px 7px 0 0;width:100%}.shReactionTabs{padding:9px 10px}.shReactionUserList{padding:6px}.shReactionUserRow{grid-template-columns:40px minmax(0,1fr);padding:10px}.shReactionModalAvatar{width:40px;height:40px}.shReactionUserMeta{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between}.shReactionPicker{right:-8px;grid-template-columns:repeat(3,40px)}}


/* V42 notifications page refresh */
.shNotifHead{
  align-items:center;
}
.shNotifHeadStats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.shNotifHeadStats span{
  min-width:92px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(125,184,228,.18);
  background:linear-gradient(180deg,rgba(31,44,56,.96),rgba(18,26,36,.96));
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  text-align:center;
}
.shNotifHeadStats b{
  display:block;
  font-size:22px;
  line-height:1;
  color:#fff;
  margin-bottom:6px;
}
.shNotifHeadStats small{
  display:block;
  color:#9fb1c2;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:14px;
  font-weight:800;
}

.shNotifPanel{
  background:linear-gradient(180deg,rgba(24,35,46,.96),rgba(16,23,32,.96));
  border:1px solid rgba(116,154,193,.18);
  border-radius:18px;
  box-shadow:0 22px 70px rgba(0,0,0,.24);
  overflow:hidden;
  margin-bottom:20px;
}
.shNotifPanelHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(39,55,70,.58),rgba(20,30,41,.35));
}
.shNotifPanelHead strong{
  display:block;
  color:#fff;
  font-size:17px;
  margin-bottom:3px;
}
.shNotifPanelHead small{
  color:#9baebe;
}
.shNotifCountBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(125,184,228,.22);
  background:#122030;
  color:#dceaf6;
  font-size:14px;
  font-weight:900;
}
.shNotifList{
  display:flex;
  flex-direction:column;
}
.shNotifCard{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 18px;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  text-decoration:none;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.05);
  transition:background .18s ease, transform .18s ease;
}
.shNotifCard:first-child{
  border-top:0;
}
.shNotifCard:hover{
  background:rgba(255,255,255,.03);
}
.shNotifCard.is-unread{
  background:linear-gradient(90deg,rgba(76,152,216,.09),rgba(76,152,216,0));
}
.shNotifIcon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(76,152,216,.18),rgba(76,152,216,.06));
  border:1px solid rgba(76,152,216,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.shNotifIcon .shFa{
  margin:0;
}
.shNotifBody{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}
.shNotifTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.shNotifTop strong{
  font-size:15px;
  line-height:1.45;
  color:#fff;
  overflow-wrap:anywhere;
}
.shNotifType{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(125,184,228,.20);
  background:#111d29;
  color:#b9cddd;
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.shNotifMeta{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  color:#95a8b9;
  font-size:14px;
}
.shNotifMeta em{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  font-style:normal;
  font-weight:900;
  color:#dff2ff;
  background:rgba(76,152,216,.18);
  border:1px solid rgba(76,152,216,.25);
}
.shNotifArrow{
  color:#8aa3b7;
  font-size:24px;
  font-weight:700;
}
.shNotifEmpty{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  padding:30px 24px;
}
.shNotifEmptyIcon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(76,152,216,.20),rgba(76,152,216,.07));
  border:1px solid rgba(76,152,216,.25);
}
.shNotifEmpty strong{
  color:#fff;
  font-size:20px;
}
.shNotifEmpty p{
  color:#9db0c0;
  max-width:620px;
  line-height:1.6;
}
.shNotifEmptyActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}
.btn.ghost{
  background:#172331!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}
@media (max-width:860px){
  .shNotifHead{
    align-items:flex-start;
  }
  .shNotifHeadStats{
    width:100%;
  }
  .shNotifHeadStats span{
    flex:1 1 0;
    min-width:0;
  }
  .shNotifPanelHead,
  .shNotifTop{
    flex-direction:column;
    align-items:flex-start;
  }
  .shNotifCountBadge{
    align-self:flex-start;
  }
}
@media (max-width:640px){
  .shNotifCard{
    grid-template-columns:48px minmax(0,1fr);
  }
  .shNotifArrow{
    display:none;
  }
  .shNotifHeadStats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* V43 SpectraHub member directory */
.shMemberDirectoryHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px;
  margin-bottom:16px;
  border:1px solid rgba(126,158,190,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(48,59,70,.98),rgba(39,48,58,.98));
  box-shadow:0 18px 55px rgba(0,0,0,.16);
}
.shMemberDirectoryIntro{min-width:0}
.shMemberEyebrow{
  display:block;
  margin-bottom:7px;
  color:#82c7f1;
  font-size:14px;
  line-height:1;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.shMemberDirectoryIntro h1{
  margin:0;
  color:#fff;
  font-size:27px;
  line-height:1.1;
  letter-spacing:-.35px;
}
.shMemberDirectoryIntro p{
  margin:7px 0 0;
  max-width:660px;
  color:#aeb9c4;
  font-size:14px;
  line-height:1.55;
}
.shMemberDirectoryStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(84px,1fr));
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  overflow:hidden;
  background:rgba(18,25,33,.48);
  flex:0 0 auto;
}
.shMemberDirectoryStats>div{
  padding:12px 14px;
  text-align:center;
  border-left:1px solid rgba(255,255,255,.07);
}
.shMemberDirectoryStats>div:first-child{border-left:0}
.shMemberDirectoryStats b{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.05;
}
.shMemberDirectoryStats span{
  display:block;
  margin-top:5px;
  color:#91a1af;
  font-size:14px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.shMemberDirectoryPanel{
  overflow:hidden;
  margin-bottom:20px;
  border:1px solid rgba(126,158,190,.18);
  border-radius:16px;
  background:#303840;
  box-shadow:0 18px 55px rgba(0,0,0,.14);
}
.shMemberDirectoryToolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#353d45;
}
.shMemberDirectoryToolbar strong{display:block;color:#fff;font-size:15px}
.shMemberDirectoryToolbar small{display:block;margin-top:3px;color:#9daab5;font-size:14px}
.shMemberResultCount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 11px;
  border:1px solid rgba(117,179,225,.25);
  border-radius:999px;
  background:#29343e;
  color:#d8e7f2;
  font-size:14px;
  font-weight:850;
  white-space:nowrap;
}
.shMemberSearch{
  display:flex;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#313941;
}
.shMemberSearchBox{
  position:relative;
  display:flex;
  align-items:center;
  flex:1;
  min-width:0;
}
.shMemberSearchBox>.shFa{position:absolute;left:13px;z-index:2;opacity:.82}
.shMemberSearchBox input{
  width:100%;
  height:44px;
  margin:0!important;
  padding:0 42px 0 40px!important;
  border:1px solid #58636d!important;
  border-radius:7px!important;
  background:#2a3239!important;
  color:#fff!important;
}
.shMemberSearchBox>a{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#aab5be;
  text-decoration:none;
  font-size:21px;
  line-height:1;
}
.shMemberSearch>.btn{
  min-width:110px;
  justify-content:center;
  align-items:center;
  border-radius:7px!important;
  box-shadow:none!important;
}
.shMemberCards{display:flex;flex-direction:column}
.shMemberCard{
  display:grid;
  grid-template-columns:62px minmax(220px,1fr) auto 92px;
  align-items:center;
  gap:16px;
  min-height:88px;
  padding:14px 18px;
  border-top:1px solid rgba(255,255,255,.06);
  color:inherit;
  text-decoration:none;
  transition:background .14s ease,border-color .14s ease;
}
.shMemberCard:first-child{border-top:0}
.shMemberCard:hover{background:#353f48}
.shMemberAvatarWrap{position:relative;width:56px;height:56px}
.shMemberAvatar{
  width:56px;
  height:56px;
  border:1px solid #53616c;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#27323b;
  color:#fff;
  font-size:18px;
  font-weight:900;
}
.shMemberAvatar img{width:100%;height:100%;object-fit:cover}
.shMemberOnlineDot{
  position:absolute;
  right:0;
  bottom:1px;
  width:13px;
  height:13px;
  border-radius:50%;
  border:3px solid #303840;
  background:#76c442;
  box-shadow:0 0 0 1px rgba(118,196,66,.35);
}
.shMemberIdentity{display:flex;flex-direction:column;gap:6px;min-width:0}
.shMemberName{
  display:flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  overflow-wrap:anywhere;
}
.shMemberBadges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shMemberCustomTitle{
  color:#9caab5;
  font-size:14px;
}
.shMemberJoined{
  color:#82919d;
  font-size:14px;
}
.shMemberMetrics{
  display:flex;
  align-items:center;
  gap:8px;
}
.shMemberMetrics>span{
  min-width:74px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:#2a333b;
  text-align:center;
}
.shMemberMetrics b{display:block;color:#eef5fa;font-size:14px}
.shMemberMetrics small{display:block;margin-top:3px;color:#83929e;font-size:14px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.shMemberOpen{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  color:#9eb0bd;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}
.shMemberOpen b{font-size:22px;color:#6fb6e8;line-height:1}
.shMemberEmpty{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:28px 20px;
  color:#9cabb7;
}
.shMemberEmpty>span:first-child{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(111,182,232,.20);
  background:#293640;
}
.shMemberEmpty strong{color:#fff;font-size:17px}
.shMemberEmpty p{margin:0;color:#93a1ac;font-size:14px}
@media(max-width:900px){
  .shMemberDirectoryHead{align-items:flex-start;flex-direction:column}
  .shMemberDirectoryStats{width:100%}
  .shMemberCard{grid-template-columns:58px minmax(0,1fr) 78px}
  .shMemberMetrics{display:none}
}
@media(max-width:620px){
  .shMemberDirectoryHead{padding:18px}
  .shMemberDirectoryStats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shMemberDirectoryStats>div{padding:10px 7px}
  .shMemberDirectoryToolbar{align-items:flex-start}
  .shMemberSearch{flex-direction:column}
  .shMemberSearch>.btn{width:100%}
  .shMemberCard{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:13px 14px}
  .shMemberAvatarWrap,.shMemberAvatar{width:48px;height:48px}
  .shMemberOpen{display:none}
}