/* ================================================
   EXE.GE Comments v8 — Reddit style, nuclear CSS
   ================================================ */
:root{
  --xc-bg:#13181f;
  --xc-text:#e6edf3;
  --xc-muted:#7d8590;
  --xc-border:#2d333b;
  --xc-accent:#e05252;
  --xc-like:#3ea6ff;
  --xc-dis:#e05252;
  --xc-admin:#e05252;
  --xc-online:#3fb950;
  --xc-surface:#1c2230;
}

/* ══ WRAPPER — force dark background ══ */
.exe-comments-wrap,
body .exe-comments-wrap,
article .exe-comments-wrap{
  background:#13181f!important;
  padding:24px 20px!important;
  margin:20px 0 0 0!important;
  border:none!important;
  border-radius:10px!important;
  box-shadow:none!important;
  float:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* title */
.exe-comments-title{
  font-size:.95rem!important;
  font-weight:700!important;
  color:#e6edf3!important;
  margin-bottom:16px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #2d333b!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  background:none!important;
  position:static!important;
}
.exe-comments-title::before{
  content:''!important;
  width:3px!important;height:15px!important;
  background:#e05252!important;
  border-radius:2px!important;
  flex-shrink:0!important;
  display:inline-block!important;
  float:none!important;
  position:static!important;
  margin:0!important;
}

/* ══ ADD FORM ══ */
.xc-form{
  background:#1c2230!important;
  border:1px solid #2d333b!important;
  border-radius:8px!important;
  padding:14px!important;
  margin-bottom:20px!important;
}
.xc-form__editor{margin-bottom:10px!important;}
.xc-form__captcha{
  margin-bottom:10px!important;
  transform:scale(.88)!important;
  transform-origin:left center!important;
}
.xc-form__footer{
  display:flex!important;align-items:center!important;
  gap:8px!important;flex-wrap:wrap!important;
}
.xc-form__input{
  flex:1!important;min-width:130px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid #2d333b!important;
  border-radius:6px!important;
  color:#e6edf3!important;
  padding:7px 12px!important;font-size:.87rem!important;
  outline:none!important;
}
.xc-form__input:focus{border-color:#e05252!important;}
.xc-form__input::placeholder{color:#7d8590!important;}
.xc-form__submit{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  background:#e05252!important;color:#fff!important;
  border:none!important;border-radius:6px!important;
  padding:7px 18px!important;font-size:.84rem!important;font-weight:700!important;
  cursor:pointer!important;letter-spacing:.2px!important;
}
.xc-form__submit:hover{filter:brightness(1.1)!important;}

/* ══ COMMENT LIST ══ */
.exe-comments-list{
  display:flex!important;flex-direction:column!important;
  background:none!important;padding:0!important;margin:0!important;
}

/* ══ SINGLE COMMENT — 2-col grid ══ */
.exe-comments-wrap .xc,
.exe-comments-list .xc{
  display:grid!important;
  grid-template-columns:36px 1fr!important;
  column-gap:10px!important;
  padding:12px 0 0 0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  float:none!important;
  width:auto!important;
}
.exe-comments-list>.xc{
  border-bottom:1px solid #2d333b!important;
  padding-bottom:6px!important;
}
.exe-comments-list>.xc:last-child{border-bottom:none!important;}

/* ══ RAIL ══ */
.exe-comments-wrap .xc__rail{
  grid-column:1!important;
  grid-row:1/3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  background:none!important;
}
.exe-comments-wrap .xc__avatar{
  width:32px!important;height:32px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  border:2px solid #2d333b!important;
  background:#1c2230!important;
  flex-shrink:0!important;
  position:relative!important;
  display:block!important;
}
.exe-comments-wrap .xc__avatar img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;display:block!important;
}
.exe-comments-wrap .xc__admin-dot{
  position:absolute!important;bottom:-1px!important;right:-1px!important;
  width:9px!important;height:9px!important;
  background:#3fb950!important;
  border-radius:50%!important;
  border:2px solid #13181f!important;
}
.exe-comments-wrap .xc__line{
  width:2px!important;flex:1!important;
  border-radius:2px!important;
  margin-top:6px!important;
  min-height:16px!important;
  background:#e05252!important;
  opacity:0!important;
  transition:opacity .2s!important;
  display:block!important;
}
.exe-comments-wrap .xc:has(.xc__children>.xc) > .xc__rail > .xc__line{
  opacity:.3!important;
}

/* ══ CONTENT ══ */
.exe-comments-wrap .xc__content{
  grid-column:2!important;
  min-width:0!important;
  background:none!important;
  border:none!important;
  padding:0!important;
  float:none!important;
  width:auto!important;
}
.exe-comments-wrap .xc__header{
  display:flex!important;align-items:center!important;
  gap:6px!important;margin-bottom:4px!important;
  flex-wrap:wrap!important;background:none!important;
  padding:0!important;
}
.exe-comments-wrap .xc__author,
.exe-comments-wrap .xc__author a{
  font-size:.84rem!important;font-weight:700!important;
  color:#e6edf3!important;text-decoration:none!important;
  background:none!important;padding:0!important;
  display:inline!important;float:none!important;
}
.exe-comments-wrap .xc__author--admin,
.exe-comments-wrap .xc__author--admin a{
  color:#e05252!important;
}
.exe-comments-wrap .xc__date{
  font-size:.76rem!important;color:#7d8590!important;
  display:inline!important;
}

/* ══ TEXT — kill ALL boxes ══ */
.exe-comments-wrap .xc__text,
.exe-comments-wrap .full-text,
.exe-comments-wrap .xc__text.full-text,
body .exe-comments-wrap .full-text{
  font-size:.9rem!important;
  line-height:1.65!important;
  color:#e6edf3!important;
  margin:4px 0 8px 0!important;
  padding:0!important;
  background:none!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:auto!important;
  text-align:left!important;
  word-break:break-word!important;
  float:none!important;
  display:block!important;
}
.exe-comments-wrap .full-text a{
  color:#3ea6ff!important;text-decoration:none!important;
}
.exe-comments-wrap .full-text a:hover{text-decoration:underline!important;}
.exe-comments-wrap .xc__text blockquote,
.exe-comments-wrap .full-text blockquote,
.exe-comments-wrap .quote{
  border-left:2px solid #2d333b!important;
  padding:5px 10px!important;margin:6px 0!important;
  color:#7d8590!important;font-size:.86rem!important;
  background:rgba(255,255,255,.03)!important;
  border-radius:0 4px 4px 0!important;
}

/* ══ ACTIONS ══ */
.exe-comments-wrap .xc__actions{
  display:flex!important;align-items:center!important;
  gap:2px!important;flex-wrap:wrap!important;
  padding-bottom:10px!important;
  background:none!important;
}
.exe-comments-wrap .xc__votes{
  display:inline-flex!important;align-items:center!important;
  background:rgba(255,255,255,.06)!important;
  border-radius:20px!important;padding:0 2px!important;
  margin-right:4px!important;
}
.exe-comments-wrap .xc__like,
.exe-comments-wrap .xc__dislike{
  background:none!important;border:none!important;
  cursor:pointer!important;color:#7d8590!important;
  padding:4px 7px!important;border-radius:20px!important;
  display:flex!important;align-items:center!important;
  height:26px!important;transition:color .15s,background .15s!important;
}
.exe-comments-wrap .xc__like:hover{color:#3ea6ff!important;background:rgba(62,166,255,.08)!important;}
.exe-comments-wrap .xc__dislike:hover{color:#e05252!important;background:rgba(224,82,82,.08)!important;}
.exe-comments-wrap .xc__like.active{color:#3ea6ff!important;}
.exe-comments-wrap .xc__dislike.active{color:#e05252!important;}
.exe-comments-wrap .xc__count{
  font-size:.8rem!important;font-weight:700!important;
  color:#e6edf3!important;min-width:20px!important;
  text-align:center!important;padding:0 3px!important;
}
.exe-comments-wrap .xc--up  {color:#3ea6ff!important;}
.exe-comments-wrap .xc--down{color:#e05252!important;}

.exe-comments-wrap .xc__btn{
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  background:none!important;border:none!important;
  color:#7d8590!important;font-size:.77rem!important;
  font-weight:700!important;cursor:pointer!important;
  padding:4px 8px!important;border-radius:20px!important;
  height:26px!important;letter-spacing:.2px!important;
  text-transform:uppercase!important;white-space:nowrap!important;
  transition:color .15s,background .15s!important;
}
.exe-comments-wrap .xc__btn:hover{
  background:rgba(255,255,255,.07)!important;color:#e6edf3!important;
}
.exe-comments-wrap .xc__reply-btn:hover{color:#3ea6ff!important;}
.exe-comments-wrap .xc__del-btn:hover  {color:#e05252!important;}
.exe-comments-wrap .xc__edit-btn:hover {color:#fbbf24!important;}
.exe-comments-wrap .xc__ip{
  font-size:.71rem!important;color:#7d8590!important;
  font-family:monospace!important;
  background:rgba(255,255,255,.05)!important;
  padding:2px 7px!important;border-radius:4px!important;
  margin-left:auto!important;
}

/* ══ CHILDREN ══ */
.exe-comments-wrap .xc__children{
  display:flex!important;flex-direction:column!important;
  background:none!important;padding:0!important;
}
.exe-comments-wrap .xc__children>.xc{
  border-bottom:none!important;
  padding-top:8px!important;
}

/* ══ REPLY FORM ══ */
.xc-rf{
  margin:8px 0 4px!important;
  border:1px solid #2d333b!important;
  border-radius:8px!important;overflow:hidden!important;
  animation:xcIn .15s ease!important;
}
@keyframes xcIn{
  from{opacity:0;transform:translateY(-4px);}
  to  {opacity:1;transform:translateY(0);}
}
.xc-rf__top{
  display:flex!important;align-items:center!important;gap:6px!important;
  padding:7px 12px!important;
  background:rgba(255,255,255,.03)!important;
  border-bottom:1px solid #2d333b!important;
  font-size:.78rem!important;color:#7d8590!important;
}
.xc-rf__top strong{color:#e6edf3!important;font-weight:700!important;}
.xc-rf__x{
  background:none!important;border:none!important;color:#7d8590!important;
  cursor:pointer!important;padding:2px 4px!important;margin-left:auto!important;
  border-radius:3px!important;display:flex!important;align-items:center!important;
}
.xc-rf__x:hover{color:#e6edf3!important;}
.xc-rf__ta{
  width:100%!important;background:#1c2230!important;
  border:none!important;outline:none!important;
  color:#e6edf3!important;padding:10px 12px!important;
  font-size:.88rem!important;resize:vertical!important;
  box-sizing:border-box!important;min-height:75px!important;
  font-family:inherit!important;line-height:1.5!important;
  display:block!important;
}
.xc-rf__ta::placeholder{color:#7d8590!important;}
.xc-rf__btns{
  display:flex!important;gap:8px!important;padding:8px 12px!important;
  background:rgba(255,255,255,.02)!important;
  border-top:1px solid #2d333b!important;
}
.xc-rf__send{
  background:#e05252!important;color:#fff!important;
  border:none!important;border-radius:6px!important;
  padding:6px 16px!important;font-size:.8rem!important;
  font-weight:700!important;cursor:pointer!important;
  text-transform:uppercase!important;
}
.xc-rf__send:hover{filter:brightness(1.1)!important;}
.xc-rf__cancel{
  background:none!important;border:1px solid #2d333b!important;
  border-radius:6px!important;padding:6px 12px!important;
  font-size:.8rem!important;font-weight:700!important;
  color:#7d8590!important;cursor:pointer!important;
  text-transform:uppercase!important;
}
.xc-rf__cancel:hover{color:#e6edf3!important;border-color:#e6edf3!important;}

/* toast */
#xc-toast{
  position:fixed!important;bottom:22px!important;right:22px!important;
  z-index:99999!important;padding:9px 16px!important;
  border-radius:6px!important;font-size:.83rem!important;font-weight:600!important;
  pointer-events:none!important;transition:opacity .3s!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  box-shadow:0 4px 20px rgba(0,0,0,.5)!important;
}

/* mass action checkbox */
.exe-comments-wrap input[type="checkbox"]{
  width:16px!important;height:16px!important;
  accent-color:#e05252!important;cursor:pointer!important;
  vertical-align:middle!important;
}

/* not-comments message */
.exe-comments-wrap .message-info{
  color:#7d8590!important;font-size:.9rem!important;
  padding:20px 0!important;background:none!important;
}

/* mobile */
@media(max-width:600px){
  .exe-comments-wrap,body .exe-comments-wrap{padding:16px 12px!important;}
  .exe-comments-wrap .xc{grid-template-columns:26px 1fr!important;column-gap:8px!important;}
  .exe-comments-wrap .xc__avatar{width:26px!important;height:26px!important;}
  .exe-comments-wrap .xc__btn{font-size:.72rem!important;padding:3px 6px!important;}
}